03
SECO needed to create an online configurator to support the selection of modular hardware products. The goal was to guide the user through the composition of a configuration based on technical parameters such as vendor, processor, memory, storage, operating system, and mounting type.
The risk was turning a complex technical catalog into a slow, dispersive experience understandable only by expert users. The configurator had to guide selection step by step, prevent inconsistent choices, keep the final configuration readable, and highlight standard alternatives already available.
Holding full ownership of the project, I managed UX, UI, configuration logic, and frontend prototype. I defined the step-by-step flow, the choice hierarchy, the summary page, and product cards. The mockups were then transformed into a working prototype via AI-assisted development, using Codex as operational support for frontend development.
The result is an interactive configurator that makes more accessible the selection of modular hardware. The user can build a configuration, view a technical summary, compare similar products, and reach more easily the commercial request, reducing the typical dispersion of a very wide catalog.
The configurator was designed to be hosted within the official SECO website, maintaining visual continuity, tone, and behavior with the existing digital experience.
Layouts, components, states, typography, and interactions were defined following the guidelines of the site's design system, built by the team to ensure consistency across corporate pages, product areas, and digital tools.
The design favored the reuse of patterns and components already present in the SECO ecosystem, simplifying the transition from mockups to development and keeping the configurator scalable, consistent, and easily integrable into the site.
The process started from mockups at high fidelity, used as reference to define the layout, hierarchies, states, components, and behavior of the configurator.
The configurator was developed through AI Prompting with the support of Codex, turning design decisions into a working prototype with step-by-step flows, selection logic, technical summary, and similar product suggestions.
Design and development were carried out in an integrated and continuous manner, allowing rapid validation of interactions, configuration constraints, and interface behavior, maintaining continuity between the designed experience and the implemented product.
Web configurator designed to guide the user in composing a modular hardware product, starting from the selection of key components. Built from experience definition to interface implementation, through AI-assisted frontend development with the support of Codex.
An interactive configurator that simplifies hardware selection, generates a technical summary, and suggests similar products, facilitating the path to a contact request.
The project transformed a technical hardware selection process into a guided, clear experience oriented toward conversion.
The work combined experience design, functional logic definition, and frontend development, taking the configurator from mockup to interactive application.
Holding full ownership of the entire project, I was able to transform a technical hardware selection process into a guided digital flow, handling UX, functional logic, UI, and a testable frontend prototype before final development.