Last week we launched CareOregon’s new website. The process included user surveys, usability tests, creating user personas, brand exploration, editorial, photography selection, sitemap and wireframing, and design. You can view the video below to hear more about the various deliverables.

The design was targeting to improve the level of user engagement and efficiency in users reaching their intended content. The following stats were pulled for CareOregon’s new site comparing the month since the launch and the previous year’s numbers for the same time period (2/7/10 to 3/5/10 and 2/7/11 to 3/5/11):

• +34.88% improvement in new visits
• -34.44% reduction in bounce rate
• +34.18% improvement in time spent on the site
• +10.46% improvement on the number of pages viewed per user
• +38.36% improvement on visitors sourced by search engines
• +35.77% on new visitors
• .02%of users relied on search (65th most visited page was search results). Previous: 10.1% , the 9th most visited page)

Check out this SlideShare Presentation. You can hit the Play button to hear the voice over:

We just completed an animated video promoting Cobalt’s new ad service. Cobalt is a web hosting and online advertising service for car dealerships. They wanted an innovative and fun video to send to their customers to introduce their new service offering without being boring while saying it. So the challenge was to take on a complicated concept and explain it in 2 minutes or less without putting to sleep the viewers.

PPMG concepted an idea using a rainmaker machine as the metaphor of how the service could create customer traffic. Our process was to break each element into its own separate deliverable.

First, we provided three summary concepts. Then after a concept was selected we made rough storyboard and attached narrative copy to it. We then provided three illustration styles to choose from as well as voice over talent selections. Once each was approved, we just stitched it all together and dropped it in Flash! You can see the preliminary sketches and the illustrations below:

Empty space ads

The logo itself was devised to represent the contrasting metaphor of the negative space in the word “empty” then shown filled with the word “space”. The color pallet was devised to create a unique differentiator for trade shows, networking events and of course, ads.

PPMG first spent time in a discovery phase where we came to understand Trusted Places’ audience, business goals, and the competitive space. From this we were able to work from an informed basis and we were able to effectively evaluate the registration process, create a refined information architecture, recommend A/B testing, and extend the brand.

We first engaged creating in a moodboard. This excellent tool allowed us to show Trusted Places a visual language that would articulate the brand going forward. Trusted Places readily bought into our vision because the Discovery phase allowed us to quickly show Trusted Places’ value through images, iconography and recommended messaging. From the moodboard, we were able to tweak the logo in a way that users would still relate to the old branding, but would emotionally connect with the new direction. This was also a basis for the design, value proposition, and message extensions.

PPMG is always cognizant of our clients’ budgets. In the spirit of offering the most value for the least amount of money to our customers, we suggested a short User Experience Definition phase. This high level study, through simple user flows, allowed us to confirm Trutsted Places core strategic user scenarios. These were based on existing pathways and the desired traffic flow per each business objective. PPMG helped Trusted Places create a larger, strategic view of their key user activities and we were able to propose enhanced user engagement. This exercise saved Trusted Places money because we had a solid base from which to work on the tactical user experience change requests. With a deeper understanding of the site and its users, we were able to make cogent, educated solution suggestions as we continued to work with the Trusted Places stakeholders. Changes during the design phase can be very costly; however, these sorts of targeted deep dives can provide rich information in a short period of time that can then be extended to the remaining phases of the project.

Trusted Places came to PPMG with a myriad of requests. Through the above, PPMG was able to identify that many of the ancillary requests looped back to the registration process. PPMG reviewed this and we were able to recommend email improvements, a more user-friendly and efficient registration flow — which included the gateways to the registration page, follow-up emails, and the confirmation pages on the site. Our recommendations drove people to register while creating a better experience while doing so. Upon implementation of our recommendations, Trusted Places’ registration numbers went up, and there was higher user engagement and retention. Our research and recommendations also created a roadmap for PPMG to solve the ancillary requests of Trusted Places more efficiently.

The groundwork had been laid for an efficient re-architecting and redesign of the Home Page, the My Trusted Places page, and the Place Page. We worked to up the conversion opportunities, clarify the value proposition while driving registration and user-engagement. We also created a virtual “black book” experience for the registered Member. Users became much more aware of existing features and our changes drove usage, engagement, and stickiness.

