LUMIN
Lumin — Skincare E-commerce
Project Overview
Lumin is a premium skincare e-commerce app specializing in anti-wrinkle serums and beauty products. The app features an elegant product showcase with carousel navigation, detailed product information with ingredient breakdowns, interactive customization options for product packaging, and a sophisticated shopping cart experience with animated transitions. Built with Flutter for a smooth, native performance across mobile platforms.
Features
- Product carousel with hero animations and smooth transitions
- Detailed product pages with ingredient information and benefits
- Interactive product customization (size, skin type selection)
- Animated shopping cart with packaging visualization
- Video product usage guides and tutorials
- Persistent bottom navigation with multiple sections
My Responsibilities
- Designed and implemented the main product carousel with smooth animations
- Built comprehensive product detail pages with sliding panels and interactive elements
- Created animated shopping cart experience with 3D packaging visualization
- Integrated video player for product usage demonstrations
- Implemented hero animations and page transitions throughout the app
- Developed responsive UI components with custom styling and Google Fonts
- Configured persistent bottom navigation with multiple app sections
Tech Stack
| Category | Tools / Libraries |
|---|---|
| UI Framework | Flutter 3.22, Dart |
| Navigation | Persistent Bottom Nav Bar, Page Transitions |
| Animations | Hero Animations, Local Hero, Carousel Slider |
| Media | Video Player, Flutter SVG |
| UI Components | Sliding Up Panel, Draggable Bottom Sheet |
| Styling | Google Fonts, Custom Color Schemes |
Outcome / Highlights
- Seamless product browsing experience with smooth carousel navigation
- Interactive product customization with real-time visual feedback
- Engaging shopping cart animation that simulates product packaging
- Professional product presentation with detailed ingredient information
Description
LUMIN SKIN CARE
July 2024
Lumin is a premium skincare e-commerce app featuring anti-wrinkle serums. Built with Flutter, it offers smooth product carousels, detailed ingredient information, interactive customization options, and an animated shopping cart with 3D packaging visualization. The app provides a sophisticated shopping experience with hero animations and video product guides.