Sarwam : Meal Subscription platform
A subscription-powered ecosystem connecting home chefs, delivery partners, and subscribers to bring the feeling of home to every everyday meal.
Tech Stack
Next.jsTechnology
React 19Technology
TypeScriptTechnology
Tailwind CSS v4Technology
Vercel Geist FontTechnology
ResendTechnology
Project Details
A premium, community-focused landing page that positions Sarwam as the foundational infrastructure for daily nourishment rather than a traditional food delivery app.
- Strategic Repositioning: Designed a premium, community-focused landing page that positions Sarwam not as a traditional food delivery app, but as the foundational infrastructure for daily nourishment.
- Narrative-Driven UX: Built a story-driven user experience that guides visitors through the "why" before the "what," focusing on human connection, trust, and community impact.
- Ecosystem Showcase: Created dedicated sections to clearly explain the multi-sided network, highlighting the value for subscribers, home chefs, and delivery partners simultaneously.
- Premium Visual Identity: Translated the brand's core values (warmth, trust, dignity) into a high-end digital experience reminiscent of top-tier tech and lifestyle brands (e.g., Airbnb, Apple) using editorial-style layouts and minimal design.
- Conversion Optimization: Replaced aggressive transactional sales pitches with smooth, predictable subscription flow explanations to build long-term user trust and encourage ecosystem participation.
Technical Overview
Built on a modern React 19 architecture with highly optimized styling and responsive grids for an editorial, magazine-like experience.
- Modern React Architecture: Built on the latest Next.js and React 19 foundations, utilizing Server Components and App Router for optimal page load speeds and SEO performance.
- Advanced Styling System: Leveraged the newest Tailwind CSS v4 to build a bespoke design system, implementing complex visual effects like scroll-triggered blurred glass headers and smooth micro-animations.
- Responsive Grid Layouts: Engineered complex, fully responsive CSS grids (e.g., 2x2 Impact grids, horizontal product flow cards) that maintain an editorial, magazine-like quality across all device sizes.
- Interactive Components: Developed dynamic, hover-responsive showcase cards for the core product suite (Buyer App, Chef App, Delivery App) to give users a premium tactile feel when exploring the ecosystem.
- Type-Safe Codebase: Ensured high code quality and maintainability through strict TypeScript implementations and comprehensive ESLint rules.