/

vision-health

Vision Health

Vision Health

A user-centered iOS platform that promotes vision health and wellness through engaging exercises, assessments, seamlessly integrated with Apple Health.

A user-centered iOS platform that promotes vision health and wellness through engaging exercises, assessments, seamlessly integrated with Apple Health.

Click for prototyped screens

Click for prototyped screens

Disciplines

UI Development

Eye Health & Care

UX Research

Team

Manasi Vinze

Process

Discover

Define

Develop

Duration

4 months / 2024

Introduction

Vision Health focuses on promoting better eye care habits through engaging exercises, assessments, and learning tools. Designed for iOS, it integrates with Apple Health to help users monitor, maintain, and improve their vision wellness.

Discover

Define

Deliver

Discover

Define

Deliver

Select the stage you want to see

Disciplines

UI Development

UX Research

Eye Health & Care

Team

Manasi Vinze

Process

Discover

Define

Develop

Duration

4 months / 2024

Design Brief

Design Brief

Developing an app centered around enhancing eye health and fitness through interactive features and educational content, aiming to cultivate a proactive approach to eye care within a community where awareness is lacking

Developing an app centered around enhancing eye health and fitness through interactive features and educational content, aiming to cultivate a proactive approach to eye care within a community where awareness is lacking

hear it

from them

hear it

from them

User Profile

User Profile

My eyes start hurting everyday after classes, but I don’t know what to do about it. I wish there was easier way to relax my eyes.

F / 10 years

± 3.5

Enjoys her screen time

I’ve worn glasses for years yet never been able to keep track of my vision, I also always end up losing my prescriptions.

M / 62 years

+2.5

Feels strain on his eyes

I usually realize my vision problem only when I get headaches or eye strain, not from regular checkups.

We don’t really track our eye health at home; no one in my family pays much attention to it either.

HigHligHts

Avoiding something too complex, a simple way to monitor my eye health regularly would be really useful.

Even when a doctor suggests exercises or care routines, I often forget or don’t follow through.

Key takeaways from user interviews.

HigHligHts

I usually realize my vision problem only when I get headaches or eye strain, not from regular checkups.

We don’t really track or maintain our eye health at home; no one in my family pays much attention to it either.

Avoiding something too complex, a simple way to monitor and improve my eye health regularly would be really useful.

Even when a doctor suggests exercises or care routines, I often forget or don’t follow through.

Key takeaways from user interviews.

My eyes start hurting everyday after classes, but I don’t know what to do about it. I wish there was easier way to relax my eyes.

F / 10 years

± 3.5

Enjoys her screen time

I’ve worn glasses for years yet never been able to keep track of my vision, I also always end up losing my glasses prescriptions.

M / 62 years

+ 2.5

Feels strain on his eyes

InsigHts

InsigHts

"Encourage regular eye checkups and make them easy to track?"

"Encourage regular eye checkups and make them easy?"

How MigHt We

How MigHt We

Users often realize vision problems only through symptoms, not regular checkups.

Users often realize vision problems only through symptoms, and through not regular checkups.

"Help users consistently follow eye care routines ?"

How MigHt We

Dry eyes and minor issues are common, yet adherence to eye care routines are low.

"Help users consistently follow eye care routines and practices?"

How MigHt We

Dry eyes and minor vision issues are common, yet adherence to care routines is low.

"Encourage regular eye checkups and make them easy to track?"

How MigHt We

Users often realize vision problems only through symptoms, not regular checkups.

Define

Define

This stage shaped the project’s foundation, naming Vision Health, defining it as an iOS app, and translating research insights into clear design directions for accessible and proactive eye care.

This stage shaped the project’s foundation, naming Vision Health, defining it as an iOS app, and translating research insights into clear design directions for accessible and proactive eye care.

Vision Health promotes proactive eye care through interactive tools and education, empowering communities to prioritize their vision and well-being.

Vision Health is committed to enhancing eye care through interactive tools and educational content.

Vision Health

Vision Health

Vision Health

Vision Health

WHy Apple Health?

