Project Overview

Problem Statement

FUCHS distributors faced challenges with fragmented communication, limited access to real-time information, and inefficient ordering and support processes. These issues resulted in delays, operational inefficiencies, and decreased distributor satisfaction. The goal was to design a centralized portal to address these challenges, improve operational efficiency, and foster long-term distributor relationships.

Objective

Create a comprehensive, user-friendly portal to enhance the experience for distributors, streamline operations, and optimize distributor satisfaction while supporting FUCHS’ business objectives.
CATEGORY
Portal Design
MVP

MY ROLE
Lead UX Designer
UX Researcher

TOOLS
Figma
Miro
A website desktop mockup with a navigation bar, a table of products, and a call-to-action button.

Discovery and Research

The research and discovery phase focused on gaining a deep understanding of the needs and pain points of FUCHS distributors to ensure the portal addressed their most pressing challenges. This process involved identifying key functionalities required to optimize the distributor experience, such as streamlining workflows, improving access to critical information, and enhancing communication tools. Additionally, benchmarking against competitor and industry standards provided valuable insights into best practices and innovative features, ensuring the portal remained competitive while delivering a superior user experience tailored to the unique requirements of FUCHS distributors.

Methodology

Stakeholder Interviews
Engaged with internal teams (sales, customer support, logistics) and distributors to gather insights.

Workshops and Education
Organized a series of interactive workshops with FUCHS stakeholders to determine requirements.

Competitor Analysis

Evaluated similar portals to identify best practices and differentiation opportunities.

Journey Mapping

Mapped the distributor journey from order placement to delivery and support to pinpoint gaps.

Key
Findings
◇  Distributors desired a real-time order tracking system
◇ The lack of centralized product information led to inefficiencies
◇  Limited self-service options were increasing dependency on support staff
◇  Communication delays impacted the overall experience

Workshops and Education: Aligning Requirements with Customer Experience

To align the project’s objectives with user needs and organizational goals, we organized a series of interactive workshops with FUCHS stakeholders. These workshops served as a dual-purpose platform:

Requirement Determination
Engaged cross-functional teams, including sales, customer support, logistics, and IT, to identify pain points and prioritize features. Used techniques like affinity mapping to categorize and rank requirements based on user needs and business goals.

Customer Experience Education
As a UX consultant, I recognized an opportunity to introduce FUCHS stakeholders to the strategic importance of customer experience (CX) in driving distributor loyalty and operational efficiency. During the workshops, I:

Explained CX Fundamentals: Delivered concise, practical explanations about how a user-centered approach directly impacts distributor satisfaction and business outcomes.

Demonstrated CX ROI: Presented case studies and industry benchmarks showing how investments in UX/CX can lead to measurable results, such as faster task completion and higher engagement.

Involved Stakeholders in the Process: Used hands-on activities, like journey mapping and empathy mapping, to immerse participants in the distributor’s perspective.

Outcomes of the Workshops

The workshops helped crystallize essential portal features, such as real-time order tracking, centralized product information, and a support ticketing system. Stakeholders collectively agreed on a phased approach to prioritize high-impact features for the initial release.

Stakeholder Buy-In: By involving stakeholders in the design process, the workshops built enthusiasm and ownership of the project. Participants gained a deeper appreciation for how a focus on distributor experience aligns with FUCHS’ long-term growth strategy.

Knowledge Transfer: FUCHS leadership became better equipped to advocate for customer-centric practices in future initiatives. The workshops fostered a shared language around CX, ensuring continued alignment between teams.

These workshops were pivotal in not only shaping the FUCHS Distributor Portal’s requirements but also elevating the organization’s understanding of customer experience. By combining collaboration with education, we established a strong foundation for delivering a distributor-first solution that reflects both user needs and business goals.
A screenshot of a Miro board displaying ideas from the workshop.
This is some text inside of a div block.
Object-Oriented UX
To ensure a scalable and intuitive design, Object-Oriented UX (OOUX) principles were applied. This method allowed us to define the system's core objects, their properties, and their relationships, creating a modular and user-centered experience.




