Motorplannung // B2B Data Management Tool

Overview

Motorplannung is a dynamic data analytics tool that helps user to filter & sort massive amounts of data of engine assembly lines across Germany. We partnered with an automotive client to transform how assembly planners, warehouse workers, and managers interact with their assembly line data. The existing tools were outdated with slow loading times, a cumbersome interface, and a limited flexibility for data modifications or independent data searches. These inefficiencies disrupted workflows and reduced productivity.​​​​​​​

The solution integrates human-centric design methods to achieve a dynamic solution that helps all the user groups.

Challenge

How might we transform this complex data experience into an intuitive, lightning-fast web solution—one that empowers planners to sort, filter & access data instantly?

Our client, an automotive leader, recognised a critical bottleneck in their assembly line planning process. Teams were burdened by an outdated system that forced them to navigate layers of complex filters, sifting through massive datasets just to access the insights they needed. Every query took upwards of 5+ minutes to load, slowing decision-making and hindering productivity.

Outcome

This 6-week project for a manufacturing client optimised their assembly planning tool, enabling faster data access and modification while massively reducing loading times.

Categories

SaaS

Client

Anonymous

Role

As the supporting researcher, I created interview guidelines and conducted user interviews along with the lead researcher.

As the lead designer, I owned the redesign of this planning tool - from restructuring complex workflows to building high-fidelity Figma prototypes using the client's design system. I expanded their component library, validated designs through usability testing, and collaborated closely with developers to ensure seamless implementation of the optimized interface.

Team

Me

Product Designer

Sabrina Beurer

CX Designer

Claire

Product Manager

Context

The client oversees major engine production lines across Germany, supported by assembly planners, warehouse workers, and others. They previously used three disparate legacy solutions to access, maintain, filter, and sort engine data tables. Due to this fragmented system, data processing was extremely slow and required optimisation.

Project Timeline

Approach

The team aligned on the approach during the project’s initial phase. This was Phase 1, as research uncovered hidden use cases that led to a planned Phase 2 (out-of-scope).

Immersion & Alignment

Week 1-2

We conducted collaborative workshops with key stakeholders to define project requirements and analyze the client’s technical infrastructure, ensuring alignment from the outset.

User Centric Research

Week 2-3

Through 1:1 qualitative interviews with target users, we gathered insights, mapped user journeys, and identified critical use cases to inform the design strategy.

Concept Design

Week 4-5

After synthesising research findings, we developed core screen designs and validated feasibility through iterative reviews with the development team, Product Owner, and Sub-PO.

DS-Compliant UI Handover

Week 5-6

We finalised high-fidelity Figma prototypes adhering to the client’s design system, followed by share-out sessions with users and leadership for feedback and approval.

Discovery

User Interviews

Following the client kickoff and initial tool assessment, we identified critical gaps in understanding user workflows for data management. To address this, we:


01 Developed a structured interview guide with open-ended questions to probe detailed user processes

02 Conducted sessions with three diverse users to capture varied perspectives and pain points

03. Synthesised findings to reveal core patterns in daily workflows and tool interactions


Additionally, the interviews helped us identify key users, map user flows, explore multiple use cases in depth, and uncover out-of-scope (OOS) opportunities for future business development.

Key Users

Through the four interviews conducted, we were able to identify all the key users involved to process a request. These roles were co-depended on each other in the user journey


👨‍💼

Assembly Planner

  • Baugruppenplaner

  • Plans & Co-ordinates the life cycle of an engine

  • monitor's construction of engine parts

  • Communicates with Requesters, Werk 0, project manager & Logistics

🧑‍🏭

Requester

  • Verwender

  • Needs engine(s) or parts) of it for testing, upgrading, prototyping engines and vehicles

  • Requests status updates from the A

👩‍🔧

Werk null (0)

  • Builds prototypes (engine(s) and part(s) of it) for electrical vehicles

  • Tracking construction status relevant to engine part

🧑‍💻

Administrator

  • Verwender

  • Needs engine(s) or parts) of it for testing, upgrading, prototyping engines and vehicles

  • Requests status updates

User Journey

