ProjectsFrontend & UI/UX
MakProduction Website Revamp
Complete UI/UX redesign and frontend implementation for MakProduction. Started from scratch with a new design system, then implemented it into a fully responsive website using React.js and Tailwind CSS.
My Role
- 01Redesigned UI/UX from scratch in Figma with an interactive prototype.
- 02Built a consistent design system and component design guidelines.
- 03Implemented responsive web interfaces using React.js and Tailwind CSS.
- 04Ensured seamless performance and layout fidelity across all device breakpoints.
Features
- 01Modern and clean UI/UX design crafted from the ground up in Figma.
- 02Fully responsive layouts providing an optimal viewing experience across all devices.
- 03Optimized loading performance and rapid asset delivery.
- 04Modular and reusable component library built with Tailwind CSS.
- 05Interactive design system prototype available on Figma (https://s.id/makprorevamp22).
Impact
- Established a professional and modern digital brand appearance for MakProduction.
- Delivered a smoother, more engaging, and intuitive user experience for clients.
- Streamlined client inquiry and portfolio presentation touchpoints.
Stack
React.jsTailwind CSSFigmaJavaScript