Taking smarter decisions for improving functionality
ToolsGroup helps retailers, distributors, and manufacturers improve the resilience and performance of their operations with a unique probabilistic planning approach that leverages AI and real-time data from across the enterprise for decision making at the speed of business.

This project aims to design a new Unified Experience Layer (UEL)to provide users with a seamless and simplified experience that helps them achieve their goals more quickly and efficiently.

To improve the user experience and provide additional value to ToolsGroup, the Design Studio team undertook the task of doing all the research and discovery work to thoroughly work on the consolidation of the client's Design System and the UEL (Unified Experience Layer)
Hi-fi wireframes
For both the UEL (unified experience layer) and the design system, high-fidelity wireframes were designed to ensure the best visualization and user experience, taking into account that they are the entry point for users to collaborate and analyze demand, forecasts and promotions.

How it began

ToolsGroup needed a tool that would display information regarding product functionality, training materials and internal product features. S&OP, DCH and PromoPlanning have inconsistent design and interactions. A more innovative forecast was required with the ability to view past, present and forecast on the same graph without separate tabs.


Following the UX research, which involved the Design Strategy and Discovery phases, it was concluded to design a new Unified Experience Layer (UEL) to provide users with a seamless and simplified experience to help them achieve their goals faster and more efficiently.

UEL, a new product with a unique design for login, dashboard and configuration and S&OP, DCH and PromoPlanning functions with a new user interface based on Angular Material.

In addition, Design System (DS) was also designed, which is a new solution with components designed and developed based on the framework to handle everything consistently.


New Login page with possibility to login with login and password.
Also, it possible to login with a corporate account and etc.

New onboarding widget with step-by-step explanations.

New communication tool like in S&OP, with messages, chat groupe, contacts search and Microsoft Teams integration.
Design System
A Design System was developed to serve as a centralized library of meticulously designed and developed components. This system promotes consistency across applications, facilitates rapid design and development, and adheres to Material Design guidelines. Key elements of the Design System included:

• Reusable templates for both desktop and mobile applications.

• Components for icons, menus, dashboards, and other UI elements.

• Sharing capabilities with multiple teams and independent artists.


We have identified a few user problems as metrics for early concepts, general strategy, and general design decisions to provide a better solution for MVP.

After each design iteration, the next step is usability testing to compare efficiency, effectiveness, and satisfaction level comparison metrics to see the level of improvements in a data-driven way.