UX/UI Experience

Positive Brand has spent years designing websites and creating the user experience for companies of all sizes.


pepsiworld.jpg

PepsiWorld

UX: We created a user experience that would inspire a young audience with the latest in music, movies and video game entertainment.

UI: We re-invented the interface for the website every month, creating a new interactive experience to let people know that the content on the site was all completely new. 

Background: PepsiWorld was a great training ground for user interface design. Every month, we completely redesigned the website’s interface — navigation, functionality, everything. The content buckets stayed the same — music, movies, games — but the contents of these buckets , the way they were presented, organized, and their inherent interactions were reinvented from month to month. PepsiWorld was created to be an energetic and inspiring e-zine, a monthly presentation of the latest amusements pop culture had to offer. We learned a lot about creating unique, inventive and effective user experiences by working on PepsiWorld. And we added to that learning by conducting regular usability studies with consumers to evaluate the intuitiveness and effectiveness of the different approaches we took with interface design.


live-energy.jpg

Live Energy

UX: Live Energy customers save money by being connected to up-to-date rate information so we created a website experience that was immediate and efficient. 

UI: We trimmed bloated site content down to the essentials and presented it in a single page to make it easier and more accessible to the users.

Background: Although we have years of experience developing websites that are custom-coded and programmed, we are equally experienced in creating websites that can be managed and maintained using popular user-friendly CMS systems like Wordpress and Squarespace. When it came to Live Energy’s website, they asked us to help them with a bloated and outmoded website. We conducted a website workshop with the company’s primary stakeholders to determine the communication priorities as well as the true value of the content available to meet their goals. Once we arrived at a greatly reduced and streamlined site architecture, we began the design process, electing to utilize Parallax web themes for Wordpress to produce a website where all of the critical communication and content could be presented on the homepage, leading to more conversions of website visits into service requests.


VIGNETTE.jpg

Vignette

UX: Usability was paramount for this brand that represented best-in-class, enterprise e-business management, so we created an experience that was as intuitive as it was comprehensive.

UI: We designed the website using cascading menus that allowed users to review the content and navigate the entire website from every entry point on the site.

Background: Vignette was an enterprise-level content management system for e-business before being acquired by Open Text in 2009. When we started re-architecting and re-designing their website, we first went through intensive usability training with Forrester. Then we ran the Vignette website through a comprehensive web workshop to determine the strengths and weaknesses of the current approach. And we conducted extensive interviews with customers to determine the needs and expectations of those who would be using the redesigned website the most. Finally, we created multiple design solutions with interactive wireframes and tested these solutions with users before landing on a final direction for their website.


EXMO.jpg

ExxonMobil

UX: We created a user experience that demonstrated how ExxonMobil addressed the essential needs of the driver as well as their comfort and productivity on the road.

UI: Because the website was used by a highly diverse audience and a wide range of customers, we gave content organization and intuitive navigation top priority.

Background: Before ExxonMobil updated their global, corporate website, they invited us to help them re-organize their content and integrate their brand position of “Life on the Move” throughout the site. At the time, they had multiple websites around the globe with a lot of overlap and redundancy. Many of these websites also featured unique content and communication that had real value. We spent weeks in sessions with the company’s various department heads and stakeholders, exploring the needs and requirements of their very diverse user base. Internal and external audiences from regions around the world were addressed in our process. In a large conference room, we created index cards for every content idea that we had uncovered in our discovery process. Cards were organized and categorized. We spent time re-imagining the organizational structure by applying different “Life on the Move” concepts and motifs to the content. Once we had an elegant solution for the content, then we set out to design an equally elegant solution for the interface.


carterbloodcare.jpg

Carter BloodCare

UX: We discovered through our research that blood donors are motivated to give because it reinforces their identity as a good person. We created a user experience that celebrates the donor’s accomplishments.

UI: Analyzing web logs and user data, we completely reshaped the interface to reflect the way users currently utilize the website.

Background: As the North Texas blood bank, Carter BloodCare needs 1,000 donations every day and they needed the help of their online presence to meet that demand. So our first step was to conduct a comprehensive web workshop to determine the strengths and weaknesses of the current approach. Next, we studied the web traffic reports for the last year to evaluate content usage as well as seasonality effects on usage. This was followed by user surveys of the client’s most active donors to establish their needs and expectations. Based on our discovery phase, we completely reorganized the content and subsequent navigation of the website into a modular approach that would be updated as usability needs evolved. In the design phase, we explored and tested a variety options that addressed the usability needs while integrating the communication objectives of the client’s marketing department.


AA-SITE-TOUR.jpg

American Airlines

UX: Knowing that big changes can either include or alienate users, we created a site tutorial for the new AA.com that oriented users to the new nav and invited their participation in its development.

UI: We designed a drag and drop interface that allowed users to customize the site tutorial, making it possible for people to review the site features they were most interesting to them in the order of their preference. 

Background: When American Airlines completely redesigned their website, AA.com, they wanted to ensure that their customers would be oriented and comfortable with the new site. So they asked us to develop an interactive site tour that would orient current site users to the new structure of the site. And it would solicit their feedback during the Beta launch phase of the site. We created an interactive site tour that: helped make customers feel "special" by giving them a sneak preview of the new site; provided customers with a flyover tour of the new site; allowed customers to share their observations, thoughts and feelings about the new site; thanked customers for their input and participation; seeded key messages to be used during the "hard launch" marketing period; and ensured the successful migration of their best customers to new site. The site tour utilized an interactive, user-initiated, modular design that featured a create-your-own navigation with voiceovers to provide insight and direction.



We specialize in the consumer experience and have years of experience developing interface design solutions for websites, mobile apps, and other digital applications.

client-logos.jpg