•  
  •  
  •  
  •  
  •  
  •  
 

2010-11 www.xobni.com

Angel Steger: worked with Marketing on product packaging, led branding effort with the Design team, and designed the webpage.

As part of transitioning to a different pricing and packaging, it was important to update the product appearance. In accordance with focus group research, the color palette of the product was simplified to better integrate with Outlook's chrome, unnecessary UI was removed, and free/pro products were visually differentiated.

Awards for Xobni Product

PC World Best Products of 2011
CNet Five Star Award
CrackBerry Editor's Choice Award
Rated 4 Stars on PC Magazine
Rated 4.5 Stars on PC Advisor

About this image

  • Thumbnail
  • Thumbnail
  • Thumbnail
  • Thumbnail
  • Thumbnail
  • Thumbnail
One of two main landing page variants for www.xobni.com. This promotes the paid subscription and features testimonials, product images, group purchasing, tweets, awards, gadgets, and corporate users.
The second of two main landing page variants for www.xobni.com. This promotes the free product and features testimonials, product images, group purchasing, tweets, awards, gadgets, and corporate users.
Early wireframes exploring two different messaging strategies: promoting one product at a time, or offering both packages at once.
Proposed design for Outlook product. Users had mentioned being concerned about getting in trouble for installing software at work. In this design, the UI sits back in favor of the user's information. It's also designed to subtly contrast with the Outlook skin, which is taxing on the eye and creates too much interest in the chrome.
Another proposed design for the Outlook product. This features a black chrome, which echoes Xobni's early visual strategy of standing out to get other people to notice what's on their coworker's screens. In this case, the chrome again serves to frame the information rather than to compete with it. Since Outlook also has a graphite skin option, this would match the graphite theme while standing out.
As one can see on the far right, the final design takes many cues from the proposed mockups. Multiple proposals were triaged within the design team.