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
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