Project
Flamond
Development of the design system in Figma. Creation of components. Design of user flows. Animated desktop and responsive prototypes.
Rol
- UI-UX Designer | Design System | Brand Manager
Año
- 2023-25
- Goal
Establish a solid foundation for the brand in the digital environment, with a functional, scalable, and visually consistent interface.
UX Design
Design system
One of the key pillars of the project was the creation of a comprehensive design system. This included:
- Definition of a colour palette, fonts and visual styles consistent with the brand identity.
- Spacing guidelines, use of grids, interaction patterns, and rules for building scalable interfaces.
- Development of a component library ranging from the most basic components (buttons, inputs, iconography) to complex components (product cards, modals, dynamic forms).
This process included:
- Design of basic elements
- Customisation of Tailwind library components
- Creation of complex reusable components.
- Publish resources to team libraries
UI design
E-commerce design
Flamond online store interface in both desktop and responsive versions. Some of the key tasks included:
- Information architecture and intuitive navigation.
- Key page design: home, catalogue, product details, shopping cart, checkout.
- Optimised for a smooth experience on mobile devices, maintaining elegance and functionality.
User experience
Workflows
To improve the user experience and tailor it to the specific needs of the brand, I designed several interaction flows, highlighting:
- Jewel wizard
- Step-by-step flow that guides the user through the creation of a unique piece. This process included defining the user flow, interactions, errors, and validations. Wireframing and high-fidelity prototyping.
- #FigJam #Figma
User experience
Workflows
- Product return Flow
- Focused on clarity, accessibility, and reducing friction. User journey planning, wireframing, and high-fidelity prototyping.
- #FigJam #Figma
