hi5 Homepage
2011
Interaction Design, Visual Design, User Research
This the design and iteration examples for the hi5 homepage redesign.
- One of my first projects at hi5 was redesigning the page the user is taken to after they login. I was able to take a fresh look at the page since I was new to the site and the company which resulted in a much needed clean up that reflected both the user and business needs better.
- This is a wireframe where I started to bring in new elements into the page, for example, the ability to update your status from the homepage, to see the status updates of your most important friends, and to focus on cleaning up the stream a bit.
- In this mock up I was starting to refine the visual design, creating a heavier header to anchor the sites main navigation but keeping the content area relatively light and clean. This 3 column layout was also the same as the existing page thus requiring few changes for the new design.
- In this mock up I was playing with a wider middle column which in the end we decided the extra space dedicated to the stream wasn't used efficiently enough because the majority of the stream updated were short thus having more unused space in the column and overly compressed information in the left and right rails.
- This mock up is very close to what shipped sans the column widths but most of the visual treatments and information organization seen below is what was shipped in the first version of the redesign. We planned on slowly migrating more and more of the final design over with time as to not create an entirely new experience for our users in one release.Also worth noting is this mock shows how we intended on introducing ads into the stream, our advertisers found this to be a very compelling product. We also started pulling nested features out into the stream for example the tag photos button shown on the new photos stream post that would encourage users to tag their friends in new photos which was a very viral feature.
-
Mocks from the zvents event and venue nameplate redesign.Interaction Design, Visual Design2011 -
Mocks from the Zvents search results page redesign.Interaction Design, Visual Design2011 -
Analysis and redesign of the Zvents event detail page right rail.Interaction Design, Design Research, Visual Design2011 -
Mock up of the Zvents Top40 site.Product Management, Interaction Design, Visual Design2011 -
This is a set of designs for the Zvents Facebook App.Product Management, Interaction Design, Visual Design2011 -
This is the concept work for my startup called Knack.MeEntrepreneurship, Design2011 -
This is a sample of the design work I did for the Xobni Mobile for BlackBerry.Product Management, Interaction Design, Visual Design2011 -
This is a sample of the product and design work I did for Xobni Enterprise.Product Management, Interaction Design, Visual Design2011 -
These are the designs for a couple of Xobni Enterprise ExtensionsProduct Management, Interaction Design, Visual Design2011 -
This is the design for web based on IM on hi5.comInteraction Design, Visual Design, Product Management2011 -
This is the design for hi5's virtual giftsInteraction Design, Visual Design, Design Management2011 -
This is the design for the mobile hi5 site.Interaction Design, Visual Design, Design Management2011 -
Examples from the hi5 design pattern library.Interaction Design, Visual Design, Design Management2011 -
This is work I did as a co-founder of a magazine about the niche cycling sport of Cyclocross. The magazine is still up and running by my co-founder, I stepped away to continue to work on digital projects.Print Design, Entrepreneurship2011 -
Yahoo! Messenger Pingbox allows users to chat anonymously with their website visitors using the Yahoo! Messenger service.Interaction Design, Design Management2011 -
Yahoo! MyM blended IM and Social Networking.Interaction Design, Design Management, Visual Design2011 -
Integration of SMS into the Yahoo! Web Messenger Product.Interaction Design, visual design, design management2011 -
This is the design for the My Yahoo! Messenger Widget.Interaction Design2011 -
Yahoo! Messenger for MacInteraction Design, visual design, User Research2011 -
This is the design for the first version of the Yahoo! Messenger Plug-ins.Interaction Design2011 -
Yahoo! IM message archive project.Interaction Design, design management, User Research2011 -
Opsware Desktop Application Design SpecificationInteraction Design, Usability, User Research2011
