Interested to know more?

Please enter the password to continue


Need access? Contact Logan at
loge.guru@gmail.com

Case Study

BH e-Commerce Portal

Redesigning a complex B2B industrial marketplace to simplify workflows and improve conversion across five product lines.

Role
Lead UX Designer
Year
2024 — 2025
Tools
FigmaHotjar
AI-Augmented
Copilot · Claude · Figma AI · Hotjar AI
BH e-Commerce Portal
Overview

Baker Hughes e-Commerce Portal

Baker Hughes is a leading energy technology company. Their e-commerce platform serves as a critical marketplace enabling channel partners and direct customers to explore and procure specialised industrial equipment.

Outcome

↑ 68%
Increase in online sales
↓ 32%
Reduction in product search time
↓ 54%
Reduction in checkout time
↓ 43%
Reduction in order status enquiries
↑ 16%
Increase in registration rate
Problem

Problem, Objective & Challenges

Problem Statement

Customers across multiple product lines faced inconsistent user experiences and usability challenges within the portal. Users struggled to find the right products and access relevant information, leading to lower portal engagement and impacting online sales growth.

Objective

Improve usability, product discoverability and consistency across a complex multi-brand platform to create a seamless e-commerce experience that increases customer engagement and drives online sales.

Challenges

Being a legacy one-stop e-commerce platform for 5 different brands,

  • Each brand had their own flows of handling products.
  • Various user roles across global customers (B2B and B2B2C).
  • Not all products can be treated the same way for online sale.
  • Complex product data mapped with multiple hierarchies and variant configurations.
  • Customers were more accustomed to manual purchase order processes than placing orders online.
Approach

Approach

The project began with significant ambiguity across user needs, workflow definitions, product hierarchy, and technical dependencies. Early discovery focused on aligning stakeholders, identifying operational constraints, and establishing clarity around the end-to-end customer experience.

Approach
Research

Research

Stakeholder Envisioning

Before engaging stakeholders, developed a structured interview framework and targeted questionnaire. I then identified and connected with key stakeholders across all product lines, including product SMEs, sales, marketing, customer care, and channel management teams.

5
Product Lines
22
Interview Sessions
26
Stakeholders

User Interviews

Conducted interviews with stakeholders and users (B2B and B2B2C) to identify key user challenges focused on efficiently navigating the site, while understanding clear visibility into the end-to-end business requirements across multiple product lines.

User Interviews

Insights Consolidation

Gathered all information and consolidated them under different buckets representing business goals, key products, challenges, competitors and more.

Stakeholder Insights 1Stakeholder Insights 2Stakeholder Insights 3Stakeholder Insights 4

Persona Development

Sales data revealed approximately 90% of portal users are Channel Partners who interact daily, while fewer than 10% are direct users. This shaped two clear personas: a Channel Partner (admin or order placer) and a general end-user.

Persona 1Persona 2

Pain Points

Too confusing menu, too many clicks and difficult to find my products.
Had to wait too long for customer support just to check product pricing and availability.
We should be able to select products and place order like Amazon.
Taking a lot of turn around time to receive a quote.
Insights

Key Insights

Improve product visibility and enable efficient navigation
Deliver user-specific, contextual product recommendations
Provide clear, real-time communication on system status
Streamline order, quote, and registration processes
Improve overall portal speed and performance
Feature opportunities identified through stakeholder interviews
Additional Insights
Architecture

Information Architecture

After extensive analysis and discussions, I developed a high-level user flow and a comprehensive Information Architecture that served as the planning reference for the entire design and development team.

High Level Flow

Simplified complex, data-heavy product listings and configurations by restructuring the information hierarchy, enabling users to quickly find and access the right products.

IA 1
IA 2
Wireframing

Wireframing

Post stakeholder sign-off, I initiated user interviews with the same rigour. First-cut wireframes were used in sessions to test alignment with users' mental models.

Wireframes

User sessions surfaced important nuances. Observing day-to-day workflows yielded invaluable qualitative data that drove further wireframe iteration.

Visual Design

Visual Design

Product Detail Page

Product descriptions redesigned to surface stock availability, pricing breakdowns, and estimated ship dates at a glance. Product image takes 50% width for maximum visual impact.

Product Detail Page

Checkout Page

Simplified a complex multi-page workflow into a streamlined 5-step guided experience

  • Created a clearer sense of progress throughout the journey
  • Reduced cognitive load with structured and focused interactions
  • Increased form completion rates through a more intuitive flow
Checkout Page

Order Management

Role specific dashboard for logged in users with clear status on their orders, quotes, equipment, service tickets and cases.

Order Management

Users can track individual items with different delivery dates. A "Repeat order" CTA was introduced to improve convenience and drive repeat purchases.

Order Status

Credit Card Payment

Previously disabled due to business constraints. After a targeted discussion with the Head of Product and weighing multiple factors, the feature was approved with financial limits — directly contributing to a measurable sales increase.

Credit Card Payment

Let's build something meaningful together.

Open to discussing new opportunities, design challenges, and collaborations.