True Spirit (E-Commerce Site Case Study)
Project Overview: True Spirit is a fictional company that sells children's uniforms online.  I was given 2 weeks to design their e-commerce website for this project.  This was an individual project.
 
I began my research with competitive analysis of several children's uniform sites and broader clothing sites.  
To help me analyze the research I had gathered, I made mind maps for user personas to determine their pain points.  I also used mapping to formulate the site's minimum viable product (MVP).
I roughly sketched out storyboards for user personas to help me understand user perspectives and lifestyle.
To help me curate the site's information architecture, I used cardsorting with peers and colleagues to determine categories and copy.
To find pain points in current competitor sites, I tested a competitor's site I thought to be well-designed and examined the task analysis for a flow.  From this research, I was able to develop a problem statement that guided my design.
 
Problem Statement: Current competitors have cluttered sites and it's time-consuming and unnerving to sort through so many options.  It's difficult to tell whether the correct item is being purchased.
By formulating main use case flows, I was able to develop my solution statement.
 
Solution Statement:  My solution is to reduce the ambiguity of uniform buying by quickly displaying uniform basics that are not school specific.  I will do this by implementing a navigation system that reduces the amount of clicks it takes to get to a product's page and checkout. 
After drafting a few versions of my sitemap, I user tested it before moving forward with digitizing it.
Once I had my sitemap, I sketched out my page designs and conducted "Wizard Of Oz" paper prototype testing to find out what was unclear and what needed to be changed.
Once I tested my paper prototype, I made changes to the confusing parts of my design and created wireframes for my pages.
Once I tested my wireframes, I moved on to making an interactive prototype of the site.  I found that my wireframes confused some of my text participants so I added placeholder images to make the prototype easier to understand.
 
Play with the prototype here:
http://invis.io/MS1WMZPG6
 
Available Interactions: complete purchase process for boy's polo shirt
 
Next Design Steps:
- retest the copy (categories: "uniform basics" & "formal shirts"; shipping: "place order" vs "submit order"
- retest information architecture
- add copy to clarify amount of products per category
-account for accessibility: ESL & vision impairment
True Spirit (E-Commerce Site Case Study)
1
121
0
Published:

True Spirit (E-Commerce Site Case Study)

This is a 2 week individual project for the fictional uniform company, True Spirit
1
121
0
Published:

Creative Fields