Nivaii - Preloved South Asian Fashion Marketplace

Jan 2025 - Feb 2025
Website
Next.js
React
TypeScript
Tailwind CSS
Sanity
Framer Motion

Developed for a client launching a preloved South Asian fashion marketplace in the UK. Nivaii is a browse-first web platform that connects to the client's existing mobile app, allowing users to discover, filter, and explore preloved clothing and accessories before being directed to the app for purchases.

Project Overview

The client needed a high-quality web presence to complement their mobile app. The website serves as a discovery layer where users can browse the full catalogue of preloved South Asian fashion items, read seller stories, and explore product details before downloading the app to make purchases.

Key Features

  • Product Browse & Discovery: Full shop page with URL-persisted filters, search, sorting, and pagination for browsing the product catalogue.
  • Product Detail Pages: Rich product pages with image galleries, seller information, condition badges, and pricing details.
  • Seller Profiles: Dedicated seller pages showcasing their listings and profile information.
  • Stories & Content: A CMS-driven stories section for editorial content about South Asian fashion and sustainability.
  • Testimonials: Animated testimonial section with real user reviews managed through the CMS.
  • App Download CTA: Strategic call-to-action sections directing users to the mobile app for transactions.
  • Newsletter Subscription: Built-in subscriber management with admin export functionality.

Technical Highlights

  • Next.js 16 with App Router: Server-side rendering and ISR (Incremental Static Regeneration) for optimal performance and SEO.
  • Sanity CMS Integration: Embedded Sanity Studio at /studio for the client to manage homepage content, testimonials, stories, and static pages independently.
  • API Integration: Connected to the client's existing backend API with typed API client, ISR caching, and graceful error handling.
  • Tailwind CSS v4: CSS-first configuration with a custom design system featuring terracotta and olive colour palette, custom typography with Playfair Display and DM Sans.
  • Framer Motion Animations: Smooth page transitions, hover effects, and dynamic component animations throughout the site.
  • Comprehensive SEO: Structured data (JSON-LD), sitemap, robots.txt, Open Graph tags, and a full metadata template system.
  • Performance Optimised: Dynamic imports for heavy components, optimised image loading via Next.js Image, and component-level code splitting.

CMS Architecture

Built an embedded Sanity Studio with custom document types for the client to manage:

  • Home Page: Singleton document for hero content, featured sections, and CTAs.
  • About Page: Singleton for the about section content.
  • Stories: Blog-style content with categories for editorial pieces.
  • Testimonials: Customer reviews displayed with animated transitions.
  • Static Pages: Privacy policy, terms, shipping information, and FAQs.
  • Newsletter Subscribers: Subscriber management with CSV export functionality.

Design System

Created a cohesive design system reflecting South Asian aesthetics with warm terracotta tones, elegant serif typography for headings, and clean sans-serif body text. The design balances cultural authenticity with modern web standards, ensuring the platform feels premium yet approachable.

LinkedIn