fiorucci.com

Fitness & SportswearItalyModernFashionGrid

Design Overview

Category

Fitness & Sportswear

Country

Italy

Style

Modern

Industry

Fashion

Layout

Grid

Color Palette

The website features a clean and contemporary design. It emphasizes product visuals and uses a black and white color scheme with occasional pops of color. The site aims for a stylish and accessible online shopping experience.

Homepage

fiorucci.com Homepage

Sections Identified (12)

Cookie Consent

announcement-bar

A modal window asking the user to accept the website's use of cookies or manage their preferences.

Simple white box with a light gray border. 'Accept All' and 'Manage cookies' are presented as buttons.

Announcement bar

announcement-bar

An announcement bar displaying information about 'Free shipping on orders over $100'.

Thin black bar at the very top of the page.

Navigation

navigation

Website header with logo and navigation links.

Logo on the left, search bar in the center and navigation icons (account, cart, etc.) on the right. Small and modern.

Hero Banner

hero

Rotating banner featuring models and various products.

Multiple images are rotating. There are 'Shop Women's SS20' and 'Shop the edit' buttons. A faint progress bar is displayed at the bottom.

Featured Products

featured-products

A showcase of featured products, displayed in a horizontal scrolling format.

Product images are square, with product names and prices displayed below. 'Quick view' appears when hovering on images.

Triple Layer Jeans

banner

Promotional banner for Triple Layer Jeans.

Black banner with white text and a 'Shop now' button.

Product Showcase

product-grid

Two images of shoes and bags on a painted surface.

Two images are displayed side-by-side with a 'New in shoes' and 'New in bags' overlayed respectively.

Shop the runway

featured-products

Featured runway looks and products.

Runway images are displayed with corresponding product images alongside.

Product Grid

product-grid

More featured products from the collection.

Product images displayed in a grid layout, showing jeans, bags, knitwear, and boots.

Real Cast London

about

About 'Real Cast London' collection.

Image and text in a split format, introducing the second chapter of the portrait series.

Brand Showcase

gallery

Images from the brand.

Images are displayed in a horizontal scrolling format.

Footer

footer

Website footer with links to legal pages, contact information, social media, and newsletter signup.

Standard footer layout with categories like 'Help', 'Legal', 'Explore Fiorucci'. Contains newsletter sign-up form.

Summary

The homepage uses a grid layout to display various sections, including product showcases, banners, and information about the brand. The predominantly black and white color palette gives a sophisticated and modern look, while high-quality imagery and clear calls to action guide the user through the site.

Collection Page

fiorucci.com Collection Page

No analysis available for this page.

Summary

Design analysis failed for collection page.

Product Page

fiorucci.com Product Page

Sections Identified (9)

breadcrumbs

breadcrumbs

Shows the navigational path of the user. In this case, it indicates the user is on the product detail page.

The breadcrumbs appear to be simple text links with minimal styling.

Product Title and Price

product-details

Displays the product name, color, and price. Allows users to select a size, check availability, and add to their cart.

The product title uses a clear, sans-serif font. The price is prominently displayed. There is a dropdown to select the size. Add to bag CTA is prominent.

Product Image Gallery

gallery

Displays multiple images of the product from different angles and contexts.

The images are large and fill the left side of the screen. The images are high quality and show the product in detail.

Product Description

product-details

Provides a short textual description of the product.

Uses simple typography and is concise.

Accordion Sections

product-details

Accordion-style elements containing information about composition, care instructions, size/fit advice, and shipping/returns.

Uses a clean and minimalist accordion design. The headers for each section are in a clear font.

Related Products

related-products

Suggests related products to encourage further purchases.

The section is titled 'WHY NOT TRY'. The products have a 'Save' badge which signifies that they are on sale. Also contains a quick view button.

Payment and Shipping Information

shipping-info

Informs customers about payment options and shipping details to build trust.

Uses simple icons and text to convey information about flexible payment methods, free shipping and exclusive discounts.

Newsletter Signup

newsletter

Encourages visitors to subscribe to the newsletter for a discount.

Simple form with email input and a subscribe button.

Footer

footer

Contains links to important information such as legal terms, customer support, and brand information.

The footer is divided into columns with links. It also includes social media icons and payment method logos.

Summary

The product page design is clean and modern, emphasizing product imagery. The split layout effectively separates the image gallery from product details. The use of white space and minimal styling contributes to a sophisticated user experience.

Cart Page

fiorucci.com Cart Page

Sections Identified (4)

Navigation

navigation

The navigation section includes the brand logo on the left, main navigation links (Women, Men, Accessories, Stories, Fashion Show) in the center, and icons for search, wishlist, account, and cart on the right.

The typography is clean and modern. Spacing is consistent, providing a balanced look. The icons are simple and easily recognizable.

Announcement Bar

announcement-bar

The announcement bar displays a message regarding free shipping on orders over £100.

The announcement bar uses a black background with white text. There are left and right arrows, suggesting a carousel of different announcements.

Your Bag

add-to-cart

This section indicates that the bag is empty. It shows the title 'Your Bag' followed by the message 'Your bag is empty' and a 'Continue Shopping' button.

The title is in a bold sans-serif font. The 'Continue Shopping' button has a black background with white text. Spacing above and below the button is consistent.

Footer

footer

The footer includes sections for newsletter signup, help links, legal links, exploring Fiorucci links, language selector, social media links, payment method logos, and a copyright notice.

The footer has a dark background with white text. Each section is clearly delineated. The social media icons are simple and recognizable. The payment method logos are displayed at the bottom. A thin horizontal line separates the copyright from the payment logos.

Summary

The cart page effectively communicates the empty state of the bag and provides a clear call to action with the 'Continue Shopping' button. The minimalist design and consistent use of black and white contribute to a clean and sophisticated shopping experience.

fiorucci.com Shopify Store Breakdown (CRO & UX Analysis)