UI/UX & React Front-End Revamp
Budget: ₹600 – ₹1,500 INR
I’m refreshing an existing web application and want the design vision and the React implementation to move together in lockstep. To make that happen, I’m looking for a compact team—one creative UI/UX designer working side-by-side with a MERN engineer who is strongest on the React front-end.
Here’s the workflow I’d like to follow:
• The designer translates product goals into low- to hi-fidelity wireframes, prototypes and final screens, validating each stage with quick user feedback loops.
• In parallel, the developer converts those approved screens into responsive, reusable React components, hooks and contexts, wiring them to our existing Node.js / Express API and MongoDB data.
• Both of you collaborate on micro-interactions, accessibility tweaks, performance optimisation and iterative polish until the experience feels fast and effortless.
Key expectations
– Pixel-perfect alignment between Figma (or your preferred tool) and the React build.
– Clear Git commits, pull-request etiquette and concise documentation so future contributors can jump in easily.
– Weekly check-ins over Zoom or Slack to keep the design-dev handshake smooth.
Deliverables
1. Interactive design prototypes covering all core flows
2. Production-ready React code merged to the main branch
3. A short hand-off guide summarising component structure, styling conventions and any reusable assets
If you’re comfortable shaping both the look and the code of a modern single-page app, let’s talk timelines and milestones.
Here’s the workflow I’d like to follow:
• The designer translates product goals into low- to hi-fidelity wireframes, prototypes and final screens, validating each stage with quick user feedback loops.
• In parallel, the developer converts those approved screens into responsive, reusable React components, hooks and contexts, wiring them to our existing Node.js / Express API and MongoDB data.
• Both of you collaborate on micro-interactions, accessibility tweaks, performance optimisation and iterative polish until the experience feels fast and effortless.
Key expectations
– Pixel-perfect alignment between Figma (or your preferred tool) and the React build.
– Clear Git commits, pull-request etiquette and concise documentation so future contributors can jump in easily.
– Weekly check-ins over Zoom or Slack to keep the design-dev handshake smooth.
Deliverables
1. Interactive design prototypes covering all core flows
2. Production-ready React code merged to the main branch
3. A short hand-off guide summarising component structure, styling conventions and any reusable assets
If you’re comfortable shaping both the look and the code of a modern single-page app, let’s talk timelines and milestones.