Back to Portfolio PouchCrafters · Case Study
/ 01 — Project Overview · E-commerce UX Redesign

PouchCrafters: B2B flexible packaging discovery & conversion platform.

Redesigning the end-to-end digital buyer journey for a North American custom pouch manufacturer—moving from fragmented promotional layouts to a high-converting, performance-driven B2B commerce experience.

Client / Industry
PouchCrafters · B2B Manufacturing
Role
Senior Product Designer
Focus Area
UX Audit · IA · Web Development
Core Stack
Figma · WordPress · Elementor
PouchCrafters Global Web Platform Showcase
96
Google Lighthouse Performance
0.7s
Largest Contentful Paint (LCP)
0.001
Cumulative Layout Shift (CLS)
03 / CONTEXT & CHALLENGE

The Business Problem

Core Friction

Fragmented B2B Discovery

The original PouchCrafters website relied on repetitive promotional banners, layered visual graphics, and scattered product specifications that forced prospective clients through cognitive friction.

Key manufacturing benefits, custom barrier properties, minimum order quantities (MOQs), and pricing tiers were buried beneath competing visual elements, creating high bounce rates and stalling quote request submissions.

Design Objectives

Strategic Mandates

Clarify Offering: Surface pouch types (Stand-Up, Flat Bottom, Quad Seal) immediately.
Industry Relevance: Map technical packaging specifications to 10+ distinct commercial verticals.
B2B Trust: Highlight manufacturing certifications, print precision, and turnaround speed.
Conversion Flow: Structure an intentional decision journey from discovery to quote estimation.
04 / UX AUDIT

Deconstructing the Legacy Experience

A comprehensive UX audit of the legacy site revealed significant structural bottlenecks. Promotional banners competed with essential product categories, and the absence of progressive disclosure forced users to guess where to start.

Instead of a simple visual refresh, the project demanded a complete reorganization of the user decision-making psychology.

Key Bottlenecks Identified

Unclear value proposition above the fold.
Buried technical specifications (materials, barrier films, valves).
Weak call-to-action hierarchy with no streamlined sample request path.
05 / STRATEGY & PRINCIPLES

Decision-Making Strategy

B2B packaging buyers evaluate suppliers through a structured sequence of business questions. The UX was mapped to progressively answer each inquiry:

PHASE 01 · WHAT

Understand & Explore

"What do you manufacture and can you create my pouch shape?" Surface clear packaging structures and finish variants immediately.

PHASE 02 · WHY

Validate & Compare

"Do you understand my industry constraints?" Provide specialized vertical filtering for Coffee, Pet Food, Supplements, and Superfoods.

PHASE 03 · HOW

Convert & Enquire

"How do I receive pricing?" Streamline the quote calculator and sample kit request directly into prominent CTA anchors.

06 / USER JOURNEYS & IA

Information Architecture

The new IA anchors on early product discovery followed by industry-specific proof points:

Primary Conversion Flow
Hero Categories Capabilities Industries Quote CTA
B2B Trust Pillars
Low MOQs Fast Turnaround Food Grade Custom Valves

Supported Commercial Sectors

Coffee & Tea Snacks & Confectionery Pet Food & Treats Health Supplements Beauty & Cosmetics Baking Ingredients Spices & Seasonings Organic Superfoods Lawn & Garden Specialty Collectibles
07 & 08 / CRAFT & EXECUTION

Visual Direction & Implementation

A deep industrial navy foundation was paired with clean high-contrast product modules to balance manufacturing authority with modern e-commerce fluidity.

The platform was built from scratch in WordPress and Elementor, emphasizing lightweight asset delivery, asynchronous script loading, and zero layout shift during responsive scaling.

Technical Execution

Interactive product category showcase with instant specification tabs.
Responsive container optimization eliminating cumulative layout shifts.
Direct quote submission funnel connected to automated CRM lead capture.
09 / VERIFIED AUDIT

Performance Benchmark

Rigorous asset compression and streamlined DOM structures achieved industry-leading Google Lighthouse benchmarks:

96
Performance
88
Accessibility
100
Best Practices
92
SEO
0.4s First Contentful Paint (FCP)
0.7s Largest Contentful Paint (LCP)
1.9s Speed Index
10ms Total Blocking Time (TBT)
0.001 Cumulative Layout Shift (CLS)
10 / BUSINESS IMPACT

Key Outcomes

OUTCOME 01

Rebuilt User Journey

Transformed an unorganized landing page into an intentional decision pipeline tailored to B2B procurement needs.

OUTCOME 02

Rapid Product Discovery

Surfacing packaging categories and barrier specs early eliminated drop-off and accelerated time-to-inquiry.

OUTCOME 03

96 Performance Rating

Delivered a 0.7s LCP and 0.001 CLS rating, creating a rock-solid, visually stable browsing foundation across North America.

Need an E-Commerce or B2B UX Redesign?

Let's discuss how data-driven UX research, structured information architecture, and high-performance engineering can elevate your conversion metrics.

Start a Project