America's Best Contacts & Eyeglasses
Client
America’s Best Contacts & Eyeglasses, in collaboration with partner agency Mower
Services
UI/UX
Touchscreen
Overview
America’s Best wanted to replace static, printed in-store signage with a flexible digital solution that could update quickly and communicate product information more effectively. With our partner agency Mower, we developed an interactive touchscreen experience that helps customers explore lens options on their own, without waiting for an associate.
Research
We started by looking closely at how customers and store associates interacted with lens selection in the store. It was important to understand what information customers needed most and how they typically made decisions. Store associate surveys highlighted the lens features that mattered most to customers, like thickness, progressives, anti-reflection coatings, transitions, polarized, and blue-light options.
At the same time, we reviewed ADA accessibility guidelines for touchscreen displays, which recommend keeping interactive elements below 48" to ensure they are reachable for people of all heights and abilities. These insights guided both the content and interaction design, helping us create a kiosk experience that was intuitive, engaging, and inclusive.
Design Process
The project started with the wireframes and scenarios provided by Mower, which mapped out how the touchscreen experience would guide customers through lens selection. From there, I focused on elevating the UI to make it feel modern and approachable, while keeping interactions simple and intuitive. A big part of the design challenge was accessibility- making sure that anyone, regardless of height or ability, could use the kiosk comfortably. To address this, I created a custom trackpad interface that allowed users to reach navigation elements positioned above the ADA height limit, without overcomplicating the screens. Throughout the process, the goal was to make exploring lens options feel seamless and even a little playful, so that customers could understand their choices without needing assistance from a store associate.
Execution & Implementation
Throughout the project, collaboration with Mower ensured consistent alignment with the client’s expectations. Design files were structured and packaged for seamless developer handoff. Motion design played a key role in the final product, with thoughtful transitions and micro interactions making the kiosk feel more responsive, engaging, and user-friendly.
Results & Impact
Pilot store feedback showed strong results. Associates shared that the tool made it easier to present lens options to customers and even helped train new team members. Customers were able to explore and understand lens types more independently, reducing wait times and improving the overall in-store experience.
Reflection
This project highlighted how accessibility and thoughtful interaction design can elevate a retail environment. By creating an interface that works for a wide range of users, the tool not only modernized the store experience but also added practical value for customers and associates. It was a reminder that inclusive design often leads to better design, for everyone.