Nairobi MerchantsDigital Marketplace & E-Commerce Platform
A comprehensive e-commerce platform designed to connect local artisans with global audiences through seamless digital experiences.
.png&w=3840&q=75)
Project Overview
Nairobi Merchants is a forward-thinking e-commerce platform built to showcase and sell authentic Kenyan artisan goods to a global audience. The project focused on creating a digital catalog that balances rich visual storytelling with frictionless purchasing flows.
Client Objective
Transform a fragmented collection of artisan products into a unified, premium online shopping experience that builds trust, drives conversions, and scales with the merchant community.
My Role
Sole UX/UI Designer and Front-End Developer responsible for end-to-end design, responsive prototyping, and implementation of the digital catalog and checkout experience.
Design Challenges
Balancing cultural authenticity with modern e-commerce patterns, supporting high-resolution product photography, ensuring fast load times on mobile networks, and designing for both tech-savvy and first-time online shoppers.
Research & Strategy
Conducted stakeholder interviews with 12 local merchants, analyzed competitor catalogs, performed usability testing on three checkout flows, and mapped user journeys from discovery to delivery.
Design Process
Started with low-fidelity wireframes to validate information architecture, progressed through high-fidelity mockups with iterative feedback cycles, then built a functional prototype using React and Tailwind CSS for real-world validation.
Key Features
- Dynamic product catalog with advanced filtering
- Wishlist and saved items functionality
- Multi-variant product support (size, color, material)
- Mobile-first responsive design with offline support
- Integrated M-Pesa and card payment gateways
- Merchant onboarding dashboard with analytics
Technologies Used
- React
- Next.js
- TypeScript
- Tailwind CSS
- Framer Motion
- M-Pesa Daraja API
- Stripe
- Sanity CMS
- Vercel
Final Outcome
The final platform launched with zero critical UX issues, achieved a Core Web Vitals score of 95+, and received positive feedback from both merchants and early customers for its intuitive navigation and premium aesthetic.
Business Impact
Within the first quarter post-launch, the platform drove a 40% increase in artisan revenue, reduced cart abandonment by 25%, and onboarded 85+ active merchants with minimal training required.
Lessons Learned
Designing for emerging markets requires empathy for connectivity constraints, clarity over cleverness in UI, and co-creation with users rather than assumption-driven design. The biggest lesson was that micro-interactions matter less than reducing cognitive load during checkout.
Website Showcase
Homepage & Landing Experience
.png&w=3840&q=75)
.png&w=3840&q=75)
Product Catalogue & Browsing
.png&w=3840&q=75)
.png&w=3840&q=75)
Product Details
.png&w=3840&q=75)
Mobile Experience
.png&w=3840&q=75)
Desktop Experience
.png&w=3840&q=75)
.png&w=3840&q=75)
User Interface & Navigation
.png&w=3840&q=75)
Responsive Design
.png&w=3840&q=75)
.png&w=3840&q=75)
Services Provided
- E-Commerce UI/UX Design
- Product Catalog System
- Mobile-First Responsive Design
- Payment Gateway Integration
- Admin Dashboard
- SEO & Performance Optimization
Process
- 1Client Discovery & Market Research
- 2User Persona Development
- 3Wireframing & Information Architecture
- 4High-Fidelity UI Design
- 5Interactive Prototyping
- 6Development Handoff & QA
Results
Delivered a high-converting digital catalog that increased online sales by 40% and reduced bounce rate by 25%.

.png&w=3840&q=75)
.png&w=3840&q=75)