INDITEX NOA FRAMEWORK

The framework worthy of a giant's management — A new design system for creating any digital product within Inditex warehouses, encompassing all existing lines of work and available platforms.

Client

Inditex

Year

2019 - 2020

Role

System & Product Designer

What I did

Discovery, system and product design, dev support

Facing a collection of outdated, poorly designed and undocumented digital applications, where each change or improvement turns into a nightmare, is a scenario that would unsettle anyone. Unless you earn the client's trust and approach the situation with a solid foundation, initiating a fresh start that guarantees a better future.

The NOA Design System is the outcome of this trust — a novel, comprehensive design system for crafting digital products within Inditex warehouses. It spans across all existing lines of work on desktop, mobile, and touch platforms.

The collection of Figma libraries facilitates collaborative and efficient design; its implementation in React caters to new applications, and integration with JavaFX ensures compatibility with legacy applications. Detailed documentation in Storybook ensures a clear understanding and swift access to all available components, establishing a source of truth for the entire team, both present and future, as well as for any service provider.

This, coupled with the definition of new internal and external work processes and close collaboration with the development team, guarantees a heightened level of quality and a professional, cohesive user experience.

Several of the improvements introduced by the NOA Design System in terms of work methodology and deliverable quality, covering all the operational areas within the warehouses.

NOA Foundation — Establishing scalable design styles and tokens for all platforms and needs, providing visual resources and offering design tools and documentation to build a solid creative base.

NOA Web — Crafting components, modules, and usage patterns for seamless desktop solutions, ensuring an harmonious and inspiring user experience.

Comprehensive platform redesign — Whether through manual interaction or personalized code, anticipate user-centric presentation transitions and module loading. Introducing essential new modules for warehouse data management, including data tables and multi-level navigations, to elevate the overall user experience.

GND — Unveiling a module designed for configuring interventions in warehouse and distribution center servers. This module offers a meticulously scheduled and guided process, allowing you to choose modules to deploy, engage participants and access supporting technical documentation in a streamlined and empowering workflow.

IMMS — Orchestrating various aspects of warehouse operations, from seamlessly browsing and editing all available spare parts to strategically placing purchase orders for restocking. Additionally, efficiently planning staff shifts across various display options to optimize overall efficiency and functionality.

NOA Mobile — Tailored versions of components for seamless integration with mobile devices, accompanied by exclusive usage patterns designed specifically for mobile terminals and PDAs. Elevate the mobile experience with optimized designs and exclusive functionalities.

Designing mobile system patterns, enabling seamless entry into mobile systems with initial configurations and advanced management of goods scanning in various formats, or transforming a PDA into an ever-active scanner that provides immediate information on the ongoing task, enhancing efficiency and responsiveness.

SGA Launcher, a mobile app designed to streamline access and configuration of modules, providing comprehensive control over the warehouse and all its areas. Empowering users with a user-friendly and efficient solution for managing and monitoring the status of the entire facility on-the-go.

NOA Touch — Components and modules meticulously crafted for developing applications tailored to touch screens, as exemplified by Zara ePAC. Elevate the interactive experience by seamlessly integrating intuitive elements designed to enhance usability and engagement.

NOA DataViz — Unleashing a suite of graphic resources and data visualization tools for crafting digital reports, seamlessly integrated with Microsoft PowerBI. The perfect solution to transform raw data into meaningful insights, fostering a visually compelling and insightful narrative for enhanced decision-making.