WHy Apple Health?

The neglect of eye health highlighted the need for a third-party app integration, leveraging Apple Health’s popularity and design to enhance eye care awareness.

The neglect of eye health inspired an Apple Health integration in order to make eye care more accessible and engaging.

based on the user research and needs

based on the user research and needs

User Flow

User Flow

Key Features

Key Features

Eye Tests

Eye Exercises

Eye Games

Distance from Screen

Eye Health Logging

Brand Guidelines

Brand Guidelines

keeping Apple Health UI Kit in mind

keeping Apple Health UI Kit in mind

keeping Apple Health UI Kit in mind

keeping Apple Health UI Kit in mind

Wireframes

Wireframes

Low Fidelity

01

Mid Fidelity

02

The final prototype showcases a clean, user-friendly interface designed for seamless navigation, interactive eye care, and Apple Health integration

The final prototype showcases a clean interface designed for seamless navigation and interactive eye care, through Apple Health integration

Vision Health

Vision Health

Onbaording

Screens

Vision
wellness

The onboarding screens collect essential vision details through a clean, simple interface, ensuring a smooth and personalized app integration

After training, users get a performance scorecard with a sharing option and experience-based questions to help track their vision health

Home Page

Home Page

The home page offers an overview of eye health progress, showing activity levels, personalized exercises, and educational content for balanced vision care.

The home page offers an overview of eye health progress, showing activity levels, personalized exercises, and educational content for balanced vision care.

50+ screens were made for this app :)

Vision Fitness

Vision Fitness

The app’s core features, Eye Exercises, Tests, and Games, work together to strengthen vision, track changes, and improve focus, making eye care engaging and effective.

The app's core features, Exercises, Tests, and Games, strengthen vision, track changes, and enhance focus for effective eye care

Color match

Color match

Color Match challenges users to quickly identify and match colors, improving visual perception and cognitive response, which helps strengthen eye coordination and focus.

Color Match sharpens visual perception and focus by challenging users to quickly identify and match colors

Vision
Wellness

After the training, users receive a performance-based scorecard with a sharing option. They are then prompted with experience-based questions to help the app track and understand their vision health better.

This page offers a detailed activity overview, tracks daylight exposure for better eye health, and lets users store and update prescriptions for easy access.

This page offers a detailed activity overview, tracks daylight exposure for better eye health, and stores prescriptions for easy access.

Analysis Page

Analysis Page

This feature detects when a device is held too close, triggering a warning that stays until the user adjusts to a safer viewing distance.

This feature detects when a device is held too close, triggering a warning that stays until the user adjusts to a safer viewing distance.

Screen Proximity

Screen Proximity

Consultation

This feature lets users book eye specialist appointments easily, ensuring proactive & accessible care.

Sharing Feature

This feature motivates users by tracking and comparing progress with friends, fostering consistency through friendly competition.

sharing Feature

This feature motivates users by tracking & comparing progress with friends, fostering consistency through friendly competition, making eye care engaging and rewarding.

This feature lets users book eye specialist appointments easily, ensuring proactive & accessible care.

Consultation

so, Vision Health is

an iOS-compatible app integrated with Apple Health, promotes eye care with easy tests, self-paced exercises, and interactive games. Its user-friendly design empowers users to prioritize regular vision care and maintain optimal eye health

Vision Health, an iOS-compatible app integrated with Apple Health, promotes eye care with easy tests, self-paced exercises, and interactive games. Its user-friendly design empowers users to prioritize regular vision care and maintain optimal eye health.

Landing page = Summary page

Landing page = Summary page

so, Vision Health is

an iOS-compatible app linked to Apple Health for better awareness, promotes eye care through easy tests, self-paced exercises, and interactive games with regular check-ins and alerts.

50+ screens were made for this app :)

50+ screens were made for this app :)

Onbaording

Screens

The onboarding screens collect essential vision details through a clean interface, ensuring a smooth and personalized app integration.

Key Feature

Key Feature

Create a free website with Framer, the website builder loved by startups, designers and agencies.