Through four interviews, we mapped key users’ end-to-end journeys, pinpointing critical touchpoints and pain points. This research prioritised design improvements.

Key User Flow

We identified numerous use cases, focusing on the most frequent/impactful to create foundational user flows. This ensured the solution addressed core needs while accommodating edge cases.

Pain points

These interviews yielded valuable insights into their daily routines and unique interactions with the tools, enabling us to synthesise the findings and align our solution with their needs.

Key users face operational inefficiencies when fulfilling data requests - beginning in Tool 1 to receive engine information requests, they must switch to Tool 2 to execute complex sorting/filtering operations, then endure 2-3 minute load times due to the massive dataset volume. This disjointed, time-consuming process between two visually inconsistent systems creates unnecessary friction in daily workflows.

Data loading period 2-3 minutes

🫨

Overly complex filtering/sorting

🤼‍♂️

Clashing visual language

Iterations

To optimize performance, we redesigned the data loading process by implementing upfront filtering and sorting to minimize delays. Our team evaluated solutions like pagination (to reduce initial load times) and master-detail patterns (to simplify data navigation). After refining these concepts within the user flow, I translated them into Figma wireframes and presented the optimized workflow to client leadership for review and approval. This approach balanced system capabilities with user needs while maintaining data integrity.

Solution

  • The system overhaul dramatically improved performance by implementing intelligent data-loading techniques like pre-filtering, loading only essential pre-filtered datasets instead of loading the whole data set before and then filtering it afterwards.

  • By unifying three previously disconnected platforms into a single solution, we streamlined workflows and removed redundant steps.

  • The introduction of customisable filters empowered users to execute common tasks with significantly fewer clicks, while strict adherence to the client’s design system ensured seamless brand integration.

    The result is a cohesive, efficient solution that balances speed, flexibility, and user-centric design.

Learnings

This project successfully transformed the client's assembly planning tools into a more efficient, flexible, and user-friendly solution. The team worked closely to understand the client’s specific abbreviations, ensuring accurate button labels, which was a fun and insightful part of the process. The aesthetics of the final solution were carefully crafted to align with the existing design language of the client’s SaaS platform.

During the project timeline, we identified several out-of-scope areas that did not align with the current deadline or requirements, particularly when considering edge-case scenarios. In hindsight, presenting these out-of-scope items earlier—during the initial client buy-in phase—would have been beneficial. However, this situation ultimately created a business development opportunity for the team and revealed a potential future direction for the client.


"We are glad to have received a vast amount of input regarding the unexplored use cases." - Sub PO

The feedback we received confirmed the success of the project. As the client noted in the first Buy-In, The solution was well-received, and the client is already looking forward to Phase II to implement the out of scope areas, further solidifying the positive impact of our work.

Motorplannung // B2B Data Management Tool

Overview

Motorplannung is a dynamic data analytics tool that helps user to filter & sort massive amounts of data of engine assembly lines across Germany. We partnered with an automotive client to transform how assembly planners, warehouse workers, and managers interact with their assembly line data. The existing tools were outdated with slow loading times, a cumbersome interface, and a limited flexibility for data modifications or independent data searches. These inefficiencies disrupted workflows and reduced productivity.​​​​​​​

The solution integrates human-centric design methods to achieve a dynamic solution that helps all the user groups.

Challenge

How might we transform this complex data experience into an intuitive, lightning-fast web solution—one that empowers planners to sort, filter & access data instantly?

Our client, an automotive leader, recognised a critical bottleneck in their assembly line planning process. Teams were burdened by an outdated system that forced them to navigate layers of complex filters, sifting through massive datasets just to access the insights they needed. Every query took upwards of 5+ minutes to load, slowing decision-making and hindering productivity.

Outcome

This 6-week project for a manufacturing client optimised their assembly planning tool, enabling faster data access and modification while massively reducing loading times.

Categories

SaaS

Client

Anonymous

Role

As the supporting researcher, I created interview guidelines and conducted user interviews along with the lead researcher.

As the lead designer, I owned the redesign of this planning tool - from restructuring complex workflows to building high-fidelity Figma prototypes using the client's design system. I expanded their component library, validated designs through usability testing, and collaborated closely with developers to ensure seamless implementation of the optimized interface.

