Pocket Optical Store revolutionizes contact lens shopping through its user-friendly app. Offering in-depth, reliable product details and valuable guidance on contact lens usage. Users can make informed decisions, ensuring optimal eye care. With a commitment to empowering customers, it not only simplifies the shopping process but also promotes eye health, making it a go-to destination for those seeking quality contact lenses and comprehensive assistance in caring for their eyes.
Pocket Optical Store
UI,UX
About
Project
Duration
Individual project
15 weeks
My Role
UI design, UX design, User research
Tools Used
Figma, Miro, Photoshop
Overview
The Problem
While some people believe it is easier to get their contact lenses at a doctor’s office, others believe that they can usually find better deals from an online store. However, they both found it difficult to get enough details and advice when browsing contact lenses online. In addition to that, the procedure of getting contact lenses from an online store is different from getting them at a brick-and-mortar optician because they have to upload their prescription and find out if their insurance will cover them, etc, which makes them have to spend extra time and effort.
How Might We
How might we provide more credible and comprehensive information about contact lenses to consumers so that their process of purchasing them is less cumbersome.
Research
Primary Research
To start off, I interviewed three people, all of whom had experience getting contact lenses both offline and online.
Key Insights
Cumbersome procedures and the lack of access to a doctor's advice make the process of selecting the right contacts a tedious one for the customer.
Getting suitable contact lenses takes time
Incomplete information about contact lenses in online stores and the difference in the process of getting the right contact lenses from online stores make them feel hassled.
Online product information is in insufficient
I did market research to understand the preferences of my target users in choosing contact lens products.
Secondary Research
Key Drivers of Customer Choice for Contact Lens Products
Design Goal
Provide a platform that includes
User Journey
Based on my research, I came up with a user journey map for users who need credible and comprehensive information about contact lens to smooth their online shopping experience.
User Flow
Mid-Fi Wireframe
Splash Screen
Log-In/Sign-Up
Make A Trial Purchase
Make A Post-Trial Purchase
Make A Vision-Exam Appointment
Find Insurance Benefits
Group Buying
Usage Tracking
Design Solution
Find My Insurance Benefits
Based on research results, people are sensitive to benefits.Therefore, by asking for the opportunity to add insurance benefits at the beginning would be a great way to make a good first impression of this app to them.
Restock Reminder setting
Users can check here to see how many pairs they have opened and how many pairs they have left to open. They can also have the system send restock notifications when they only have a few pairs left.
Restock Reminder
Vision Exam Scheduling Page
Post-Trial Decision Page
Insurance Search Page
Restock Reminder
Based on research results, people often forget to buy new contact lenses before they run out, so having them keep track of their contact lens use is a good way to remind them.
Home Page
Usage Tracker
Make An Appointment
Based on research results, people needs to get prescription before getting their contact lenses. Therefore, including a place for in-app vision-exam appointment scheduling would be a great way to ease the process of getting prescription for them.
Brands
Based on research results, consumers are driven by brands to choose products that are good for their eyes.
Hot Deals
Leaving a space for discounted content would be a good way to trigger the target group's next move in this application.
Created For You
Categorizing products by different categories in this application will be a good way to guide the target group in shopping.
Limited Group Buying
Offering lower prices for bulk purchases is a great way to trigger the buying impulse of your target group.
Create Trial Box
Offering customized sample trial would be a great way to increase target group’s willingness to purchase in this app.
Pick items from trial box
Based on research results, people wants to experience multiple contact lenses before official purchase. Therefore, offering them the option to choose products from their trial box after the trial can increase the number of users using this app.
Style Guide
To convey a fresh and calm tone, I used a soft blue as the main color and added a bit of lake green as an accent to add vibrancy.
Colors
Typeface
Primary Color
Accent Color
#5A6BBD
#53C5B8
#1C2A4D
#E8EBF5
#4767AC
Secondary Color
Takeaway
When I started deciding to create a contact lens shopping program, I thought I would have a hard time designing a program that would be better than the existing programs on the market. In order to make this program different from the existing programs, I added some usage aids in order to provide a consistently good experience for the user. I especially learned a lot from the ideation phase because it allowed me to think outside the box and come up with ideas to create a better user experience.