Case study · Medical technology

DermAid

Skin care, connected.

A mobile-first dermatology concept connecting skin scans, professional advice and ongoing care.

Context
NetCraft Academy project, 2023–2024
My focus
Research, user flows, UX and interface design
Platform
Mobile-first concept, designed in Figma
Scope
Scan, questions, possible result, communication and care tracking

3D is unavailable in this browser, so the case study shows without its animated backgrounds.

Skip to final design
Scroll the story
01 / The brief

A skin concernis also ahuman concern.

A concerning change can start an anxious search: what is it, who can help, and what should happen next?

DermAid explores how assessment, doctor contact and follow-up could work as one connected experience. The focus extends beyond the scanning moment to the decisions a person needs to make afterward.

My role

What I owned,and with whom.

Role
UX/UI & product designer
Team
Solo, with feedback from NetCraft mentors
Timeline
NetCraft Academy · 2023–2024
What I did
ResearchUX flowsUI designPrototypeStyle guide
02 / Research & goals

Listen beforedesigningreassurance.

The study combined a review of industry studies on digital health and patient behavior, 10+ in-depth interviews with people with diverse skin conditions, and a review of existing products. Every conversation pointed to one of three needs.

Report analysis · 10+ interviews
72%

prefer virtual visits with dermatologists for convenience and quick access.

53%

of health apps are deleted within the first month if their value isn’t immediate.

73%

saved time finding the right treatment compared with traditional methods.

01 / HEARUncertainty.

Understand the concern behind the scan.

02 / CONNECTAccess.

Bridge assessment and professional advice.

03 / CONTINUEContinuity.

Keep care information within reach.

02 / Existing alternatives

Four products.Pieces ofthe answer.

The review compared four apps across six capabilities. Each covered part of the journey; the opportunity was in connecting them.

AI DermMDacneAysaSkinScan
ScanningChatDoctor callsPurchasesProgress trackingScheduling
DESIGN OPPORTUNITY

From result to next action.

Connect the assessment to an understandable next action, then make professional contact and care history easy to return to.

02 / Feature comparison

Everyone had a piece.No one had the path.

Six capabilities across the four apps reviewed. Every one of them scans; none lets you call a doctor or book a consultation, which is everything that happens after the result.

Feature comparison of DermAid, AI Derm, MDacne, Aysa and SkinScan
CapabilityDermAidAI DermMDacneAysaSkinScan
Skin scanDermAid✓AI Derm✓MDacne✓Aysa✓SkinScan✓
Live chatDermAid✓AI Derm✕MDacne✓Aysa✕SkinScan✕
Call a doctorDermAid✓AI Derm✕MDacne✕Aysa✕SkinScan✕
Treatment purchasesDermAid✓AI Derm✕MDacne✓Aysa✕SkinScan✕
Track progressDermAid✓AI Derm✓MDacne✓Aysa✕SkinScan✓
Schedule a consultationDermAid✓AI Derm✕MDacne✕Aysa✕SkinScan✕
✓ Has it◐ Partly✕ Missing
03 / Who it’s for

Meet Rachel.

Portrait of Rachel Levi

Rachel Levi

52 · Haifa, Israel

“I live far away from any doctors in the area. I wish I could easily connect to one over the phone.”

Early detection of skin cancer. Rachel enjoys outdoor activities and has recently noticed a suspicious mole on her arm. With a family history of skin cancer, she’s vigilant about her skin health, and needs a reliable way to monitor changes in her skin and access professional advice promptly.

GOALS
  • Early detection of skin cancer
  • Short wait times between appointments
  • Track medications and healing progress
  • Immediate skin assessment and care by the right doctor
PAIN POINTS
  • Concerned about the many skin spots that have developed
  • Keeps getting referred from one doctor to another with no answers
  • Looking for peace of mind, easy referrals and tracking
  • Long waiting times for appointments as the condition gets worse

The main persona, drawn from user interviews

03 / User story

