A better way to shop for uniforms.
Dress codes can be very specific, and vary widely by school. The challenge was in finding a way to encourage students to express their tastes, while making sure parents feel comfortable that they’re ordering the right things.
I was provided a brand brief, 3 personas, and an inventory list. With two weeks for the project, my job was to draw out user, brand and business goals, structure the content, design key screens of the site and create a clickable prototype. The targeted audiences were K-12 students, parents, and school administrators, providing an interesting challenge for a wide range of age groups, backgrounds, and goals.
Enable convenience and emphasize curation.
Busy parents are always on the go. These shoppers want to know that they are getting the highest quality at a good price, and are looking for ways to get their shopping done faster to gain more time for the things they love.
The TrueSpirit site needs to enable users to find the right things in the fastest and easiest way, while providing a similar experience to what they’d expect from their favorite store or internet retailer.
I designed a touch-first, responsive platform that personalizes the uniform shopping experience. The visual design style reflects the company’s modern, lighthearted brand, showcasing the quality of products while encouraging customization and playfulness.
Responsive design was particularly important given TrueSpirit’s busy, multi-tasking target audience.
Responsive design was particularly important given TrueSpirit’s busy, multi-tasking target audience. Accessibility across devices allows users to add to their shopping list wherever they are and check out when they're ready.
During usability testing, I discovered that the hamburger menu wasn't translating well on desktop. Some users scrolled down to the footer to navigate around the site. With this in mind, I designed a traditional top navigation for desktop, while keeping the hamburger menu for smaller screens.
An easy way to buy the essentials.
Personalization is a primary driver of the experience. Site-wide filtration by school ensures parents are only ordering approved items. As they continue to shop, the site features related items that complete the uniform.
In just a few clicks, users have access to an “essentials” list of must-have items curated by school administrators, which can be added to cart at one time. Understanding that some users might be interested in adding items individually, I made it possible to add to cart directly from any product grid, and included Quick Views to allow for frictionless cart building.