Introduction

Project overview

Based on a precision facial recognition scan that maps the unique terrain of 
your face, Smith Optics utilizes cutting-edge 3D printing technology to create goggles with an ultra-custom fit.

Currently, customers are navigated out of the 3D face scanning app to a web browser in order to browse and purchase their custom goggles. For this project, I designed an in-app purchasing flow to enhance the existing Smith Optics mobile application.

User goals

Smith Optics Imprint 3D customers need a way to quickly and efficiently shop custom goggles from the facial scan app so that they can feel confident moving forward with their purchase.

  • June 2024

  • Interaction Design

  • Research

  • Prototyping

User research

For this project, we had 6 users complete the facial scan & then we conducted an interview with each person. Common feedback included: inadequate user control, inconsistencies between features, and a lack of error prevention.

  • 83% of users were not likely to continue with purchasing the product because of re-direction to a different website

  • 100% of users found that navigating the mobile breakpoint of Smith Optics website to be difficult and took too long to get to the Imprint 3D products section

Wireframes

I started with wireframes to map out the user flow for in app purchasing. This allowed me to identify the key screens and where I could create reusable components for my design tool kit.

Component library

I built out my design toolkit with reusable components and their variants so that I could quickly put together my high-fidelity screens and prototype.

High-fidelity mockups

I took the wireframed flow and added in the components from my design toolkit. I completed the high-fidelity designs with type styles and colors from the existing Smith website.

Next steps

  • Continue user testing with new in-app purchasing flow

  • Work with developers to build app for iPhone and Android users

Next

UX Research