Toys et Cetera is looking to communicate their message through an Improved digital shopping experience. Shoppers need a way to purchase toys and feel like they have made an informed decision.
This ten-day design sprint was a mock client project as a part of General Assembly User Experience Design Immersive. This was a solo project but we compiled our research as a class. I led all aspects of the UX process.
Toys Et Cetera is a local toy store that was founded 40 + years ago to provide educational, developmentally sound, and culturally relevant toys. They are looking to support the growth of physically, socially, and emotionally healthy children through safe toys. They have three locations in Chicago: HydePark, Lincoln Park, and Andersonville.
I began through scrubbing the Toys Et Cetera website:
Our first step was observing following the POEMS framework. (People, Objects, Environments, Messages, and Services)
Each team went to a different location to explore the setting and interview customers.
I conducted four phone interviews and we captured two in person shopping interviews. Some of the commonalities of these interviews were:
As we were analyzing other online toy stores we noticed they shared some principles in common. Every store was centered on education, safety and bright and colorful. Target is not a toy specific store led their toy page with, "Make a playdate with STEM toys." I started to realize education is important to every toy retailer large or small.
Through looking at our affinity maps, we modeled a Golden Circle about the core principles of Toys et Cetera and their mission. We found that parents want to raise successful children through engaging them in educational play by providing developmentally focused toys. This statement was a focal point as I moved forward in my research.
As a team, we pulled together our research and built affinity maps from our site visits. We clustered ideas into discernable actions and started to look for behavioral patterns.
Once we understood development types and learning styles were crucial to providing an ideal user experience we knew we had to bring them front and center. Toys Et Cetera initially had a description of learning styles and development types under the category of "FUNdamentals". This was a difficult mental model for shoppers to connect with. The challenge was to create icons that encouraged parents and shoppers tp interact with the hover state button.
This was the original page describing the "FUNdamentals". Although this page was core to Toys Et Cetera mission it was hidden in a submenu, and failed to relate to the toys when shopping.
It was important for the development types and learning styles to follow through the shopping experience. When a shopper has identified a toy of interest they can see how this toy will help in the developmental growth of a child. By clicking on the developmental icon they will be reminded of the growth opportunity.
Besides the learning styles and development types testers responded to being able to shop for toys by age range. These buttons are on the home page right under the development types.
Katie was one of the people we interviewed. We took her stories as a model to visualize the user journey.
Aunt Katie needs to buy her ten year old nephew Kai a Christmas present but it’s two days before and too it’s late to order online. She knows that she wants to give him something educational but she is stressed out about the thought of a mega store like Toys R US. She is hoping for something more local. Katie Googles local toy stores and finds Toys Et Cetera. When shes arrives at the new toy store she is greeted by the new home page.
From our design principles, we identified the importance of simplifying finding and reserving items for pickup in brick and mortar stores. On any product page a user can select the geo icon and these modals will help the guide users to reserve and pick up their item.
Katie selects the reserve for pickup option and selects the Lincoln Park location. When Katie reserves her item she is provided an address that links to Google Maps. She is easily able to map her journey and avoid being a neglectful aunt.
The microinteractions and hover states focused on evoking the spirit of play. We provided depth and texture to the learning styles, development types, and age ranges to mimic the colors and textures of children's toys. This was used to draw users in and maintain a clean stress free shopping experience.
This project was my first time executing the user experience design process. I did this as a part of the General Assembly User Experience Design Immersive. It was a learning opportunity in human centered design, iterative design, and user testing. Additionally, this was a initial opportunity in telling a story through frameworks and communicating design to an audience. The exciting part of the project is that all projects from here on out will be better informed and executed.