ProjectsFrontend & UI/UX
MakProduction Website Revamp
A modern company website for MakProduction built with React.js and Tailwind CSS, featuring a custom Figma design system and responsive layouts across all devices.
My Role
- 01Redesigned the UI/UX in Figma with an interactive prototype and component library.
- 02Built a unified design system establishing typography, grids, and color tokens.
- 03Implemented responsive web pages using React.js and Tailwind CSS.
- 04Optimized layout consistency, image loading, and multi-device compatibility.
Features
- 01Clean UI/UX design crafted in Figma with interactive prototyping.
- 02Responsive layouts adapted for mobile, tablet, and desktop viewports.
- 03Optimized asset delivery and fast page load times.
- 04Reusable component library built with Tailwind CSS.
- 05Interactive design system prototype on Figma (https://s.id/makprorevamp22).
Impact
- Modern and professional web presence for MakProduction.
- Clear information architecture for portfolio showcases and service inquiries.
- Maintainable component structure for future content updates.
Stack
React.jsTailwind CSSFigmaJavaScript