Back to all work
E-COMMERCE · REDESIGN

Artisan Bazaar — Handmade Marketplace Redesign

Complete redesign and rebuild of an online handmade goods marketplace — storytelling-driven design, mobile-first checkout, and enhanced product discovery experience.

Duration:2.5 Months
Role:Full-Stack Developer & UI/UX Designer
Result:+123% Revenue Growth

Project Overview

Led the complete redesign and rebuild of Artisan Bazaar, an online marketplace focused on selling handmade goods. The project aimed to modernize the platform with a storytelling-driven design and a mobile-first checkout experience, making it easier for customers to explore artisan products and complete purchases smoothly.

The redesign focused on improving usability, strengthening product presentation, and creating a more engaging shopping experience that highlights the uniqueness of handmade items.

The Problem

The existing marketplace had several usability and design challenges that affected customer engagement and sales:

  • Outdated interface lacking visual appeal
  • Poor product storytelling and presentation
  • Complicated checkout process, especially on mobile devices
  • Low mobile usability and slow performance
  • Difficulty showcasing artisan brand identity

Objective: Redesign the platform to create a modern, engaging, and mobile-friendly marketplace that improves the overall user journey.

The Solution

I redesigned the marketplace with a user-centered approach, focusing on storytelling and seamless mobile experiences.

  • Modern, visually engaging interface design
  • Story-driven product pages highlighting artisan craftsmanship
  • Mobile-first checkout system rebuild
  • Improved navigation and product discovery
  • Enhanced performance and responsiveness across devices

The new design created a strong emotional connection between customers and artisans, improving overall engagement.

My Role & Responsibilities

Full-Stack Developer & UI/UX Designer

  • Conducting interface redesign planning
  • Creating new UI/UX layouts and interaction flows
  • Rebuilding front-end and back-end components
  • Designing mobile-first checkout experiences
  • Improving product presentation structure
  • Testing usability across devices
  • Deploying the updated platform

Key Features Delivered

  • Complete UI/UX Redesign
  • Story-Driven Product Pages
  • Mobile-First Checkout System
  • Improved Product Discovery
  • Responsive Layout for All Devices
  • Enhanced Performance Optimization
  • Simplified Navigation Structure
  • Artisan-Focused Branding Layout
  • Scalable Marketplace Architecture

Results & Impact

↑ 123%
Revenue Growth
↓ 44%
Bounce Rate
+58%
Customer Retention
+87%
Mobile Conversions
  • Successfully transformed an outdated marketplace into a modern e-commerce experience
  • Improved mobile usability and checkout flow
  • Enhanced product storytelling and visual presentation
  • Increased engagement through better user experience
  • Built a scalable platform ready for future growth

Technologies Used

Frontend

HTML5 CSS3 JavaScript (ES6+) React.js Tailwind CSS

Backend

Node.js Express.js

Database & Tools

MySQL Git & GitHub Responsive Design Performance Optimization Stripe Integration Vercel Deployment

Storytelling Design Approach

Narrative-Driven Design

  • Artisan stories and craftsmanship highlights
  • Process videos and behind-the-scenes content
  • Curated collections based on artisan stories
  • Authentic customer testimonials

Mobile-First Checkout

  • Optimized 2-step checkout process
  • Guest checkout option
  • Mobile payment support (Apple Pay, Google Pay)
  • Real-time cart updates and validation

Before vs After

Before Redesign

  • Dated visual interface
  • Confusing navigation
  • 5+ step checkout process
  • Poor mobile experience
  • Slow page load times
  • Low conversion rates

After Redesign

  • Modern, clean interface
  • Intuitive product discovery
  • 2-step streamlined checkout
  • Fully responsive mobile design
  • Optimized 3.2s load time
  • ↑ 123% revenue increase

Experience the new Artisan Bazaar

Live demo and full redesign case study available upon request.