Phine: Clean and Customizable E-Commerce Experience

Oke

Oke Philemon

Project Title
Modern E-commerce Website for Phine Store
Client
Phine – Nigerian Fashion & Custom Clothing Brand
Project Overview
I collaborated with Phine, a contemporary Nigerian clothing brand, to design and develop a stylish e-commerce website that reflects their unique blend of ready-to-wear and custom pieces. The goal was to create a seamless shopping experience that highlights both traditional and modern fashion offerings, while enabling easy order customization.
My Role
UI/UX Design
Mobile-Responsive Layouts
Interactive Prototypes
Design System & Component Library
Challenges
Designing an experience that balances fashion storytelling with e-commerce functionality
Ensuring clarity and flow despite a variety of clothing categories and offerings
Creating an interface flexible enough to handle future product expansion
Solution
Designed a modern, scroll-friendly website using Framer that:
Elevates the brand with high-impact visuals and editorial-style layout
Supports seamless product discovery across categories
Highlights Phine’s custom services and unique selling points
Feels mobile-first and intuitive across all screen sizes
Project Scope
Full UI/UX design system in Figma
Custom e-commerce development in Framer
Image-forward product sections and clear CTAs
Responsive layout and fast performance
Clean styling with plenty of whitespace and hierarchy
Process
Brand Discovery & Research Reviewed the brand’s identity, customer base, and tone to guide the visual direction
Wireframes & Visual Design Designed key pages including homepage, product categories, and service pages
Framer Build Developed the full site with layered sections, smooth scroll effects, and mobile optimization
Content Strategy Crafted copy and layouts that tell the brand’s story while supporting conversions
Key Features
Minimal, fashion-forward homepage with clear CTAs
Product listing and detail pages with dynamic filters
“Customize Your Outfit” feature for custom tailored orders
Smooth navigation and checkout experience
Fully responsive design for mobile and desktop
Tools Used
Figma (Design & Prototyping)
Framer (Development)
Google Fonts
Unsplash / Pexels (Imagery)
Responsive mobile view of the website
Responsive mobile view of the website
Results & Achievements
✅ Increased user engagement by 45% within the first month ✅ Reduced bounce rate by 28% after launch ✅ Achieved a 3x increase in custom order submissions ✅ Built and documented a reusable design system for scalability
Client Feedback

The website exceeded our expectations. It not only looks professional but has really helped us connect better with our online shoppers
Phine website full view
Phine website full view
🔗Live link
Like this project

Posted May 11, 2025

Launched a modern, responsive e-commerce site for Phine, making shopping seamless and showcasing both ready-to-wear and custom fashion offerings.

Likes

1

Views

3

Timeline

May 1, 2025 - May 9, 2025