Type

UX · UI · Illustration

client

Concept Project

role

UX + UI Designer

Date

2022

DataSentry authorization screens laid out on a purple background

DataSentry

CASE STUDY · 2022

Forgot password and sign up screensDataSentry user flow diagramSign up screen with live password guidanceDataSentry custom illustrationVerify email screenAll DataSentry screens overview
DataSentry
Problem
The same friction showed up at the most critical moments: signup, login, and account recovery. Error messages were vague, password rules stayed hidden until something broke, and recovery gave users no reassurance.
Goal
Rebuild the core auth flows from scratch around three principles: clarity in every error, simplicity in the flow, and password guidance shown upfront instead of after a failed attempt.
Approach
My process moved in clear steps. I started with an audit of the original flows against usability heuristics to locate the friction. From there I set three guiding principles, clarity, simplicity, and upfront password guidance, to steer every decision. Then I mapped all four flows end to end, designed and prototyped them in Figma, and rewrote the microcopy so no state became a dead end. A custom illustration and a documented handoff tied the whole system together.
Illustration
A custom illustration keeps a security product from feeling cold or clinical. Deep blue and violet reinforce trust and data safety, while glassy forms and floating orbs add depth. Built in Figma.
The four flows
Sign up, verify email, login, and forgot password, each designed and prototyped end to end. Blame-free microcopy turns every dead end into a clear next step.
Delivery
Four auth flows fully designed, one custom brand illustration, and one interactive Figma prototype, documented and ready for handoff.

Case Studies

Thank You‍

<3 Kae Sandt
Mockup shop on Etsy