Research
I started by interviewing a person attended a private school and had to wear student uniforms growing up. I learned about the different requirements and rules of the dress code.
I did a competitive analysis with 3 other school uniform companies. I compared the home page, section page, navigation, and product detail page, noting down the pros and cons of each.
Takeaway:
Because the users care about efficiency, it was important to design a conventional and familiar site. That way, there is a very low learning curve.
Takeaway:
Because the users care about efficiency, it was important to design a conventional and familiar site. That way, there is a very low learning curve.
Provided by our instructor, I used personas to guide my design decisions. I highlighted the main goals and pain points most common in users and made sure to address them in my solution.
Main User Needs:
1. Making sure they are buying the right items
2. Efficient checkout process and clear return policy
3. Having detailed information about the product
Main User Needs:
1. Making sure they are buying the right items
2. Efficient checkout process and clear return policy
3. Having detailed information about the product
ideation
A card sort was done to determine the navigation schema. The findings were translated into a site map.
Some products go under two categories. For example, gym shorts could be found under both “Shorts” and “Activewear”. Therefore, I listed some products twice to make it easy for the user to find.
Some products go under two categories. For example, gym shorts could be found under both “Shorts” and “Activewear”. Therefore, I listed some products twice to make it easy for the user to find.
User flows helps me visualize the process of a father entering the TrueSpirit site to buy an item for his daughter, as well as the checkout process. My logic was validated and the flow acted as a checklist of all of the screens I needed to sketch for testing.
Design
Knowing what elements I wanted and how to structure them, I began to sketch.
I used the
paper prototyping to test the usability of my designs. This allowed me to quickly iterate as I received more feedback.
FINDINGS:
1. Filtering by grade and gender is the most important when it comes to school uniforms. Putting the filters on the Shop by School page was confusing, so I moved it to the product list page.
2. Users liked having a guest checkout to avoid creating a new account.
3. Multi-step checkout pages are not a hassle as long as each step is clear.
FINDINGS:
1. Filtering by grade and gender is the most important when it comes to school uniforms. Putting the filters on the Shop by School page was confusing, so I moved it to the product list page.
2. Users liked having a guest checkout to avoid creating a new account.
3. Multi-step checkout pages are not a hassle as long as each step is clear.
Product Page
Because there are different uniform requirements based on what grade and gender your child is, I placed the filters upfront so that the parent doesn't lose track of what they are searching.
Because there are different uniform requirements based on what grade and gender your child is, I placed the filters upfront so that the parent doesn't lose track of what they are searching.