Object-Oriented UX (OOUX) Integration

Object Definition 
Orders: Representing past, current, and future transactions
Products: The lubricants and associated documentation
Support Tickets: Enabling quick resolution of distributor issues
Account Profiles: Distributor-specific information, preferences, and history

Object Mapping
◇ Defined attributes and metadata for each object
◇ Orders: Order number, status, delivery ETA, invoice link
◇ Products: Specifications, safety data sheets, compatibility, availability
◇ Support Tickets: Ticket ID, status, priority, resolution history
◇ Account Profiles: Contact information, order history, account manager details

Relationship Mapping
◇ Mapped relationships between objects to establish hierarchy and connectivity
◇ Orders link to specific products.Products link to documentation (e.g., datasheets)
◇ Support Tickets link to specific orders or products. Accounts serve as the central hub tying all objects together

Interaction Design
◇ Ensured users could interact with objects in meaningful ways:
◇ Track orders in real time
◇ Search and filter products by attributes like type or availability
◇ Submit and monitor support tickets tied to orders or products
◇ View personalized dashboards with key metrics
A Miro board displaying lost of multicolored post-its using Object Oriented UX.

Design
Goals

◇ Clarity: Provide users with clear, object-based navigation
Efficiency: Enable users to accomplish tasks quickly through logical object interactions
Scalability: Design the system to accommodate new object types or relationships as business needs evolve




The designs for the FUCHS Distributor Portal reflect the distinct experiences and requirements of its two key personas by tailoring interfaces and functionalities to their roles. For the internal FUCHS user, the portal emphasizes operational efficiency, featuring dashboards with detailed analytics, real-time inventory management tools, and integrated support systems that enhance decision-making and streamline workflows. Conversely, for the external distributor user, the design prioritizes simplicity and clarity, offering intuitive navigation, real-time order tracking, and personalized dashboards that present relevant information such as pricing and order history at a glance. These tailored experiences ensure both personas can achieve their goals effectively while maintaining a seamless, user-friendly interaction with the portal.

Design Process

Ideation & Wireframing
Collaborated with stakeholders to brainstorm potential features in a multi-day workshop. Created object-first wireframes to visualize workflows and object interaction

Prototyping
Developed interactive prototypes to test object-based navigation and relationships.

Usability Testing
Conducted multiple testing sessions with distributors. Collected feedback on object clarity, navigation, and discoverability.

Iteration
Refined designs based on feedback, ensuring intuitive interaction with core objects.


Interface
Feedback

Speed and Efficiency
Communication and Transparency
Issue Resolution
Data and Reporting



The feedback gathered during two rounds of stakeholder interviews was instrumental in refining the FUCHS Distributor Portal's interface and user experience. Stakeholders provided critical insights into usability, navigation, and functionality, helping to prioritize features that align with their operational needs and workflows. Feedback emphasized the importance of clear and consistent terminology, real-time communication tools, and actionable features like notifications and order tracking. Additionally, user suggestions for improvements, such as revised dropdown selections and enhanced search capabilities, were directly incorporated to streamline processes and reduce errors. This iterative approach ensured that the portal not only met user expectations but also delivered a seamless and efficient experience tailored to their roles.


A product page displaying a product image, price, description etc. and comments from users along the sides.

What Users Said

A selection of quotes from the users: "Our, our goal is to sell more product next year, [our company] more money and FUCHS makes more money." 

"We live in the Google world, right? I want, I want it now." 

"...you know there's other solutions out there that are currently being used that have been used for the last 20 years, it's kind of tough to know that you're not using those." 

"it can become much more seamless than it is today. But it seems like the [Distributor Portal] will solve all that, which is amazing." 

