True Spirit is a new internet retailer for K-12 school administrators and parents who want a modern school uniform. The retailer needs a way to reach the administrators and parents to sell their uniforms.

I enjoyed thinking about the user flow for this project. This includes how customers arrive on the website, to clothing selection, and finally the checkout process. An interesting consideration was how to specialize the site per individual school and per grade to create clarity around identifying and purchasing required uniform items.

Through researching competitors and interviewing parents, a persona and user journey were developed to provide direction. Ease of use was paramount in designing the website, as well as taking into account families with multiple children across multiple schools or grades.

Comparative analysis, user interviews, persona creation, card sorting, task analysis, user flow, sitemap, sketches, wireframes, sketches and flows, wireframes, usability testing, clickable prototype, presentation of minimum viable product (MVP)

Two weeks from challenge to presentation

Solo UX researcher and designer

Pen and paper, voice recorder, whiteboard, Balsamiq, Omnigraffle, Photoshop, InVision, Quicktime

comparative analysis

Investigated competitors to gain understanding of market trends and aid in developing user interview questions.

user interviews

Five separate interviews were conducted with parents who have experience in purchasing school uniforms.

card sorting

A card sort was performed to help determine categories and develop the information architecture.

task analysis

White boarded the actions and dependancies of a parent purchasing uniforms from the point of landing on the website to checkout.

user flow

The flow a user travels through in order to complete a purchase was mapped out by page.


The architecture of the pages that make up the website were visually laid out.


Research based designs and annotations were hand sketched to test assumptions and serve as a base for wireframes.


Wireframes were created and user tested. Once a low fidelity prototype was put built it was tested and iterated upon.

See Prototype