Ocumetra — Work · Mirsha Balderas

UX/UI Designer

Ocumetra

2023—2026

At Ocumetra, I led UX/UI design across a regulated clinical SaaS ecosystem, working from early UX strategy and prototyping through design systems, responsive interfaces, developer handoff, and design QA. The following projects showcase selected work across clinical products, data visualisation, accessibility, digital platforms and general graphic design.

mEYE® Suite — Powered by Ocumetra

Protecting Vision for Life, Supporting Health for Generations

Children playing outdoors — We believe in better
eye health for children

Role & Scope

Sole product designer across the Ocumetra mEYE® Suite — a myopia-management platform for eye-care professionals — and its marketing surfaces. I owned the experience end-to-end: from UX strategy and prototyping to a scalable design system, responsive build support, developer handoff and design QA within a regulated clinical context.

The core challenge: turn dense clinical data (axial length, growth percentiles, progression risk) into decision-support interfaces that serve two audiences at once — the clinicians who need precision and reference ranges, and the parents of treated children who need plain-language clarity and reassurance.

Product UX/UI Lead
Design System Owner
Data Visualisation Dual-audience
Accessibility WCAG 2.1
Marketing Site Design
Handoff & Design QA Figma

The Platform

mEYE® Suite dashboardResponsive · Tablet

Cross-deviceiMac · iPad · iPhone

Next-gen learningMarketing

Let's change myopia mgmtPartners

Brand & Partnerships

Great partnerships unlock limitless potential. Beyond the product, I shaped the marketing narrative and visual system that positions Ocumetra with clinics, distributors and academic partners — one coherent language across product and brand.

Marketing Web Design
Illustration System Direction
Pitch & Print Layout

Great partnerships
unlock limitless potential

mEYE Suite in context — Crafted for the clinic,
calm enough for the home

Design System

// Palette

Gray 900

#0B0F19

Ink 800

#170F49

Ocumetra Green

#01977B

Gray 600

#475569

Magenta

#E44890

Blue

#3030F0

Gold

#D89C30

Gray 200

#D4D7E5

// Typography — Montserrat + Archivo

Display
56/110

Better vision, for life

H1
40/110

Protecting vision

H2
30/110

Great partnerships

Body
16/170

Interface text and general product content, tuned for comfortable clinical reading.

// Spacing scale — 4px base

// Radius

full

// Components — Button

State	Background	Text
Default	accent	on-accent
Hover	accent-700	on-accent
Disabled	card-bg	muted

// Button tokens (3-layer)

Primitive--ocumetra-green: #01977B

Semantic--accent: var(--ocumetra-green)

Component--btn-bg: var(--accent)

Component--btn-radius: 9999px · --btn-pad: 13/28

UI Screens

Selected production screens from the mEYE® Suite — the same system applied end-to-end across auth flows, subscription and clinical records. Built on the tokens and components above.