Same worry.Two different paths.

Rachel’s goal never changes: find out whether the spot on her arm is something to worry about, and get the right care without driving across the country. What changes is how much of the process she has to carry herself.

Without the app

Fragmented path

  1. 01
    Spot a change

    A new mole appears, and there’s no doctor nearby to ask.

  2. 02
    Wait for a GP slot

    Weeks pass before someone who can’t diagnose it takes a look.

  3. 03
    Get referred onward

    Another doctor, another waitlist, the same story told again.

  4. 04
    Lose the thread

    No record of how the spot changed while she waited.

Worry grows while the spot goes unchecked

With DermAid

Connected path

  1. 01
    Scan it at home

    A guided photo captures the spot the moment she notices it.

  2. 02
    Talk to a dermatologist

    Call or chat with a specialist, without leaving Haifa.

  3. 03
    One referral path

    The next step is booked from the same place, not restarted.

  4. 04
    Track it over time

    Photos and notes build a history every doctor can see.

Peace of mind, and a clear next step

One scan

The first step happens at home

One path

Referrals continue instead of restarting

One history

Every doctor sees the same record

04 / User flow

One assessment,the right care path.

Before the screens had a look, they had a structure. A single clinical path — scan, history, assessment — where the analysis classifies each case and routes it to the right result, doctors and medicine. Only at the diagnosis does Rachel choose, and every path returns to one record.

ScreenDecision pointUpdates home

04 / User journey

A path,not a dead end.

Each stop on the line is a screen. Scroll to follow Rachel from a concern to ongoing care.

01 / 05Anxious

Scan

She frames the spot on her forearm inside a guided viewfinder.

DesignOne clear action, with framing and light checks built in.

02 / 05Unsure

Answer questions

Three quick taps say how long it’s been there and what changed.

DesignTap-first answers and visible progress, no typing required.

03 / 05Focused

Possible result

She sees what it could be, what it isn’t, and what to do next.

DesignPlain language, and every result ends with a next step.

04 / 05Relieved

Professional contact

A dermatologist picks up her case with the image and answers attached.

DesignHand off the full context, so she never has to repeat herself.

05 / 05In control

Follow-up care

Her appointment, scans and treatment now live in one place.

DesignA care home that gives her a reason to come back.

From concern to careNow, the product.

05 / Final design

Closer to the product.Closer to the decisions.

Scroll through the flow. Each state carries one design decision.

  1. 01 Scan

    Start with one clear action.

    Keeping the scan distinct from the questionnaire gives the user one task at a time.

  2. 02 Questions

    Give the image context.

    Separating capture and questions keeps the assessment from feeling like an unexplained answer.

  3. 03 Possible result

    Make the next step visible.

    The result leads directly to professional contact instead of leaving someone alone with it.

  4. 04 Doctor

    Keep the conversation in the product.

    Chat and booking happen in-app, connected to the scan that started it.

  5. 05 Care home

    Bring recurring actions to the surface.

    Appointment, recent scans and treatment progress greet her when she returns.

The flow, screen by screen

Five screens. One care journey.

Screens from the final Figma design. Scroll or drag sideways to turn through the flow.Scroll or swipe sideways to turn through the flow.

DermAid scan: the camera framed on a mole, with the Scan, Location, Symptoms and History steps above
01Scan
DermAid skin examination: What symptoms are you experiencing, with Both selected and a Next button
02Answer questions
DermAid risk assessment: Possibly Melanoma, high risk, with Schedule Test Nearby and Call Doctor Nearby buttons
03Possible result
DermAid appointment with Dr. Jenny Wilson: profile, stats, Call and Chat buttons and the booked visit time
04Professional contact
DermAid home: upcoming appointment, a recent Melanoma scan with chat and schedule actions, and regions to scan
05Follow-up care
The full flow, in motion

From scan to doctor.

The prototype end to end: sign in, mark the spot, get a possible result, reach a doctor, land on home.