We introduced a navigation system designed on the principle of Mobile first, meaning that the mobile experience was prioritised in the initial development. However, one of the main challenges was to ensure that the same intuitive and fluid navigation experience could be effectively translated to the desktop version.

To address this challenge, we started with a working prototype developed in close collaboration with a UX expert. This prototype served as the basis for testing and refining the functionalities in a mobile environment before adapting them to a desktop interface. The goal was to ensure that the mobile design principles remained consistent and effective on both platforms, providing a consistent and optimised user experience, regardless of the device used.

During the development of the project, several key design elements were defined and standardised, including:

nce the definition and standardisation of all these elements was completed, we proceeded to the creation of the visual components that would form part of the functional UI prototypes. These components ensure that the prototypes are consistent with the defined styles and provide a solid foundation for UI development.

Below, you will find an interactive prototype that shows the result of integrating all the previously defined elements. This prototype offers a complete view of how typographic styles, colour schemes, gallery icons and navigation components combine to form a cohesive and effective user experience.

By interacting with the prototype, you can see how these elements are applied in a functional interface, observing the behaviour and appearance of components in various states. This allows a detailed evaluation of the design and usability, providing a clear view of how the design principles translate into the final user experience.