e-commerce
CHALLENGE:
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.
SOLUTION:
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.
SKILLS:
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)
TIMEFRAME:
Two weeks from challenge to presentation
ROLE:
Solo UX researcher and designer
TOOLS:
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.
sitemap
The architecture of the pages that make up the website were visually laid out.
sketches
Research based designs and annotations were hand sketched to test assumptions and serve as a base for wireframes.
wireframes
Wireframes were created and user tested. Once a low fidelity prototype was put built it was tested and iterated upon.