-
UI/UX
HABA – B2B & B2C E-Commerce Relaunch
In 2022, the HABA Familygroup commissioned Medienwerft GmbH to support the final stages of migrating their e-commerce platforms HABA Pro (B2B), HABA Play (B2C), and JAKO-O (B2C) to SAP E-Commerce. As part of the design team, our task was to design all remaining components and provide them to the development team with clear documentation.
To achieve this, we built three separate Atomic Design systems in Figma. In the first step, we defined all atoms and molecules, which formed the basis for all further components (organisms). Subsequently, we developed the missing components based on these foundations.
-
-
-
-
-
-
-
Due to our efficient and high-quality work, the three e-commerce platforms were able to go live as scheduled. Medienwerft GmbH was subsequently commissioned to provide ongoing support to the client and to continuously optimize the various e-commerce platforms, both technically and in terms of UX and UI.
For this purpose, we built upon the existing elements of the Atomic Design systems and expanded them step-by-step with additional components. By analyzing user data and user journeys via Contentsquare, we continuously optimized existing components, individual pages, and the various checkout processes. This allowed us to sustainably improve the user experience and implement identified optimization opportunities within the checkout flows.
What we achieved
Through the combination of strategic UI/UX design, a Figma-based Atomic Design system, and the targeted evaluation of real user data alongside the analysis of user journeys with Contentsquare, we succeeded in efficiently optimizing the HABA Familygroup's e-commerce platforms. The resulting iterations supported further improvements and laid the foundation for a long-term collaboration.