Carlos Embellishers
Website Redesign & Frontend Development
01. Project Overview
Overview
I worked on the redesign and development of the Carlos Embellishers website, focusing on creating a more modern, structured, and user-friendly web experience.
Starting by analyzing the existing site and conducting competitor research, I designed the complete UI/UX in Figma and translated the designs into a responsive React/Next.js application.
02. My Contribution
Key Design & Development Responsibilities
Reviewed and analyzed the existing Carlos Embellishers website
Researched competitor and industry websites for design and UX references
Planned the website structure and content hierarchy
Designed the website UI/UX in Figma
Created responsive layouts for different screen sizes
Developed the website using React and Next.js
Implemented the designs using JavaScript and CSS
Built reusable and modular frontend components
Refined the interface based on visual consistency, usability, and responsive behavior
03. Project Workflow
Reviewed legacy content, structure, and visual bottlenecks.
Identified industry patterns and B2B apparel design benchmarks.
Planned site structure, content hierarchy, and design direction.
Created page layouts, wireframes, and responsive component systems.
Translated designs into code using React, Next.js, and CSS.
Ensured seamless consistency across desktop, tablet, and mobile.
Polished interface for usability, performance, and visual fidelity.
04. Design Direction & Implementation
Visual Concept & Strategy
- Modern corporate aesthetic tailored for apparel manufacturing
- Structured content hierarchy for clear B2B navigation
- Mobile-first responsive UX across desktop, tablet, and mobile
- Reusable component-driven frontend architecture
- High-contrast readability and clean visual presentation
Design System & Deliverables
#008FD5#22222205. End-to-End Execution
From Research & Design to Production Code
This project allowed me to take a complete design-to-development approach—starting from initial website review and competitor research, creating the UI/UX design in Figma, and carrying the approved layouts through to a functional, responsive React/Next.js application.