Retail inMotion Back Office Platform

↓ Complexity

Simplified a fragmented legacy back office experience

↑ Consistency

Introduced reusable patterns across modules and teams

↑ Efficiency

Reduced manual input and improved operational workflows

↑ Scalability

Built a stronger foundation for future platform growth


I was one of the Product Designers involved in the research, development of the design system, and redesign of the Onboard Retail Management Platform.

The platform supported the full onboard retail sales lifecycle, from product development and supply chain to sales development and reporting. My role focused on UX strategy and roadmap definition, while helping transform a complex legacy back office into a more usable, consistent, and scalable experience.

Working closely with developers and stakeholders, I helped shape a shared design language that could support both the redesign of individual modules and the long-term evolution of the wider platform.

Process

01 Research

Stakeholder interviews, UI audit, heuristic evaluation

02 Define

Lean Canvas, personas, empathy mapping

03 Prioritise

Component workshops, module planning, roadmap thinking

04 Design

Reusable patterns, cleaner workflows, better hierarchy

05 Align

Close collaboration with developers and stakeholders

06 Evolve

Feed new learnings back into the design system

What changed

  • One source of truth - a stronger shared design system for designers and developers
  • Reduced friction - simpler workflows across complex back office modules
  • Cleaner hierarchy - less clutter, better usability, faster decisions
  • More reusable patterns - scalable components that supported future redesign work
  • Better collaboration - design and engineering aligned around clearer documentation

“Designing for operational systems means turning complexity into clarity without losing the depth the product needs.”

This project was not just about visual cleanup. It was about improving how teams worked with a complex operational platform that had grown over many years.

It was an opportunity to redesign modules, strengthen the design system, and create a clearer foundation for future product development.


SUMMARY

I worked on the redesign of the Onboard Retail Management Platform, a back office system used to manage the entire onboard retail sales lifecycle. The software had been evolving for over 10 years within a monolithic architecture, which led to usability issues, inconsistencies, and duplicated patterns across modules. As part of the Product Design team, I contributed to research, UX strategy, roadmap planning, and the development of a shared design system to support a more scalable product experience.

CHALLENGES

The main challenge was redesigning parts of a mature and highly complex system without disrupting the operational needs of the business. At the same time, the team was supporting a broader transformation toward microservices, which created an opportunity to rethink patterns, reduce inconsistencies, and make the platform simpler and more maintainable.

Project Goals
  • Create one source of truth Build shared documentation for designers and developers.
  • Reduce costs and time Increase efficiency through reusable components and patterns.
  • Reduce manual input Simplify workflows for retail managers and operational teams.
  • Improve usability Create a clearer, more accessible, clutter-free experience.
  • Support scalability Enable future modules to grow from a stronger design foundation.
  • Increase consistency Align patterns, components, and interactions across the platform.
  • Improve collaboration Help design and engineering work from shared system logic.
  • Strengthen UX strategy Use research insights to guide decisions and priorities.

Research Methods
  • Stakeholder interviews With developers and business stakeholders.
  • Component prioritisation workshop To identify the most valuable reusable system elements.
  • UI audit To review overlaps, inconsistencies, and legacy patterns.
  • Heuristic evaluation To identify usability issues across the platform.
  • Lean Canvas To frame product problems, value, and opportunities.
  • Persona workshop To define key user types and guide design decisions.
  • Empathy mapping To understand user behaviour, needs, and emotional context.
  • Benchmark research On design system documentation and version control tools.

Define step, Stakeholders interviews, affinity map Interviews Miro View, affinity mpas

CASE STUDY


This case study shows how design system thinking and UX strategy helped reshape a complex operational platform into a more coherent and scalable product experience.

The existing Back Office Platform had grown over more than a decade, and with every new feature it became harder to use and harder to maintain. Patterns overlapped, documentation was fragmented, and the product lacked a shared source of truth for both designers and developers.

Before moving into solutions, we focused on understanding the real structure of the problem. Through stakeholder interviews, UI audits, workshops, and heuristic evaluation, we identified usability issues, duplicated components, and broader process gaps across the platform.

A key part of the work was not only redesigning separate modules, but also using those redesign opportunities to feed the design system. This allowed each product improvement to contribute to a more scalable and consistent foundation for future work.



Quick Flow draft


The Aileron design system had originally been developed through a developer-driven model using Semantic UI and documented in Docz. While that gave the team a starting point, it did not provide a shared workspace for both designers and developers, and many parts of the system were difficult to reuse consistently across product work.

After gathering and grouping research insights, we explored tooling that could better support collaboration, documentation, and version control. This led to a stronger approach for evolving the design system and making it more accessible across teams.

As we redesigned individual modules, we also recreated and documented the most valuable assets, helping the system become more practical, more aligned, and more useful in day-to-day design and development work.




This project showed how redesigning a complex platform is not only about improving screens, but about improving the system behind them.


    • Systems need shared language: Without a common source of truth, even good components become hard to scale and maintain.

    • Legacy products need structure: When software evolves over many years, design has to bring order back through consistency, hierarchy, and clearer workflows.

    • Research creates alignment: Interviews, audits, and workshops helped connect business needs, user expectations, and technical realities.

    • Redesign can feed the system: Every module redesign became an opportunity to strengthen the design system rather than create one-off solutions.

    • Good UX reduces effort: Simplifying interactions and reducing manual input made the platform more efficient and easier to use.

    • Cross-team collaboration matters: The best outcomes came from designers and developers building a shared understanding of the product together.

Quick Flow draft

If you like what you see and want to chat please contact me!

Email Me