Deliverables
Deliverables
UX/UI
Visual System
About
About
LuisaViaRoma is a well-known luxury fashion retailer based in Florence, Italy, offering high-end clothing, accessories, and lifestyle products from both established and emerging designers.
Although the brand offers premium products and a strong visual identity, the existing website lacked usability clarity and a modern, content-forward structure.
The redesign introduces a clean, editorial-inspired layout that creates a visually immersive shopping experience, simplifies navigation, and leverages refined typography and grid systems to elevate the luxury aesthetic—enhancing usability without compromising artistic direction.
Year
Year
2025
Credits
Credits
Anastasiia Malai (UI Motion)
Grid
Grid
The grid design draws inspiration from fashion catalogs—dynamic, modular, and airy. Large visuals set a premium, high-end tone, letting the imagery speak for itself.
The grid design draws inspiration from fashion catalogs—dynamic, modular, and airy. Large visuals set a premium, high-end tone, letting the imagery speak for itself.
Problem
Problem
Despite strong branding and visuals, the existing interface feels cluttered and rigid, limiting user engagement and diminishing the emotional impact of the content. Navigation can be overwhelming, and the design does not fully reflect the editorial, high-fashion tone of the brand.
Despite strong branding and visuals, the existing interface feels cluttered and rigid, limiting user engagement and diminishing the emotional impact of the content. Navigation can be overwhelming, and the design does not fully reflect the editorial, high-fashion tone of the brand.
Approach
Approach
Explored interactions that support discovery and fluid browsing
Enhance usability without compromising artistic direction
Used real product content and editorial images to build realistic page mockups
Focused on clean modular grids, large visuals, and minimal interface elements
Explored interactions that support discovery and fluid browsing
Enhance usability without compromising artistic direction
Used real product content and editorial images to build realistic page mockups
Focused on clean modular grids, large visuals, and minimal interface elements
Goals
Goals
Clean, editorial-style layout, inspired by fashion magazines and lookbooks
Create a visually immersive shopping experience, focusing on high-quality visuals and content
Simplify the interface to reduce cognitive load and enhance navigation
Explore typography and grid systems that align with luxury aesthetics
Enhance usability without compromising artistic direction
Clean, editorial-style layout, inspired by fashion magazines and lookbooks
Create a visually immersive shopping experience, focusing on high-quality visuals and content
Simplify the interface to reduce cognitive load and enhance navigation
Explore typography and grid systems that align with luxury aesthetics
Enhance usability without compromising artistic direction
Image design
Image design
Long, vertically oriented images are used intentionally to guide users through a scrolling experience, encouraging exploration and creating a stronger sense of engagement and discovery.
Long, vertically oriented images are used intentionally to guide users through a scrolling experience, encouraging exploration and creating a stronger sense of engagement and discovery.
The unified side panel acts as the main navigation hub. It adapts to each page, showing relevant options and content without overwhelming the user.
The unified side panel acts as the main navigation hub. It adapts to each page, showing relevant options and content without overwhelming the user.
This approach keeps navigation consistent while allowing flexibility for different sections. Visually, the panel takes inspiration from annotations in fashion catalogs, creating a familiar and editorial feel.
This approach keeps navigation consistent while allowing flexibility for different sections. Visually, the panel takes inspiration from annotations in fashion catalogs, creating a familiar and editorial feel.
The title is presented with large typography to clearly emphasize the current page.
The title is presented with large typography to clearly emphasize the current page.
Filter settings are displayed as tags directly beneath the title, making them easy to view and adjust.
Filter settings are displayed as tags directly beneath the title, making them easy to view and adjust.
Information Architecture
Information Architecture
The top-level navigation has been streamlined to just five items. The “Stores” section was moved into a dedicated card, giving it prominence while reducing cognitive load. This makes navigation more intuitive and almost effortless for the user.
The top-level navigation has been streamlined to just five items. The “Stores” section was moved into a dedicated card, giving it prominence while reducing cognitive load. This makes navigation more intuitive and almost effortless for the user.
Copyright:
Copyright:
All rights to the photographs used in this project belong to their respective owners. The images are used for non-commercial, educational, and portfolio purposes only. No copyright infringement is intended.
All rights to the photographs used in this project belong to their respective owners. The images are used for non-commercial, educational, and portfolio purposes only. No copyright infringement is intended.