line-detail-hero-ux
Almo-Pro-AV-Logo

Transforming a Legacy B2B Portal Into a Modern Ecommerce Experience

line-detail-hero-ux
access

Project Overview

Background

Almo Corporation is one of the largest independent distributors of appliances, consumer electronics, and Pro AV equipment in the U.S. Their Pro AV reseller portal, Access, is a critical platform used daily by integrators, and reseller partners to browse products, build quotes, and manage purchasing workflows.

The challenge was clear from the beginning: the existing portal felt outdated, difficult to navigate, and disconnected from the fast paced workflows of its users. Important resources were buried, navigation lacked structure, and many modern ecommerce features users expected simply did not exist.

Role

  • Information Architecture
  • User Experience (UX) Designer
  • User Interface (UI) Designer

Duration

8 Weeks

 My responsibilities included:

  • Building the sitemap and navigation structure
  • Organizing content and workflows into scalable categories
  • Designing wireframes, flows and interface components
  • Creating the visual direction for the redesigned experience

 

I partnered closely with the Head of UX throughout the project. While the Head of UX led user research and early feature prioritization, my primary focus was to work on the sitemap restructuring, navigation strategy, feature organization, UI design, and wireframes and interface concepts.

Problem

The Challenge

The original Access platform looked and behaved like a website from the 90s: fragmented navigation, unorganized information, and outdated UI patterns. As more tools and resources were added over time, the platform became increasingly difficult to navigate. These issues created friction in common workflows, forcing users to rely heavily on customer support. The portal contained years of legacy content, disconnected workflows, and inconsistent page structures. Users struggled with:

  • Confusing navigation and inconsistent layouts
  • Limited product filtering
  • Poor discoverability of support resources
  • No personalization functionality
  • Inefficient quote building workflows
  • Heavy dependency on support teams for common tasks

Balancing modernization with familiarity.

The challenge was not just modernizing the UI. It was reorganizing a complex B2B ecosystem without disrupting the workflows users already depended on. Because Access was a long standing platform used daily by existing reseller partners, it was important to improve usability without completely disrupting familiar workflows. The challenge was finding the balance between introducing modern UX patterns while maintaining enough consistency for long time users to adapt comfortably.

 

sub-sub-sub-menu-with-footer
eACCESS-Prod

Access Portal felt stuck in the 90s.

Key Business Implications

The outdated Access portal created friction at every stage of the reseller journey. Users struggled to find products, access resources, and complete purchasing tasks efficiently due to confusing navigation and limited self service functionality. This poor experience impacted both usability and business performance, reducing product discoverability, increasing support dependency, and creating missed revenue opportunities.

Solution

My goal was to create a platform that felt organized, efficient, and built for how resellers actually work. The redesign focused on:

  • Simplifying navigation and reducing cognitive load
  • Creating a scalable information architecture
  • Supporting complex B2B purchasing workflows
  • Improving discoverability across products and resources
  • Building a cleaner and more trustworthy interface

The goal was not simply to redesign the UI. It was to transform Access into a platform users could rely on every day.

Information Architecture

Creating structure from complexity.
One of the biggest opportunities was reorganizing the platform around how users naturally think and work. I restructured the sitemap and navigation into five core categories:

  • Products
  • Quotes, Orders & Invoices
  • Resources & Support
  • Brands & Solutions
  • Account Tools

This helped reduce cognitive overload and created clearer pathways throughout the portal.

Key Improvements

  • Simplified navigation hierarchy
  • Reorganized support documentation
  • Improved content grouping and categorization
  • Created more predictable user pathways
  • Reduced information overload across major pages

Interaction Design

Designing smoother workflows for busy B2B users.

The redesign introduced several new features designed to support real reseller workflows and reduce friction during key tasks. New functionality included:

  • Saved carts
  • Add product to quote
  • Best sellers section
  • Back-in-stock notifications
  • Improved product filters
  • Biddable product indicators

  • Dedicated resource hub
  • Live chat support
  • Personalized recommendations 

Saved carts were introduced because reseller purchasing decisions often happen across multiple sessions and may require approvals before checkout. Improved filters helped users navigate large product catalogs more quickly, while live chat provided faster access to support without interrupting workflows.

Visual Design

Modernizing the experience while building trust.
Visually, the original platform felt dense and outdated. The redesign focused on creating a cleaner and more professional interface that better reflected Almo’s scale and expertise. I introduced:

  • Cleaner layouts and spacing
  • More scannable content blocks
  • Stronger typography hierarchy
  • Consistent UI components
  • Clear calls-to-action
  • Better visual organization across pages

The updated UI helped simplify complex information while making the platform feel more modern, approachable, and trustworthy.

Homepage Logged In (PRO AV)2
My Account copy
Checkout copy
Cart copy
Product Details copy
Products copy
Saved Carts copy
Quotes copy
Sales Rep – My Customers copy

Key Improvements

PROBLEM

Confusing navigation

Difficult product discovery

Fragmented support experience

Limited purchasing workflows

Poor visibility of important products

Lack of inventory awareness

SOLUTION

Reorganized information architecture

Improved filters and recommendations

Centralized resource hub + live chat

Add to Quote + Saved Carts

Best sellers + personalized sections

Back in stock notifications

Impact

Designing for measurable improvements.
Although I left the company before usability testing was completed, the redesign was built around clear user and business goals. Success metrics would likely include:

  • Faster product discovery
  • Increased quote creation
  • Higher engagement with self serve tools
  • Reduced support dependency
  • Improved navigation efficiency
  • Increased repeat usage through saved carts and notifications

The redesign positioned Access to become a more scalable and user friendly platform that better supports reseller productivity.

Key Takeaways

Designing enterprise systems requires both strategy and restraint. This project reinforced how critical information architecture is within complex B2B ecosystems. It also highlighted the importance of balancing user expectations, business goals, and legacy system constraints.

If I had continued on the project, my next steps would include:

  • Moderated usability testing
  • Measuring task completion improvements
  • Iterating based on user feedback
  • Onboarding flows for new features

Final Thoughts

This redesign transformed Access from a fragmented legacy portal into a more structured, intuitive, and modern ecommerce experience for reseller partners.

By improving the information architecture, streamlining workflows, and introducing more user centered functionality, the redesign laid the foundation for a more scalable platform designed around how B2B users actually work.

Address: 1014 W. 36th Street, Suite 621, Baltimore, MD 21211
Phone: +1 240 883 2123
Email: carolina@maydigitaldesign.com

© May Digital Design 2026

View