Salt la conținut

Case Study: +35% Conversions After E-commerce UX Redesign

This case study documents the complete process through which we increased an online fashion store conversion rate by 35% — from 2.1% to 2.84% — through a UX redesign focused on mobile, checkout, and performance. The project took 8 weeks, and results were visible from the first month after launch.

Project Context

The client is an online fashion store in Romania with approximately 500 active products — women clothing and accessories, with average prices between 150 and 400 lei. The site had been live for 3 years, built on WooCommerce with a customized premium theme.

Initial Situation

Metric Value
Monthly visits ~25,000
Conversion rate 2.1%
Overall bounce rate 58%
Mobile bounce rate 78%
Mobile traffic 72%
Load speed (LCP) 4.8 seconds
Cart abandonment 74%
Average order value 285 lei
Monthly revenue ~150,000 lei

The Core Problem

Traffic was good and growing (effective Facebook Ads and Google Shopping campaigns), but the conversion rate had been stagnating at 2.1% for over a year. On mobile — where 72% of traffic came from — the 78% bounce rate signaled a disastrous experience. Effectively, 3 out of 4 mobile users left without interacting.

The UX Audit: What We Discovered

The complete UX audit took 2 weeks and combined quantitative analysis (analytics, heatmaps) with qualitative analysis (user testing with 8 participants) — revealing problems the client had not noticed because they only used the site on desktop.

Quantitative Analysis

