Case study

Eye care web app

A daily eye log, eye games and a focus timer for people on screens all day

HealthB2C

Role
Product design, UI and UX design, front end
Tools
Figma
Category
Health, B2C

Overview

Ocufuse is my own product, a web app for people who spend the day on screens. It turns eye care into a short daily routine: log how your eyes feel, take an eye photo, play a few focus games and use a timer that reminds you to rest. I designed and built it, so every screen here is in the real product or on its way there.

Key decisions

01

A routine, not a dashboard

Today shows three things to do and nothing else. Progress and history live on their own pages.

02

Light and dark from one set of tokens

Every color is a variable with a light and a dark value, so both themes stay in sync.

03

Free and paid are clear

Plus features are labelled where they appear, with the price shown before any checkout.

Screens

Today: the eye log, the daily check-in and goals.
The UX decisions behind the Today screen
The UX decisions behind the Today screen.
Sign up.
Log in.
Eye games: short games picked for long screen days.
Focus setup: choose the block length and break rhythm.
Focus running: one timer, one clear control row.
My eyes: photos and how your eyes felt over time.
Progress: streaks, levels and the weekly leaderboard.
Plus: what the paid plan adds and what it costs.
Today in dark mode.
Eye games in dark mode.
The eye log component
The eye log component.
Eye log states: empty, partly filled and complete
Eye log states: empty, partly filled and complete.
The project cover
The cover shot.

More work

All work

Available for new projects

Tell me what you are building

Book a 30 minute product strategy call. We map the scope, the timeline and the one next step.