High-performance website builder with drag-n-drop, undo/redo, keyboard-first navigation
reactjs
design engineering
Problem & My Approach
Most website builders optimize for beginners - visual, guided, but slow. Every action requires clicking through menus and waiting for animations. I built a website builder for power users who already know what they want: keyboard-first, instant interactions, zero friction.
Fig: Website Builder
ROLES
a user, A designer and a developer
As a user, I observed myself where I -
Paused
Thought something was broken
Expected performance to feel jank-free
Expected the product to feel native
As a designer, I made sure -
Keyboard navigation feels intuitive,
The performance stayed up to the bar
And the product is scalable
As a developer, I made sure -
The code is clean and not redundant
The stack + methodologies were scalable
The logic was easy to architect
building
The Technical Execution
Built with React and Zustand state management. Custom drag-and-drop system using dnd-kit overlays. Debouncing logic maintains 60fps during intensive updates. The result: a builder that feels as responsive as a code editor, not a toy.