"I don't want to say it's embarrassing, but sometimes it takes days and days to get answers on some of these things when it should just be, I shouldn't have to get anybody else involved. It should just be a click done, moving on." 

"But it just encompasses so much time when it is all manual transactions that it, it becomes very cumbersome."

Solutions and Features Implemented

Object-Based Navigation: Intuitive menu structured around key objects (Orders, Products, Support, Account).
Dynamic Dashboards: Personalized dashboards displaying relevant object data (e.g., recent orders, active tickets).
Order Pages: Complete timeline, product list, and support links.
Product Pages: Comprehensive details, including documentation and real-time inventory.
Support Ticket Pages: Status updates and resolution history tied to relevant orders or products.
Contextual Object Relationships: Users can navigate seamlessly between related objects (e.g., jump from an order to a specific product or related ticket). Filters and search tools provide granular control over displayed objects.

Design Consistency and Brand Equity

Maintaining consistency with FUCHS’ established design system was a critical aspect of the portal’s development. Adhering to the company’s branding guidelines ensured a seamless integration of the portal into FUCHS’ broader digital ecosystem, reinforcing brand equity and fostering trust among distributors. Consistency in design—through the use of FUCHS’ color palette, typography, iconography, and tone of voice—not only created a cohesive user experience but also emphasized professionalism and reliability, values that are core to the FUCHS brand. By aligning the portal’s visual and interactive elements with the brand identity, we strengthened recognition and loyalty, while also enabling scalability for future digital initiatives.


A screenshot of the FUCHS design guidelines focusing on color.

Experience Map Deliverable

Alongside design work, the Experience Map for the FUCHS Distributor Portal is an additional deliverable, offering a  comprehensive tool designed to identify and address the core goals, tasks, and pain points of its key user personas, including Customer Service, Sales Operations, Accounting, and Sales Representatives. By focusing on the user journey across pre-order, order-to-cash, and post-order stages, the map highlights critical challenges like accurate documentation, efficient support management, and real-time communication. It prioritizes opportunities for improvement such as advanced analytics, tailored account management, and real-time tracking systems. This map serves as a strategic blueprint to enhance user satisfaction, streamline workflows, and foster stronger distributor relationships, ensuring a seamless and efficient experience for all stakeholders.


A detailed Experience Map for FUCHS.
This is some text inside of a div block.
Results

Improved Clarity: Distributors reported an improvement in their ability to find information and navigate tasks
Reduced Support Inquiries: Clear, object-based interactions lowered support team workload
Enhanced Efficiency: Task completion times decreased, thanks to logical object navigation
Scalability: The OOUX foundation facilitated easy addition of new features post-launch, when the time comes


Lessons Learned

The Power of Object Thinking: Focusing on objects allowed for a modular design that was intuitive and scalable.
User-Centered Iteration: Regular feedback loops with distributors ensured the design met real-world needs.
Cross-Functional Collaboration: Close collaboration between UX, the FUCHS team, and supplier stakeholders ensured smooth implementation of principles.
A grouping of mockups displaying different pages of the FUCHS Distributor Portal.

Retrospective

Reflecting on the FUCHS Distributor Portal project, it stands out as a testament to the power of collaboration, adaptability, and a user-centered approach. While the journey was not without its challenges — such as securing stakeholder buy-in and working within tight timelines — the team’s resilience and creativity ensured the project’s success.

The integration of Object-Oriented UX principles laid a robust foundation for a scalable, intuitive design, while workshops facilitated cross-functional alignment and deepened the organization’s commitment to customer experience. The project also served as an opportunity to instill a culture of CX excellence at FUCHS, equipping the company to tackle future digital transformation initiatives with confidence. This experience highlights the importance of a holistic approach to design that balances user needs, business goals, and brand integrity.
A product page mockup for the FUCHS Distributor Portal.
Have questions about this project? I'd love to chat about it.
CONTACT
An arrow pointing upwards.
© 2025   ✷   Arshia Khan