E-Commerce Redesign

Comfort Zone
E-Commerce Experience & Automation

A complete transformation of a WooCommerce store on WordPress. I redesigned the end-to-end shopping experience for performance and mobile, while introducing smart automations to handle orders, stock updates, and customer messages.

Role
Lead UX/UI Designer
Full-Stack Implementation
Focus
E-Commerce Experience
Workflow Automation
Platform
Web & Mobile Store
WooCommerce
Tools
WordPress · WooCommerce · SiteGround
WP Mail SMTP · ACF · Polylang · WP Rocket
Comfort Zone e-commerce MacBook mockup

01 · Overview

The problem

The existing store struggled with a lengthy checkout process, confusing product browsing, and manual order handling that limited sales growth.

01

High friction at checkout

Shoppers faced unnecessary steps and form fields, resulting in a 68% cart abandonment rate and lost revenue.

02

Manual store operations

Payment tracking, stock changes, and customer updates were done by hand, slowing order dispatch and increasing human error.

“By combining a user-centric design with intelligent automation, we turned a manual, error-prone process into a growth engine.”

02 · Discovery

Examining the store journey

I analyzed customer purchase paths, device analytics, catalog architecture, and the backend handoffs required to fulfill each order.

Before

Discovery Hard to find items
Cart High drop-off
Multi-step form Slow mobile input
Manual verification Delayed order processing
Manual updates Slow customer notices
01

Cluttered discovery

Categories were difficult to browse on mobile screens, making it tough for buyers to discover complementary furniture.

02

Desktop-heavy design

Mobile accounted for weak revenue share despite bringing in over half of overall site visits.

03

Fragmented notifications

Transactional emails frequently missed inboxes, leaving buyers uncertain about their delivery status.

03 · Key Improvements

Four core pillars of redesign

We focused on reducing shopper friction and creating operational foundations that scale effortlessly.

01

2-Step checkout

Reduced friction and unnecessary fields to make buying quick and easy.

02

Smart navigation

Optimized product categories and introduced a clean visual mega menu.

03

Enhanced product pages

Added rich media carousels, verified trust badges, and clear primary CTAs.

04

Personalized experience

Recommended relevant furniture and accessories based on browsing behavior.

Comfort Zone e-commerce product listing page with filters and product grid
Comfort Zone e-commerce shopping cart and checkout page

04 · Automation Workflows

Connecting purchases to operations

Behind every click, automated triggers handle transactions, sync stock, and inform customers without team intervention.

Order placed Customer buys online
Payment received Automatic verification
Order processing Inventory sync & receipt
Customer notification Email & SMS updates
Delivery & follow-up Tracking & review request

Automated store operations

  • Automatic payment verification gateways
  • Real-time stock updates across all items
  • Instant email and SMS receipt dispatching
  • Automated tracking delivery links
  • Post-purchase review request sequencing

Technical infrastructure

  • Host & Speed: SiteGround managed hosting with WP Rocket caching
  • Reliability: WP Mail SMTP for guaranteed transactional delivery
  • Data Architecture: Advanced Custom Fields (ACF) for structured attributes
  • Localization: Polylang multilingual readiness

05 · Measurable Results

Proven commercial impact

The revamped storefront and automated workflows produced noticeable lifts across conversions, mobile orders, and sales volume.

+35% Conversion Rate 1.8% to 2.43%
+28% Average Order Value AED 620 to 793
−41% Cart Abandonment 68% down to 40%
+62% Mobile Revenue 32% up to 52%

06 · Key Insights

What this project confirmed

01

Fewer steps unlock conversions

Cutting friction on mobile forms yields larger returns than superficial visual changes.

02

Automations protect experience

Instant notifications build buyer trust and free customer support teams to tackle meaningful questions.

03

Speed drives direct sales

Fast load times directly correlate with higher mobile conversion rates and reduced abandonment.