Premium Flatshare Marketplace Revamp
Budget: ₹12,500 – ₹37,500 INR
Our flat-sharing marketplace already has a working MVP; what it lacks is a polished, mobile-first interface that feels premium and, above all, keeps visitors engaged. I need the entire customer-facing layer—roughly 15 to 20 pages—re-imagined in a professional, corporate style without touching the existing backend or its API contracts.
Here’s how I picture the collaboration:
– Technology stack is fixed: React + TypeScript, Tailwind CSS, and shadcn/ui. Please write components that are reusable, properly typed, and easy for my team to extend.
– The layout must be responsive from the ground up. Think thumb-friendly navigation, fluid grids, and smooth transitions that perform well on low-power devices.
– Typography, spacing, colour hierarchy, micro-animations, and empty-state illustrations all deserve careful attention; the aim is to lift user engagement and make every interaction feel effortless.
– You may reorganise existing components or introduce a lightweight design system, yet the underlying endpoints, routes, and data models should remain unchanged.
Deliverables
• Production-ready source code covering every redesigned page (15–20 in total)
• A concise README explaining build steps and any new conventions
• Component documentation or Storybook showcasing variants and states
Acceptance criteria
• No console or TypeScript errors, and all lint/tests pass
• Consistent visual behaviour in the latest Chrome, Safari, Firefox, and Edge, plus modern iOS & Android browsers
• Cumulative Layout Shift and other Core Web Vitals meet Google’s “good” threshold on the key pages
If transforming our MVP into a polished, professional experience sounds exciting, let’s talk timelines and see your most relevant React-Tailwind work.
Here’s how I picture the collaboration:
– Technology stack is fixed: React + TypeScript, Tailwind CSS, and shadcn/ui. Please write components that are reusable, properly typed, and easy for my team to extend.
– The layout must be responsive from the ground up. Think thumb-friendly navigation, fluid grids, and smooth transitions that perform well on low-power devices.
– Typography, spacing, colour hierarchy, micro-animations, and empty-state illustrations all deserve careful attention; the aim is to lift user engagement and make every interaction feel effortless.
– You may reorganise existing components or introduce a lightweight design system, yet the underlying endpoints, routes, and data models should remain unchanged.
Deliverables
• Production-ready source code covering every redesigned page (15–20 in total)
• A concise README explaining build steps and any new conventions
• Component documentation or Storybook showcasing variants and states
Acceptance criteria
• No console or TypeScript errors, and all lint/tests pass
• Consistent visual behaviour in the latest Chrome, Safari, Firefox, and Edge, plus modern iOS & Android browsers
• Cumulative Layout Shift and other Core Web Vitals meet Google’s “good” threshold on the key pages
If transforming our MVP into a polished, professional experience sounds exciting, let’s talk timelines and see your most relevant React-Tailwind work.
Related categories:
Website Design
CSS
HTML5
HTML
Web Development
Frontend Development
Tailwind CSS
shadcn/ui