PAVONEE
Premium fashion e-commerce website with TikTok Shop integration and comprehensive admin panel
Overview
PAVONEE is a premium fashion e-commerce platform built for a clothing brand, featuring an elegant landing page with animated reveals, a product collection browser with Quick View modals, and a comprehensive admin panel. The admin panel enables content management with a draft/publish workflow and integrates with TikTok Shop for synchronized inventory and order management.
My Role
UI/UX Designer & Full Stack Developer
Team Size
Solo
Tech Stack
Problem
Fashion brands selling on TikTok Shop needed a professional web presence that could showcase their products elegantly while keeping inventory and orders synchronized with their social commerce platform. Existing solutions lacked the premium aesthetic required for luxury fashion and didn't offer seamless TikTok Shop integration.
Solution
Built a full-stack e-commerce website with a luxurious design system featuring Cormorant Garamond typography, gold accents, and smooth scroll-reveal animations. Developed a comprehensive admin panel with draft/publish content workflow, TikTok Shop API integration for product sync and order management, and real-time SLA tracking for orders.
Key Features
- 1Elegant landing page with animated hero section and brand emblem
- 2Product collection with category filtering and Quick View modal
- 3Responsive design with mobile burger menu and tablet/desktop layouts
- 4Admin dashboard with KPIs, SLA metrics, and order flow visualization
- 5Draft/Publish content management workflow for all landing page sections
- 6TikTok Shop integration for product synchronization and order pulling
- 7Sync logs and activity audit trail for tracking all admin actions
Challenges & Learnings
Challenges: Implementing a seamless draft/publish workflow that allows content editors to preview changes before going live required careful state management between draft and published data. Integrating with TikTok Shop API involved handling OAuth token refresh, webhook events, and mapping TikTok product data to the internal product model while maintaining data consistency.
Learnings: Gained deep experience with Next.js 15 App Router patterns including server components, route groups, and middleware for protected routes. Learned best practices for building CMS-like admin panels with Prisma ORM and implementing secure authentication flows with NextAuth.js v5 beta.
Result
Delivered a production-ready e-commerce platform that elevates the brand's online presence with a premium aesthetic. The admin panel streamlines content management and TikTok Shop operations, reducing manual work for inventory and order synchronization.