I promise I won't waste your time.
You decide how deep you want to go — 30 seconds or 30 minutes, it's up to you.
Choose your own adventure ↓
My Journey
Tap any icon for a quick look into process and outcomes
Project Direction
Set clear business and design priorities upfront,
defining what to solve, what to ignore, and what
success should look like before opening Figma.
Market Research
Analysed local and global coffee brands
to uncover authenticity signals, generic
conventions, and key points of differentiation.
Brand Identity
Designed a brand that doesn’t decorate the
space, but amplifies it—translating tattoo
culture and specialty coffee into a single,
credible voice.
IA Structure
Built an intent-driven information architecture
enabling coffee and tattoo to coexist, later
extended with an admin layers for operations.
Wireframing
Used wireframes to lock decisions on hierarchy,
density, and tone early, treating layout
and copy as one system, not separate layers.
UI System
Built a UI system that actively guides
behavior where components, states,
and interactions reduce friction instead
of adding polish.
Prototyping
Used the prototype to stress-test the product,
expose operational gaps, and expand the
system beyond the initial design scope.
User Validation
Validated assumptions through task-based
testing, focusing on real actions rather
than opinions or aesthetic feedback.
AI Usage
Used AI to accelerate thinking and
iteration, not to outsource decisions or
dilute design accountability.
Fast lane
Click on the button below to see
the. Final prototype
Scenic Route
Key steps from problem analysis to prototype
and user test. Skimmable
Deep dive
Tap any step to open details about research,
iterations, and outcomes.