PPMG is known for its holistic approach in helping its clients solve their new-media issues. We work closely with all of our clients to ensure their best interests are at the forefront. The layman may not initially understand the value of high-level studies and deep dives, but they ultimately pay for themselves in cost savings. PPMG works to base all of our recommendations and designs on the client’s strategy, business goals, and user profiles. Making something pretty has no value if it is not driving the significance of the brand while presenting information in a consumable manner.

JFS’ website was not adequately presenting the mission, scope, and strategy of JFS. Many of their users couldn’t effectively find the information and support they needed with the old design. JFS came to PPMG with these concerns and we worked very closely with them to solve for their complex situation.

PPMG embarked on two parallel tracks to meet the needs of JFS and its constituents. We entered into a Mood Board process to define the visual language of the site, as well as an Information Architecture phase where we defined the site structure and document taxonomy.

For the Mood Board, PPMG chose images and colors that would represent the various populations that JFS serves, as well as photographs of the founding mothers and shots of the Seattle area. This did several things. It gave JFS the opportunity to discuss and define the high level value of JFS and choose a library of images that would evoke appropriate emotional responses from their users. PPMG worked with JFS to create a visual language that would provoke a feeling trust, community, safety, and show concern. Our goal was to connect viscerally to the needs of the site user.

View the Mood Board here >

The IA phase was challenging because of the complexity of JFS’ offerings. We concluded that the best way to meet all site-interaction scenarios was to have navigation by both persona and by service. This created a difficult puzzle to solve, but we were able to effectively create a structure and navigational system that provided easy, intuitive access to all of JFS’s services in a manner that was easy to use and understand. JFS had ample content per page, so PPMG was able to easily flow the existing information into the new design.

The Mood Board and IA phases worked together to create a cost-efficient design process because all of the elements had been defined at a higher level. Repeated touches to the pages during the design phase was not necessary because consensus had been achieved before that phase started.

Through our collaborative efforts, JFS’s understanding of their audience, and PPMG’s expertise, within the first month of the newly designed site launch:
• Average user time spent on the site increased 81%
• The bounce rate decreased 22%
• Page views increased 54%

JFS had a limited budget, complex needs, and a short time frame. PPMG worked closely with the stakeholders through work sessions and presentations to provide a robust website, as well as a meaningful experience for both the JFS staff and the community that they serve.

View the live site here >

Our solution was to create a campy, fun and tongue-in-cheek set of characters accompanied with a voice over of an over-the-top announcer. The characters and scenes chosen were based on the personas of typical customers. Part of the advert was to create associated banners you can view here. ]]> http://perfectpixels.agreenweb.com/core/new-advert-for-bluephone-com/feed/ 0 http://perfectpixels.agreenweb.com/core/the-most-cynical-website-so-far/ http://perfectpixels.agreenweb.com/core/the-most-cynical-website-so-far/#comments Fri, 06 Mar 2009 05:10:00 +0000 Jason Levine http://perfectpixels.local:8080/core/?p=64 Skittles.com takes its website with a far more realistic look at itself as an online entity than most other self-promotional product websites; inconsequential. The Skittles website is not really a site, but merely a portal to finding Skittles on other sites. The homepage and product pages are Wikipedia pages. The photos is a Flickr page, the videos section is a YouTube page, the Friends page is a Facebook group page, and the Chat page is a Twitter page.

Skittles is experimenting with the idea that an offline brand exists online elsewhere on other websites and not within its own branded confines. Its profound in a way with either a cynical look at itself, or a clever way to promote Skittles directly to where users may actually be talking about their product- not on skittles.com. Brilliant.

This is a fascinating look into the psyche of what we look to achieve with a strong brand. This is because the brand persona does not live within a company, but lives within its customers and those that interact with that brand.

That is why Volvo would never do it because they are a car company, if they ever sold a Volvo car seat, you don’t even need to think about it- you know it would be safe. Because that is what they are all about and we as a consumer, viscerally identify with that message.

They also are focusing on creating green construction with energy efficiency, water conservation and recycling materials. They just started their campaign demonstrating their mutualist message and it is getting very positive press as well as providing a differentiation from their competitor Wal-Mart who is seen as an anathema in many communities.