React E-Commerce UI/UX Design
Budget: ₹12,500 – ₹37,500 INR
I’m building an e-commerce platform in React and want every screen—from the first product browse to the final “order placed” message—to feel effortless and modern. The core front-end is already scaffolded; what’s missing is a cohesive UI/UX layer that delights customers and drives conversions.
Here’s the flow I have in mind: shoppers should land on a clean, minimal catalog, filter or search without friction, add items to the cart in a single click, and check out on a secure, distraction-free page. Account creation, order tracking, and wishlist views need the same polish so returning customers feel right at home.
To make that happen, I’d like:
• High-fidelity mock-ups (Figma or similar) covering product list, product detail, cart, checkout, and account screens
• A reusable design system—tokens, colour palette, typography, and component states—that keeps everything consistent
• Production-ready React components written in functional style, hooks preferred, fully responsive and accessible (WCAG 2.1 AA)
• Smooth hand-off: clean file structure, inline documentation, and guidance on integrating the components into my existing Redux/REST setup
Acceptance criteria
1. All key screens render flawlessly on mobile, tablet, and desktop (Chrome, Safari, Firefox, Edge).
2. Lighthouse performance and accessibility scores ≥ 90 on each page.
3. Design system tokens map one-to-one with implemented components.
4. Checkout flow completes without console errors or layout shifts.
Let me know if you have questions about the current codebase or the product catalog API; access can be provided right away so you can dive in quickly.
Here’s the flow I have in mind: shoppers should land on a clean, minimal catalog, filter or search without friction, add items to the cart in a single click, and check out on a secure, distraction-free page. Account creation, order tracking, and wishlist views need the same polish so returning customers feel right at home.
To make that happen, I’d like:
• High-fidelity mock-ups (Figma or similar) covering product list, product detail, cart, checkout, and account screens
• A reusable design system—tokens, colour palette, typography, and component states—that keeps everything consistent
• Production-ready React components written in functional style, hooks preferred, fully responsive and accessible (WCAG 2.1 AA)
• Smooth hand-off: clean file structure, inline documentation, and guidance on integrating the components into my existing Redux/REST setup
Acceptance criteria
1. All key screens render flawlessly on mobile, tablet, and desktop (Chrome, Safari, Firefox, Edge).
2. Lighthouse performance and accessibility scores ≥ 90 on each page.
3. Design system tokens map one-to-one with implemented components.
4. Checkout flow completes without console errors or layout shifts.
Let me know if you have questions about the current codebase or the product catalog API; access can be provided right away so you can dive in quickly.