User Experience + Product Designer
howhaus_thumbnail010214.jpg

HowHaus

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. 

All the photos in this template are taken by the talented photographer Akos Major.

THUMB_HowHaus_app_fina2l.png
The homepage for HowHaus' website would offer easy access to both featured and recently added content, with many other methods of browsing and learning offered in the head navigation.

The homepage for HowHaus' website would offer easy access to both featured and recently added content, with many other methods of browsing and learning offered in the head navigation.

HowHaus

The interior instruction page would focus on one-step-at-a-time. Each step would snap to a highlighted center frame as the user scrolled.

Users would be prompted to sign in when they opened the HowHaus app, so that they could easily access instructions that they had favorited and leave comments on lessons they've already tried while on the go.

The mobile app would also lead the user through each lesson step by step. The steps are near the top of the screen to let the user know how far along they are, and once they've reached the end the user is encouraged to keep searching and learning.

The mobile app would also lead the user through each lesson step by step. The steps are near the top of the screen to let the user know how far along they are, and once they've reached the end the user is encouraged to keep searching and learning.

The printed book format keeps to the three column grid used in the homepage of the website, with an emphasis on visual presentation to keep a consistent feel across platforms and to promote understanding of what is described in the written steps. Ea…

The printed book format keeps to the three column grid used in the homepage of the website, with an emphasis on visual presentation to keep a consistent feel across platforms and to promote understanding of what is described in the written steps. Each set of instructions has a large intro page with a hero image, to provide basic information and to make each instruction easily recognizable when flipping through the book.  

An example of an intro page in the book.

An example of an intro page in the book.

HowHaus is a how-to service designed across multiple platforms (web, app, video and print). In order to achieve this, a visual system needed to be established, complete with branding, so that all of HowHaus' different forms could be cohesive. A three column grid was utilized for both web and print to organize steps in a clear manner, while the app design utilized a one column grid for ease of use.