Listen first
“I enter the same data twice”Used outdoors, on a phoneSignal drops in the fieldToo many fields on one screen“Where do I see what’s due?”Supervisors need a daily view
DESIGN / UX
Design that makes hard things feel simple.
We study how people actually work, design around it, and test with real users before a line of production code is written, so what gets built is what people need.
Fig. 01: A shared design file: researcher and designer working on the same screensFigma-style canvas
02 /
The design journey
From a conversation to a clickable product.
Scroll across the canvas. This is the order every project moves in.
Map the real steps
Open appPick householdRecord visitFind follow-up dateSave & sync
The orange step is where people got stuck.
Sketch the structure
Design the details
Record visitNameSunita K.Weight58 kgNext visitIn 2 weeks · auto-filledSave visit
Test with real users
5 sessionsTime to record a visitExample findings
03 /
A redesign, side by side
Same task. Far less effort.
Drag to compare a typical cluttered form with a redesign built around how people actually fill it in.
⚠ Error 422: One or more mandatory fields are missing. Please check all fields.
VISIT ENTRY FORM* All fields are mandatory
ResetSave draftValidatePrintSubmitCancel
Record a visitStep 2 of 3 · about 40 s left
PatientVitalsReview
SDSunita DeviVisit 4 · last seen 14 days ago
Last visit
Weight57 kg
Blood pressure120 / 78
BackContinue
Drag the line, or switch views. Example form; figures are typical of this kind of redesign.
Fields on screen
123
Typing needed
12 inputs2
Competing buttons
61
Errors
On submitAs you go
04 /
Design systems
Change one rule. Every screen follows.
A design system keeps every screen consistent. Try it: adjust the controls and watch the components update together.
Brand colour
Density
Tokens: colour · radius · spacing
Prefer to talk it through?
Talk to our team+1 (214) 644-0566
Call our team and speak with the people who would actually build it.
05 /
Accessibility
Readable by everyone, in every light.
Text needs enough contrast against its background. Pick a text colour to check it against the WCAG guideline we design to.
Text colour on white
Your next visit is on Thursday at 10:30. Bring the patient card and last month’s report.
Contrast ratio6.1 : 1
Normal text (AA ≥ 4.5)Pass
Large text (AA ≥ 3)Pass
06 /
Related work
Products we’ve designed.
From field apps used outdoors to course discovery on the web.
07 /
Tools & technology
How we design and test.
Industry-standard tools for design and collaboration, and simple, proven research methods.
FigmaFigJamPrototypingDesign tokensUser interviewsUsability testsJourney mapsCard sortingWCAG 2.2Contrast checksScreen readersKeyboard useDev-ready specs
React components
Tailwind CSSDesign QA
React componentsTailwind CSSDesign QA
FAQ
Common questions.
Something else on your mind? Ask us directly. A real person will reply.
Ask a questionDo we really need user research?
Even a few interviews usually change the design for the better. We scale research to your budget and timeline, but rarely skip it.
Can you redesign an existing product?
Yes. We start by understanding what works today and where people struggle, then improve it, often step by step rather than all at once.
Do you also build what you design?
Yes. Our designers and engineers work together, which avoids the usual gaps between design and development.
Which tools do you use?
Mainly Figma for design, prototyping and handover, so your team can open and edit everything we create.
Do you design for accessibility?
Yes. We design for readable contrast, clear focus states and screen-reader support from the start, guided by WCAG.
Let’s talk
Have an idea? Let’s build it properly.
Tell us where you want to go. We’ll come back within one business day with a clear next step.