A Journey
The Artist
A lifelong passion for traditional mediums. Exploring form, color, and visual storytelling on canvas since childhood.
Visual Design
Transitioned to digital tools. Mastering typography, layout, and visual hierarchy.
Product Design
Focusing on the user. Learning psychology, wireframing, and building scalable systems.
Coding UIs
Bridging the gap. Understanding web logic and writing clean code to bring static designs to life.
Some of my mini side projects
askNow
College Group ProjectAn online survey platform designed for collecting, managing, and analyzing responses efficiently. Built to streamline survey creation, user participation, and response tracking with a scalable backend architecture.
zyra
Works on LocalhostA minimal rich text editor built from the ground up to deeply explore and integrate the Tiptap library capabilities.
What am I building currently
Inertia-UI
Product Design in ProcessA modern, highly customizable component library tailored for dynamic web applications. Currently focusing on the core product design, defining design tokens, and establishing a scalable component architecture.
View on FigmaMy Work Process
How ideas become interfaces
01
Question
Every project starts with understanding the problem before opening any design tool. I focus on what users are trying to achieve, why the feature exists, and what success should look like.
02
Research
I gather context through references, patterns, competitor analysis, and user behavior. The goal is not copying ideas but identifying opportunities and understanding expectations.
03
Structure
Before creating screens, I break the experience into systems. I map user flows, identify reusable patterns, define content hierarchy, and think through possible states and edge cases.
04
Wireframe
I start shaping the experience with low-fidelity layouts. This stage helps me focus on navigation, information placement, and interactions without getting distracted by visual details.
05
Design System
Rather than designing isolated screens, I create reusable building blocks. Components, spacing rules, typography, and variants establish consistency and make scaling easier.
06
Build
Design and code begin connecting here. I translate interfaces into reusable components while considering responsiveness, accessibility, loading states, and maintainability.
07
Refine
Implementation often reveals things static designs miss. I iterate on spacing, interactions, animations, performance, and edge cases until the experience feels polished.
08
Ship
Shipping is where learning starts. I use feedback and real usage to improve the product, making each iteration more informed than the previous one.
Tools & Stack I'm Currently Exploring
A continuously evolving playground. Here are some of the technologies I'm currently diving into and experimenting with.
