The best foot measurement and sopping experience for your kid

SpeedSmith  |  Product Designer・2018

Information

Disciplines | Product Lead, UI, UX, Visual, Illustration

Published | April ,2018

Project | iOS app

Made with | R+W Inc.

Website

Overview

SPEEDSMITH is a startup where designs the super-functional and stylish sneakers for children of all ages and for all kinds of activities and of environment.

R+W helped SPEEDSMITH created a highly engaging app and a 3D measuring online service that gives parents a better shoe size recommendations for quick growing children's feet.

Pain points alignment

This situation worried many parents in the world. There are many parents couldn't pick the right size of shoes with a toddler. Parents know something wrong while children start walking on tip-toes with greater frequency. What is more, most of the children can't express directly their feelings and emotions and telling parents “NO, NO, NO” when it is time to put the shoes on.

In fact, a child’s foot can grow up to 12 sizes in their first three years of life.

Foot measuring system development

The R+W tech team joined the SPEEDSMITH in the very early stage. The engineers developed a function by taking the perfect photo of your feet from iPhone camera to create accurate 3D models.

As R+W tech team released a prototype app for a test model. As a UI/UX designer, I was involved in this project to think about how to guide the users through the measuring process and give the user more context and expectation for measurement.

Role and objectives

At the same time, SPEEDSMITH team produced the children sneakers for all age, activities in any environment. The SPEEDSMITH Co-Founder's also worked with Daylight Design to define the brand and identity.

I worked on this project as a UI/UX Designer, partnered closely with Stakeholder, PMS and Developers. My overarching task was to translate user needs and business strategy into a online seamless experience.

Here are three main business and customer goals for SPEEDSMITH app

• Allow the user to explore and interact with SPEEDSMITH brand content and help invoke enjoyment feel in the mobile app. 
• Make measurement feet very easy to reach out for help, record and ensure the parents are aware of the wide range of services offered by SPEEDSMITH.
• Provide a way for the highly usable shopping experience that parents buy shoes for their young kids.
  

How to make parents predict the right feet size before kid uncomfortable?

My design process

First, understand the problem, "How fast do children's feet grow?", "How parents measure children's feet? ", "What kind of shoes is the best for a young kid?" even more questions. I started to ask the friends who have the child around me, and most of the pain points were like this, "I have no idea when their feet grow." or  "I bought a new size of shoes when they didn't want to put their foot into shoes."

That’s what SPEEDSMITH want to solve and gives parents the confidence of knowing the right shoe size and shop the shoes for the kid in any occasion.

When I understand the general situation and workflow in parents. Based on this question, here was the IA I intended for the SPEEDSMITH team.

This Finale Information Architecture 

Design guide

As SPEEDSMITH had a new logo and brand colour palette from Daylight Design. My next step was extending the UI component and colours. It was very important to represent the character and brand for begging of the app.

The UI design guide iterated on an initial design which was the user interface, wireframe, app flow even web and mobile UI component.

The onboarding flow

For the easy understanding and higher engagement to the new user. This is What I kicked off the process with a series of tutorial and guide the user to measure the feet before them jumping into the app.

The onboarding process showed a simple tutorial on what SPEEDSMITH do and how the app measure kid's feet. Also guided the new user to have a guidance on paper and the position of feet for the first measurement.

It is the best way that user positively engaged in than describe anything.

Isometric illustration

Get ready

Get set

Have your child place their heel against the wall and try to keep their foot in the center of the paper. Their toes should be pointing forward, and only place one foot on the paper at a time.

Measure

Position your phone so that the paper’s corners make all four pink boxes light up. Then, let us know if we’ve correctly placed the paper on screen.

Shop!

Your suggested shoe size will automatically transfer to our app’s online store. You can choose a great pair of kicks for your child, and find out how to help support our non-profit partner Soles4Souls.

The final tutorial flow

Onboarding At Early Vision

Icon set

A good product needs good storytelling. A clear and strong graphic increase branding awareness and build brand engagement to the client. By created these icons, users can easily understand the benefits of the sneakers.

The measurement process 

Once the user measured the feet, the user can get a suggested shoe size within a few seconds and shop the SpeedSmith shoes with fit and comfort.

To be even more helpful. App also tracks how fast your kids' feet grow over time. This app also tracks how fast your kids' feet grow over time. You can save profiles for multiple peeps in your family, and save sizes every time you measure. Based on built-in app smarts, SPEEDSMITH will notify you when it's time to measure your kid's feet again.

The chart shows the logic and age to push notification in time

UI overview

I was iterative worked on this project since May 2017. We ran the Google Design Sprint to identify use cases and possible situation. There were over 50+ screens I designed for it. Now, the app officially kicked off in April April 2018. I was ecstatic to see that the app was finally available for everyone to download. 

Love from App Store

App rating: ★★★★★ 4.8

I commissioned the design work on this project since 2017. So much love and feedback I got from the client, users and App store. I felt this is one of the interesting projects I’ve worked on to date. However, it paused in progress for a moment. Looking back at the project with a critical eye, if given chance, I would reinforce the Profile to increase drive traffic to e-commercial of the app.

See people's review from App store