Team

Me

Product Designer

Sabrina Beurer

CX Designer

Claire

Product Manager

Context

The client oversees major engine production lines across Germany, supported by assembly planners, warehouse workers, and others. They previously used three disparate legacy solutions to access, maintain, filter, and sort engine data tables. Due to this fragmented system, data processing was extremely slow and required optimisation.

Project Timeline

Approach

The team aligned on the approach during the project’s initial phase. This was Phase 1, as research uncovered hidden use cases that led to a planned Phase 2 (out-of-scope).

Immersion & Alignment

Week 1-2

We conducted collaborative workshops with key stakeholders to define project requirements and analyze the client’s technical infrastructure, ensuring alignment from the outset.

User Centric Research

Week 2-3

Through 1:1 qualitative interviews with target users, we gathered insights, mapped user journeys, and identified critical use cases to inform the design strategy.

Concept Design

Week 4-5

After synthesising research findings, we developed core screen designs and validated feasibility through iterative reviews with the development team, Product Owner, and Sub-PO.

DS-Compliant UI Handover

Week 5-6

We finalised high-fidelity Figma prototypes adhering to the client’s design system, followed by share-out sessions with users and leadership for feedback and approval.

Discovery

User Interviews

Following the client kickoff and initial tool assessment, we identified critical gaps in understanding user workflows for data management. To address this, we:


01 Developed a structured interview guide with open-ended questions to probe detailed user processes

02 Conducted sessions with three diverse users to capture varied perspectives and pain points

03. Synthesised findings to reveal core patterns in daily workflows and tool interactions


Additionally, the interviews helped us identify key users, map user flows, explore multiple use cases in depth, and uncover out-of-scope (OOS) opportunities for future business development.

Key Users

Through the four interviews conducted, we were able to identify all the key users involved to process a request. These roles were co-depended on each other in the user journey


👨‍💼

Assembly Planner

  • Baugruppenplaner

  • Plans & Co-ordinates the life cycle of an engine

  • monitor's construction of engine parts

  • Communicates with Requesters, Werk 0, project manager & Logistics

🧑‍🏭

Requester

  • Verwender

  • Needs engine(s) or parts) of it for testing, upgrading, prototyping engines and vehicles

  • Requests status updates from the A

👩‍🔧

Werk null (0)

  • Builds prototypes (engine(s) and part(s) of it) for electrical vehicles

  • Tracking construction status relevant to engine part

🧑‍💻

Administrator

  • Verwender

  • Needs engine(s) or parts) of it for testing, upgrading, prototyping engines and vehicles

  • Requests status updates

User Journey

Through four interviews, we mapped key users’ end-to-end journeys, pinpointing critical touchpoints and pain points. This research prioritised design improvements.

Key User Flow

We identified numerous use cases, focusing on the most frequent/impactful to create foundational user flows. This ensured the solution addressed core needs while accommodating edge cases.

Pain points

These interviews yielded valuable insights into their daily routines and unique interactions with the tools, enabling us to synthesise the findings and align our solution with their needs.

Key users face operational inefficiencies when fulfilling data requests - beginning in Tool 1 to receive engine information requests, they must switch to Tool 2 to execute complex sorting/filtering operations, then endure 2-3 minute load times due to the massive dataset volume. This disjointed, time-consuming process between two visually inconsistent systems creates unnecessary friction in daily workflows.

Data loading period 2-3 minutes

🫨

Overly complex filtering/sorting

🤼‍♂️

Clashing visual language

Iterations

To optimize performance, we redesigned the data loading process by implementing upfront filtering and sorting to minimize delays. Our team evaluated solutions like pagination (to reduce initial load times) and master-detail patterns (to simplify data navigation). After refining these concepts within the user flow, I translated them into Figma wireframes and presented the optimized workflow to client leadership for review and approval. This approach balanced system capabilities with user needs while maintaining data integrity.