Google Analytics 4:

  • The cart to checkout to payment to confirmation funnel had a 42% drop-off at the checkout to payment step
  • The checkout page had a 38% exit rate
  • Internal search returned "0 results" in 23% of cases
  • Microsoft Clarity (session recordings + heatmaps):

  • 340 rage clicks on the "Add to Cart" button on mobile (the button was below the fold)
  • Users scrolled back and forth on the product page 3-4 times (looking for the price)
  • 65% of users never saw the reviews (they were below the fold, under recommended products)
  • Mobile checkout required extensive scrolling — the "Place Order" button was invisible
  • Navigation was confusing — the category structure did not follow the basic principles of information architecture for online stores
  • PageSpeed Insights:

  • LCP: 4.8s (poor — red)
  • CLS: 0.34 (poor — images without defined dimensions)
  • INP: 380ms (poor — unoptimized JavaScript)
  • Qualitative Analysis (User Testing)

    We recruited 8 participants (women aged 25-45, active online shoppers) for 30-minute tests on their own phones:

    Issues identified:

  • "I cannot find the price" — the price was in small font, below the product title, not visible on mobile without scrolling
  • "I do not know if it is in stock in my size" — the size selector did not indicate availability
  • "Why do I have to create an account?" — checkout forced account creation, with no guest option
  • "I do not trust it" — no visible reviews, no security badges at checkout
  • "It is slow" — participants spontaneously mentioned slow loading
  • Have an online store with conversion below its potential? Request a free UX audit.

    Implemented Solutions

    Based on the audit, we implemented solutions in 4 categories: performance, product page, checkout, and mobile UX. Each solution addressed a specific problem identified in the audit.

    1. Performance — From 4.8s to 1.9s LCP

    Problems resolved:

  • Unoptimized images (JPEG at 100% quality, no lazy loading)
  • 14 fonts loaded (unused variants and weights)
  • 23 active plugins, 8 of which loaded CSS/JS on all pages
  • No page cache or object cache
  • Solutions:

  • Image conversion to WebP with 80% compression + native lazy loading
  • Reduced to 3 font variants (Regular, Medium, Bold) with latin-ext subset
  • Plugin audit: deactivated 6, replaced 3 with lighter alternatives
  • Implemented WP Rocket (page cache) + Redis (object cache)
  • Cloudflare CDN with Polish (image optimization at edge)
  • Preload for fonts and the hero image
  • Result: LCP from 4.8s to 1.9s, CLS from 0.34 to 0.04, INP from 380ms to 120ms.

    2. Product Page — Mobile-First Redesign

    Problems resolved:

  • Price invisible on mobile
  • Size selector without availability indication
  • Reviews below the fold, under recommended products
  • "Add to Cart" button below the fold on mobile
  • Solutions:

  • Large, bold price immediately below the product name — visible without scrolling
  • Size selector with visual availability (unavailable sizes = grayed out + strikethrough)
  • Reviews moved immediately below the price (summary: stars + review count)
  • Sticky "Add to Cart" bar on mobile (fixed at the bottom of the screen, appears on scroll)
  • Image gallery with native swipe and tap-to-zoom
  • Tabs for description / specifications / reviews (instead of long sections)
  • 3. Checkout — Radical Simplification

    Problems resolved:

  • Mandatory account (no guest checkout)
  • Multi-step checkout (4 steps) on mobile
  • No address autocomplete
  • "Place Order" button invisible without scrolling
  • No security cues near payment fields
  • Solutions:

  • Guest checkout as the primary option (account optional after order)
  • Single-page checkout on mobile with collapsible sections
  • Google Places API for address autocomplete
  • Sticky "Place Order" button at the bottom of the screen
  • Security badges (SSL, secure payment) near card fields
  • Apple Pay and Google Pay as express payment options
  • Visual progress indicator (Shipping - Payment - Confirmation)
  • Removed unnecessary optional fields (Company Name, Fax)
  • 4. Trust Elements — Confidence at Every Step

    Solutions:

  • Google reviews with schema markup (stars visible in SERP)
  • "Free shipping over 200 lei" badge visible on every product page
  • Return policy (14 days, free) visible below the cart button
  • Phone number in the header (click-to-call on mobile)
  • "X people bought today" on popular products
  • Results: Before vs. After

    Results were measured by comparing 3 months pre-redesign (October-December) with 3 months post-redesign (January-March), on the same traffic channels and similar advertising budgets.

    Comparison Table

    Metric Before After Change
    Conversion rate 2.10% 2.84% +35.2%
    Overall bounce rate 58% 44% -24.1%
    Mobile bounce rate 78% 52% -33.3%
    LCP (load speed) 4.8s 1.9s -60.4%
    CLS (visual stability) 0.34 0.04 -88.2%
    Cart abandonment 74% 61% -17.6%
    Average order value 285 lei 312 lei +9.5%
    Monthly revenue ~150,000 lei ~210,000 lei +40%
    Internal search sessions with no results 23% 8% -65.2%

    Revenue Impact Analysis

    The 40% revenue increase (from ~150,000 to ~210,000 lei/month) comes from two combined sources:

  • Higher conversion rate (+35%) — more visitors purchase
  • Higher average order value (+9.5%) — optimized recommended products and cross-sell at checkout
  • At a constant traffic of ~25,000 visits/month, the difference is ~60,000 lei in additional monthly revenue — 720,000 lei per year. The total investment in the redesign was ~15,000 lei, recovered in less than 8 days.

    What We Learned

    Several valuable lessons that apply to any e-commerce UX redesign project — every redesign project must start from data, not aesthetic preferences. Moreover, the results achieved must be protected post-launch through a solid WordPress maintenance plan that ensures continuous monitoring and rapid intervention for regressions.

    Lesson 1: Mobile-first is not optional

    72% of traffic came from mobile, but the site had been designed on desktop and "adapted" for mobile. The redesign started from mobile and then extended to desktop — a complete reversal of approach.

    Lesson 2: Performance is UX

    The speed improvement from 4.8s to 1.9s likely had the greatest individual impact on bounce rate. A slow site cannot be saved by good design — users leave before they see it.

    Lesson 3: Guest checkout is mandatory

    Forcing account creation reduced conversions by an estimated 15-20%. After enabling guest checkout, the checkout completion rate increased immediately.

    Lesson 4: Trust is built visually

    Reviews, security badges, and a visible return policy did not require significant technical effort, but had a measurable impact on checkout conversion rate.

    Lesson 5: Data beats opinions

    The client was convinced the homepage was the main problem. The data showed the homepage performed reasonably well — the problems were on the product page and checkout. Without the audit, we would have invested time in the wrong place.

    Want similar results for your online store? Contact us for a free consultation.

    Frequently Asked Questions

    How much does a UX redesign for an online store cost?

    A complete UX redesign (audit + design + implementation + testing) costs between 8,000 and 25,000 lei for a WooCommerce store of medium complexity. The investment is typically recovered in 1-3 months from increased conversions.

    How long does a UX redesign project take?

    A complete project takes 6-10 weeks: 2 weeks for audit, 2-3 weeks for design, 2-3 weeks for implementation, 1 week for testing and launch. Simpler projects (checkout optimization, performance) can be completed in 3-4 weeks.

    Can I make UX improvements without a full redesign?

    Yes. Many improvements have significant impact without a full redesign: enabling guest checkout, performance optimization, sticky CTA on mobile, adding social proof. These can be implemented in 1-2 weeks and can increase conversions by 10-15%.

    How do I measure the ROI of a UX redesign?

    Compare the conversion rate and revenue over 3 months before vs. 3 months after, on the same traffic channels. Formula: (Additional monthly revenue x 12) / Project cost = Annual ROI. In our case study: (60,000 x 12) / 15,000 = 4,800% ROI.

    What do I do if I do not have enough traffic for A/B testing?

    Use sequential testing (before/after) with a minimum of 4 weeks per period, supplemented with qualitative user testing (5-8 participants) and heatmap/recording analysis. You do not need A/B testing for obvious changes (performance, guest checkout, sticky CTA).


    Every online store has untapped conversion potential. Request a UX audit and discover where you are losing sales — the results may surprise you.

    Postări conexe

    Blog

    Ultimele Articole

    Programeaza o Discutie

    Audit Gratuit

    Cere Oferta