X Out Web Site
UI Design
I was part of the team that was given the redesign of the Xout Web Site. My teammate and I developed a strong look and feel for the site to appealed to our target market of young athletic people that want a simple system to keep their skin clear. Using pops of color, amazing videos, font treatments and a strong framework we wanted to guide the viewer through the site and show them how simple our system is and what it can do for them.
A huge factor for our team was the ability to showcase the results of our users, their results spoke so clearly for themselves that we needed to give them the spotlight and we took every opportunity to do so. We had a wealth of assets to work with, everything from amazing quotes of what the clients loved about Xout, too wonderful stage by stage pictures of their progression on the road to getting clear skin. It was really moving to see the change in the eyes of our testimonials as they recorded their journeys, and we wanted to convey that same feeling in our design choices. All our videos featured real life Xout users and all of the quotes are taken from their various interviews; real users, real results. For me the most moving was Jake on the Results page, you can see Xout working month by month and the change on his face really says it all.
Simplicity and Impact are the core values we began our design process with, and I really feel that comes across in the final product of the site. We chose to highlight how easy the product is to incorporate into the users routine and how much of a difference that simple change can make. Using subdued hues in the background along with dramatic pops of color to direct the eye through the page, and we used either video or interactivity to focus the viewer on the most important aspects of site: what we are about and how to get it.
I was one of the two designers on this project, and our work on this brand will be felt for year to come. We were responsible for all the front end design on this project, but we couldn’t have done it one our own and I’d like to take this opportunity to say thank you to all of the amazing teams that supported us at Proactiv.