Process

As a UX Professional, I apply a standardized design process aligned with ISO 9241-210 to ensure that every decision is grounded in empirical research, resulting in intuitive, accessible, and high-performing digital experiences.
Context of Use
Requirements
Design Solutions
Evaluation

Phase 1 – Context of Use

Insights & Empathy

Understanding and specifying the context of use. Through user research, interviews, and personas, I identify the actual needs of users and their specific working environment.

User Research
Personas
Context Analysis
User Interviews
Empathy Mapping

Design Systems

I build modular interfaces that scale by applying Brad Frost’s Atomic Design.
Atoms
Molecules
Organisms
Templates
Pages

Atoms

Core Foundation

The DNA of the system: colors, typography, and icons. These are the smallest building blocks that cannot be broken down further.

Color Tokens
Type Scales
Icon Set
Spacing Scale
Shadow Tokens

Handoff

I bridge the gap between creative vision and technical implementation. By delivering standardized technical blueprints, I ensure a seamless transition from design to high-quality code.
Bridge
Product Owner
Specification
Dev Support

Specification

Design- & Technical-Specifications

I provide pixel-perfect specifications including grid systems, spacing tokens, and responsive behavior. Every component is documented with its various states (hover, active, error) and motion curves to eliminate guesswork for the engineering team.

Atomic Specs
Motion Specs
State Mapping
Auto-Layout
Design Tokens

Let's connect

Feel free to reach out directly or connect with me through my professional and private networks.

© 2026, Markus Kegel 🤙🏻

Designed with
I love that you noticed this
in
Figma
Vibe coded with
Google Gemini
using
Next.js
React
TypeScript
Tailwind CSS