ExtraLargeTransparent.png
photo 4.JPG

Time Frame:

Two Weeks (London, March 2014)

Skills Used:

Contextual Inquiry, Illustrator, Card Sorting, Rapid Prototyping, Sitemapping, Competitor Analysis, Feature Analysis, Sketching, User-Flow, User Journey, Lo-Fi Wireframe, Hi-Fi Wireframing, Paper Prototype, User Testing, Clickable Prototype using Invison.

View Prototype Here

Brief:

TrueSpirit is a new internet retailer for schools and parents who want a modern school
uniform for K­12 children. It offers updated uniform fashion including pants for girls and
zip­up hoodies, provides a “must ­haves” checklist from the school’s administrator for
each school year, and recommends accessories allowed by the school’s dress code.
Unlike traditional suppliers such as Lands End and True Grits, True Spirit encourages
visitors to express their tastes—with some limits.

‣ Create a high­level sketched flow
‣ Create a sitemap
‣ Create a navigation schema
‣ Create a wireframes for a product page & home page
‣ Create user flows & forms for the check­out process
‣ Create a “click­thru” prototype to test with at least 4 users.

Research:

Early stages of the project we worked with card sorting to help decide what categories would be needed in order to navigate the website.

Early stages of the project we worked with card sorting to help decide what categories would be needed in order to navigate the website.

The card sorting helped me to better understand what the sitemap might look like.

The card sorting helped me to better understand what the sitemap might look like.

User Flows:

User Flow Gallery. Please click images for more details.

Lo-Fi Wireframes:

Hi-Fi Wireframes:

View Prototype!

View Prototype!