Design Area

User Interface and User Experience Design

Brand

Fiorucci

Site Migration

Main Project Image
Main Project Image
Main Project Image
Main Project Image

The Brief

The Italian fashion label Fiorucci was undergoing a website migration during 2024, which coincided with a soft relaunch to reposition the brand within the high-end retail space. The brief was to refresh the website while resolving clunky user experiences, particularly across the product display pages and resolve the eight-step checkout journey. At the same time, upcoming collections for the following two seasons were still aligned with the existing visual identity, meaning the site needed to successfully bridge both the old and new Fiorucci.

The Italian fashion label Fiorucci was undergoing a website migration during 2024, which coincided with a soft relaunch to reposition the brand within the high-end retail space. The brief was to refresh the website while resolving clunky user experiences, particularly across the product display pages and resolve the eight-step checkout journey. At the same time, upcoming collections for the following two seasons were still aligned with the existing visual identity, meaning the site needed to successfully bridge both the old and new Fiorucci.

Collection Feature Page

Large Project Gallery Image #1
Large Project Gallery Image #1
Large Project Gallery Image #1
Large Project Gallery Image #1

PLP

Mobile PDP

Project Gallery Image for 50% width of the screen #2
Project Gallery Image for 50% width of the screen #2
Project Gallery Image for 50% width of the screen #2
Project Gallery Image for 50% width of the screen #2

Desktop PDP

Project Gallery Image for 50% width of the screen #1
Project Gallery Image for 50% width of the screen #1
Project Gallery Image for 50% width of the screen #1
Project Gallery Image for 50% width of the screen #1
Project Gallery Image for 50% width of the screen #1
Project Gallery Image for 50% width of the screen #1
Project Gallery Image for 50% width of the screen #1
Project Gallery Image for 50% width of the screen #1

The Result

The result was a considered blend of Fiorucci’s heritage, reinterpreted for a modern audience. An editorial-led design approach that balanced the transitional period, combining bold typography, buttons and expressive brand elements with a cleaner, more refined layout. This ensured a seamless, user-friendly shopping experience across both mobile and desktop.

The result was a considered blend of Fiorucci’s heritage, reinterpreted for a modern audience. An editorial-led design approach that balanced the transitional period, combining bold typography, buttons and expressive brand elements with a cleaner, more refined layout. This ensured a seamless, user-friendly shopping experience across both mobile and desktop.

The result was a considered blend of Fiorucci’s heritage, reinterpreted for a modern audience. An editorial-led design approach that balanced the transitional period, combining bold typography, buttons and expressive brand elements with a cleaner, more refined layout. This ensured a seamless, user-friendly shopping experience across both mobile and desktop.

Homepage