Gayane Khachatryan
Portfolio — 2026 · Senior Product Designer

Idesign interfaces people trust.

Ten years of designing complex web and mobile products, from first flow to production UI, with a camera and a sketchbook never far away.

[02]Selected work

Products, systems, photographs and identities. Different media, one way of working: understand the people first, then make it precise.

ZEMA Patients
01 / 06UI/UX

ZEMA Patients

Web & mobile · Booking · User flows
2024–26
ZEMA Admin
02 / 06Product

ZEMA Admin

Dashboards · Provider workflows · Data export
2024–26
Nightfall
04 / 06Photography

Nightfall

Night landscapes · Armenia
2025
Ember Festival
05 / 06Graphic design

Ember Festival

Identity · Poster series · Motion
2024
OGMA Business
06 / 06UI/UX

OGMA Business

Data platforms · Dashboards · Forms
2015–24
[03]UI/UX design

Multi-role platforms, dashboards and data-heavy workflows, designed so that complicated things feel calm, with accessibility built in from the first wireframe.

01DiscoverRequirements, roles and the real tasks behind them.
02DefineFlows, structure and the edge cases nobody mentions.
03DesignPrototypes and high-fidelity UI, every state included.
04DeliverHandoff, design QA and the details in code.
Fig. 01
Cardiology in Yerevan
Dr. Ani PetrosyanCardiologist · 14 yrs 4.9 (212)
Select a date
Mon12Tue13Wed14Thu15
09:0010:3011:1513:0014:4516:30
Book consultation
ZEMA Patients · Senior UI/UX · 2024–26

Patient flows for a medical-tourism platform, from search and doctor profiles to pricing, booking and a dashboard, with accessible states for every form.

4user roles
60+screens shipped
AAcontrast target
Fig. 02
admin.zema.health/overview
Bookings1,284+12.4%
Providers312+4.1%
Approval time6.2h−18%
Bookings, last 12 weeksW1–W12
Aurora ClinicFacilityApprovedDr. Levon HakobyanDoctorReviewMedLine CenterFacilityApprovedDr. Mariam SargsyanDoctorPending
ZEMA Admin · Product design · 2024–26

Dashboards, submission flows, user management and data export for the doctors, facilities and administrators who run the platform every day.

−18%approval time
3provider flows
1shared system
Fig. 03
ButtonPrimarySecondaryGhostDisabled
Input · focusEmail addressani@zema.healthWe'll send the confirmation here.
ControlsNotificationsRemember meCardiologyDentalMRI
AaDisplay 48/52Body 15/24
Design system · Figma & code · 2025

Reusable components in Figma and in code (Tailwind CSS, NativeWind, shadcn/ui) that keep web and mobile consistent, with every state designed up front.

80+components
2platforms
100%tokens in code
[04]Development

Hands-on front-end work in React, React Native, Next.js and TypeScript, so what was designed is exactly what gets built.

  1. 01Tokens, not guessesColours, type and spacing defined once and shared by Figma and code.
  2. 02Accessible by defaultLabels, focus, errors and contrast designed into every component state.
  3. 03AI in the workflowClaude Code and Copilot to explore, draft specs and review components faster.
Button.tsx
1// One button, every state: designed in Figma, shipped in code.
2export function Button({ state, children }: Props) {
3  const busy = state === "loading";
4  return (
5    <button aria-busy={busy} disabled={busy}
6      className="rounded-md bg-primary px-5 py-3">
7      {busy ? <Spinner /> : state === "done" ? <Check /> : null}
8      {children}
9    </button>
10  );
11}
Live preview · state="idle"Book consultation
Stack & tools
  • React01
  • Next.js02
  • TypeScript03
  • React Native04
  • Tailwind CSS05
  • NativeWind06
  • shadcn/ui07
  • Figma08
  • Ant Design09
  • Git & GitHub10
  • Claude Code11
  • Jira12
[05]Photography

Night landscapes, quiet portraits and cities after rain: photographs made slowly, mostly after the sun has gone.

9series since 2018
3exhibitions
[06]Graphic design

Identities, posters and type studies: the same eye for hierarchy and rhythm as in product work, with more room to play.

Vol. 0424—26.07
Ember
Light · Sound · Night№ 0427
Ember FestivalPoster · 2024
Primary mark
Lumen
Ember01Bone02Ash03Night04AaAa
Lumen Studio identityBrand · 2023
Sound of colourExhibition poster · 70 × 100
Sound of ColourExhibition · 2025
AgCap · x-height · baseline
FrauncesABCDEFGHIJKLM nopqrstuvwxyz 0123456789 &?!@€LightItalicRegular
Specimen No. 2Type study · 2025
[07]About
Fullerton, California — authorized to work in the U.S.

I'm a senior product designer with ten years of work on complex web and mobile products. I build design systems, write front-end code, and keep a camera close, because good design is the same thing in every medium: care for the details.

Experience
ZEMA2024 — 2026Senior UI/UX DesignerEnd-to-end experiences for a multi-role medical-tourism platform across web and mobile, and its design system in Figma and code.
OGMA2015 — 2024UI/UX DesignerNine years growing from UI execution to owning complete flows for business, data and music products.
Education
Master of EngineeringEngineering Economics & ManagementState Engineering University of Armenia
Bachelor of EngineeringMicroelectronics & Semiconductor DevicesState Engineering University of Armenia
[08]Contact

Write to me
gayane.khachatryan@hotmail.com
© 2026 Gayane KhachatryanDesigned and built with care, made in Portory
Use This Template