Process / 05 Stages
A practical process that connects product thinking, visual design, frontend development, and everything that happens after launch.
Understand the problem
Discover
Stage 01
Before opening Figma or writing code, I understand what needs to be solved, who it is for, and what constraints actually matter.
Tools & Focus
Output
Clear project direction
Stage 02
I turn ideas into clear user flows and interfaces, using real content and responsive thinking from the beginning.
Tools & Focus
Output
Focused visual system
Stage 03
The design becomes a real product through reusable components, thoughtful frontend architecture, APIs, and the backend systems supporting it.
Tools & Focus
Output
Working product
Stage 04
I move from development to production through small, testable steps and make sure the final experience works across devices.
Tools & Focus
Output
Production-ready experience
Stage 05
Launch is not the finish line. Feedback reveals what can be simplified, improved, or made more useful.
Tools & Focus
Output
Continuous improvement
Design + Development
How I Think
The interface and the system behind it should work as one product. I think about the user experience, frontend architecture, APIs, responsiveness, and maintainability together.
Understand the reason behind the product before deciding how it should look.
Build the structure and experience first, then refine the visual details.
Use components and patterns that keep the product consistent as it grows.
A good interface should feel intentional across desktop, tablet, and mobile.
Process In Practice
Have something worth turning into a product? Let's take it from the first idea to something people can actually use.
