Our UX Design Process: From Research to Pixel-Perfect Screens
Go behind the scenes of Kalm Works' UX design process — from user research and wireframes through to prototyping and developer handoff.
Good Design Is a Process, Not a Gift
Great user experience is the product of a rigorous, repeatable process — one that centres the user at every stage, tests assumptions early and often, and translates genuine insight into interfaces that feel effortless.
Why UX Investment Pays for Itself Many Times Over
“Design is really an act of communication, which means having a deep understanding of the person with whom the designer is communicating.”
Our Five-Stage UX Process
Discovery & Research — We conduct stakeholder interviews, user interviews, competitive audits, and analytics reviews to build a clear picture of user goals, pain points, and the business context.
Information Architecture & User Flows — We map out the structural logic of the product: what content exists, how it relates, and the optimal paths users should take to accomplish their goals.
Wireframing & Low-Fidelity Prototyping — We sketch and wireframe layouts rapidly, focusing on hierarchy, spacing, and interaction logic without colour or polish.
High-Fidelity Design & Interaction Prototyping — The validated wireframes are brought to life with the brand's visual language: colour tokens, typography, iconography, and motion design.
Developer Handoff & QA Support — We deliver a structured Figma file with all components, design tokens, spacing specs, and interaction notes.
Design Tokens: The Bridge Between Design and Development
One of the most impactful improvements we have made to our handoff process is the adoption of a structured design token system. Design tokens are named variables that store visual decisions in a format that both designers and developers use as a single source of truth.
:root {
--space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
--space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
--text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem;
--text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem;
--leading-tight: 1.25; --leading-normal: 1.5; --leading-relaxed: 1.625;
--radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-full: 9999px;
--shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
--shadow-md: 0 4px 6px rgba(0,0,0,0.07);
}The Human Element That No Tool Can Replace
Tools evolve but the core of great UX remains stubbornly human. It is the ability to sit with a user who is frustrated by a flow and genuinely listen — not for confirmation of what you already believe, but for the unexpected insight that changes everything.