Solution

  • The system overhaul dramatically improved performance by implementing intelligent data-loading techniques like pre-filtering, loading only essential pre-filtered datasets instead of loading the whole data set before and then filtering it afterwards.

  • By unifying three previously disconnected platforms into a single solution, we streamlined workflows and removed redundant steps.

  • The introduction of customisable filters empowered users to execute common tasks with significantly fewer clicks, while strict adherence to the client’s design system ensured seamless brand integration.

    The result is a cohesive, efficient solution that balances speed, flexibility, and user-centric design.

Learnings

This project successfully transformed the client's assembly planning tools into a more efficient, flexible, and user-friendly solution. The team worked closely to understand the client’s specific abbreviations, ensuring accurate button labels, which was a fun and insightful part of the process. The aesthetics of the final solution were carefully crafted to align with the existing design language of the client’s SaaS platform.

During the project timeline, we identified several out-of-scope areas that did not align with the current deadline or requirements, particularly when considering edge-case scenarios. In hindsight, presenting these out-of-scope items earlier—during the initial client buy-in phase—would have been beneficial. However, this situation ultimately created a business development opportunity for the team and revealed a potential future direction for the client.


"We are glad to have received a vast amount of input regarding the unexplored use cases." - Sub PO

The feedback we received confirmed the success of the project. As the client noted in the first Buy-In, The solution was well-received, and the client is already looking forward to Phase II to implement the out of scope areas, further solidifying the positive impact of our work.

Motorplannung // B2B Data Management Tool

Overview

Motorplannung is a dynamic data analytics tool that helps user to filter & sort massive amounts of data of engine assembly lines across Germany. We partnered with an automotive client to transform how assembly planners, warehouse workers, and managers interact with their assembly line data. The existing tools were outdated with slow loading times, a cumbersome interface, and a limited flexibility for data modifications or independent data searches. These inefficiencies disrupted workflows and reduced productivity.​​​​​​​

The solution integrates human-centric design methods to achieve a dynamic solution that helps all the user groups.

Challenge

How might we transform this complex data experience into an intuitive, lightning-fast web solution—one that empowers planners to sort, filter & access data instantly?

Our client, an automotive leader, recognised a critical bottleneck in their assembly line planning process. Teams were burdened by an outdated system that forced them to navigate layers of complex filters, sifting through massive datasets just to access the insights they needed. Every query took upwards of 5+ minutes to load, slowing decision-making and hindering productivity.

Outcome

This 6-week project for a manufacturing client optimised their assembly planning tool, enabling faster data access and modification while massively reducing loading times.

Categories

SaaS

Client

Anonymous

Role

As the supporting researcher, I created interview guidelines and conducted user interviews along with the lead researcher.

As the lead designer, I owned the redesign of this planning tool - from restructuring complex workflows to building high-fidelity Figma prototypes using the client's design system. I expanded their component library, validated designs through usability testing, and collaborated closely with developers to ensure seamless implementation of the optimized interface.

Team

Me

Product Designer

Sabrina Beurer

CX Designer

Claire

Product Manager

Context

The client oversees major engine production lines across Germany, supported by assembly planners, warehouse workers, and others. They previously used three disparate legacy solutions to access, maintain, filter, and sort engine data tables. Due to this fragmented system, data processing was extremely slow and required optimisation.

Project Timeline

Approach

The team aligned on the approach during the project’s initial phase. This was Phase 1, as research uncovered hidden use cases that led to a planned Phase 2 (out-of-scope).

Immersion & Alignment

Week 1-2

We conducted collaborative workshops with key stakeholders to define project requirements and analyze the client’s technical infrastructure, ensuring alignment from the outset.

User Centric Research

Week 2-3

Through 1:1 qualitative interviews with target users, we gathered insights, mapped user journeys, and identified critical use cases to inform the design strategy.

Concept Design

Week 4-5

After synthesising research findings, we developed core screen designs and validated feasibility through iterative reviews with the development team, Product Owner, and Sub-PO.

DS-Compliant UI Handover

Week 5-6

We finalised high-fidelity Figma prototypes adhering to the client’s design system, followed by share-out sessions with users and leadership for feedback and approval.

Discovery

User Interviews

Following the client kickoff and initial tool assessment, we identified critical gaps in understanding user workflows for data management. To address this, we:


01 Developed a structured interview guide with open-ended questions to probe detailed user processes

02 Conducted sessions with three diverse users to capture varied perspectives and pain points

03. Synthesised findings to reveal core patterns in daily workflows and tool interactions


Additionally, the interviews helped us identify key users, map user flows, explore multiple use cases in depth, and uncover out-of-scope (OOS) opportunities for future business development.

Key Users

Through the four interviews conducted, we were able to identify all the key users involved to process a request. These roles were co-depended on each other in the user journey


👨‍💼

Assembly Planner

  • Baugruppenplaner

  • Plans & Co-ordinates the life cycle of an engine

  • monitor's construction of engine parts

  • Communicates with Requesters, Werk 0, project manager & Logistics

🧑‍🏭

Requester

  • Verwender

  • Needs engine(s) or parts) of it for testing, upgrading, prototyping engines and vehicles

  • Requests status updates from the A

👩‍🔧

Werk null (0)

  • Builds prototypes (engine(s) and part(s) of it) for electrical vehicles

  • Tracking construction status relevant to engine part

🧑‍💻

Administrator

  • Verwender

  • Needs engine(s) or parts) of it for testing, upgrading, prototyping engines and vehicles

  • Requests status updates

User Journey

Through four interviews, we mapped key users’ end-to-end journeys, pinpointing critical touchpoints and pain points. This research prioritised design improvements.

Key User Flow

We identified numerous use cases, focusing on the most frequent/impactful to create foundational user flows. This ensured the solution addressed core needs while accommodating edge cases.

Pain points

These interviews yielded valuable insights into their daily routines and unique interactions with the tools, enabling us to synthesise the findings and align our solution with their needs.

Key users face operational inefficiencies when fulfilling data requests - beginning in Tool 1 to receive engine information requests, they must switch to Tool 2 to execute complex sorting/filtering operations, then endure 2-3 minute load times due to the massive dataset volume. This disjointed, time-consuming process between two visually inconsistent systems creates unnecessary friction in daily workflows.

Data loading period 2-3 minutes

🫨

Overly complex filtering/sorting

🤼‍♂️

Clashing visual language

Iterations

To optimize performance, we redesigned the data loading process by implementing upfront filtering and sorting to minimize delays. Our team evaluated solutions like pagination (to reduce initial load times) and master-detail patterns (to simplify data navigation). After refining these concepts within the user flow, I translated them into Figma wireframes and presented the optimized workflow to client leadership for review and approval. This approach balanced system capabilities with user needs while maintaining data integrity.

Solution

  • The system overhaul dramatically improved performance by implementing intelligent data-loading techniques like pre-filtering, loading only essential pre-filtered datasets instead of loading the whole data set before and then filtering it afterwards.

  • By unifying three previously disconnected platforms into a single solution, we streamlined workflows and removed redundant steps.

  • The introduction of customisable filters empowered users to execute common tasks with significantly fewer clicks, while strict adherence to the client’s design system ensured seamless brand integration.

    The result is a cohesive, efficient solution that balances speed, flexibility, and user-centric design.

Learnings

This project successfully transformed the client's assembly planning tools into a more efficient, flexible, and user-friendly solution. The team worked closely to understand the client’s specific abbreviations, ensuring accurate button labels, which was a fun and insightful part of the process. The aesthetics of the final solution were carefully crafted to align with the existing design language of the client’s SaaS platform.

During the project timeline, we identified several out-of-scope areas that did not align with the current deadline or requirements, particularly when considering edge-case scenarios. In hindsight, presenting these out-of-scope items earlier—during the initial client buy-in phase—would have been beneficial. However, this situation ultimately created a business development opportunity for the team and revealed a potential future direction for the client.


"We are glad to have received a vast amount of input regarding the unexplored use cases." - Sub PO

The feedback we received confirmed the success of the project. As the client noted in the first Buy-In, The solution was well-received, and the client is already looking forward to Phase II to implement the out of scope areas, further solidifying the positive impact of our work.

List&Go // Smart Grocery Experience

App Design

App Design

Speculative Design

Speculative Design

Linguidoor // B2B Localisation Website

Web Design

Web Design

UX Audit

UX Audit

B2B

B2B