pangaia.com

Fitness & SportswearMinimalFashionGrid

Design Overview

Category

Fitness & Sportswear

Style

Minimal

Industry

Fashion

Layout

Grid

Color Palette

The Pangaea homepage uses a clean and minimalist aesthetic with a focus on product photography. The color palette is primarily neutral with black text and a light gray background, creating a sophisticated and eco-conscious feel. The use of generous spacing and clear typography enhances readability and creates a sense of calm.

Homepage

pangaia.com Homepage

Sections Identified (9)

Announcement Bar

announcement-bar

A dark blue banner at the very top promoting Bio-Based Activewear.

Dark background with white text; promotes key brand messaging.

Navigation

navigation

Header area with logo, navigation links, and user account icons.

Minimalist design; logo is prominent; navigation links are simple text.

Hero Banner

hero

Large banner with an image of a woman looking up into the sky.

Full-width image; implied connection to nature; possibly a background video.

Cookie Consent

announcement-bar

A cookie consent banner that takes up the middle section of the screen. It contains several toggles that allow the user to personalize their cookie settings.

The section has cookie-specific categories such as 'Necessary', 'Preferences', 'Statistics' and 'Marketing'.

Collection

collection-list

A curated selection of products showcasing different clothing options. Four products displayed at a time.

Grid layout; product images are clean and well-lit; 'New In' badges are visible on some products; carousel navigation with arrow indicators.

Promotion Banner

banner

Image with promotion text 'Enjoy up to 50% off' and a shop now button.

Neutral color palette; lifestyle images blend seamlessly; clear and concise promotional message.

Category Grid

collection-list

Category listing with product images linking to new arrivals, hoodies, track pants, and sweatshirts

Each Category is displayed side-by-side on a white background.

Brand Story

brand-story

A section showcasing the brand's mission.

Uses an image of earth with a dark overlay; bold text 'Discover PANGAIA'; descriptive text about innovations and premium lifestyle products.

Footer

footer

Standard footer with links to company information, customer care, terms & policies, and a newsletter signup form.

Black background; white text; organized layout; social media links.

Summary

The homepage design for Pangaea is clean, modern, and minimalist. It effectively uses high-quality product photography, generous spacing, and a neutral color palette to convey a sense of sophistication and sustainability. The layout is well-organized, guiding the user through the product offerings and the brand's mission.

Collection Page

pangaia.com Collection Page

Sections Identified (1)

Product Grid

product-grid

This section displays a collection of clothing items arranged in a multi-column grid. Each product is represented by an image of the product, presumably with a title and price underneath (though these are not fully visible).

Images are clean and consistent, likely shot on a white background. The grid has even spacing between products. There is minimal text or other visual clutter.

Summary

The page design is focused on clean presentation and easy navigation. The use of a simple grid layout allows for a large number of products to be showcased without overwhelming the user. The consistent image style creates a unified and professional look.

Product Page

pangaia.com Product Page

Sections Identified (10)

Announcement Bar

announcement-bar

A simple announcement bar at the very top, likely containing promotional information.

Uses a standard sans-serif font. The dark background and white text provide good contrast.

Navigation

navigation

Standard navigation menu with brand logo on the left and category links and utility icons on the right.

Minimalist design, uses black text on a white background. Brand logo is simple and modern.

Product Details

product-details

Section displaying the product name, price, and key details like material composition.

Clear hierarchy with the product name in a larger font size. Uses icons to denote sustainable features. Prominent color swatch selection.

Add to Cart

add-to-cart

Section for selecting size and adding the product to the shopping bag.

A prominent blue button stands out against the white background. Size selection uses a simple and clear layout.

Product Images

gallery

Multiple product images showcasing the item from various angles and worn by a model.

Clean, bright background to showcase the product's color. Good quality images that highlight the product's details.

Complete the Look

related-products

Section displaying other products that complement the current item, allowing users to easily add them to their cart.

Includes small product images and descriptions with color options. The 'New In' badge suggests these are recently added items.

Technology

about

Explains the innovative material and treatments used in the product, focusing on the brand's commitment to sustainability.

Uses bullet points and bold text to highlight key features. Includes descriptive titles for each material detail.

Packaging

shipping-info

Describes the brand's approach to sustainable packaging and its ongoing efforts to minimize environmental impact.

Emphasizes the brand's eco-friendly values and shows a commitment to environmentally responsible packaging.

About Us

brand-story

A large image and text block that communicates the brand's mission and values.

The use of an organic, green aerial shot contributes to the brand's eco-conscious image. The large text emphasizes the brand's purpose.

Footer

footer

Standard footer section with links to company information, customer care, and terms and policies.

Uses a simple, minimal design with black text on a white background. Includes social media links.

Summary

The product page design is clean, modern, and focused on highlighting the product and its sustainable features. The use of white space, clear typography, and high-quality product photography creates a visually appealing and informative experience. The brand emphasizes its commitment to sustainability through dedicated sections explaining the materials and packaging.

Cart Page

pangaia.com Cart Page

Sections Identified (7)

Announcement Bar

announcement-bar

The announcement bar contains a tagline and a link to a new collection.

The tagline is set in a simple sans-serif font. The bar spans the full width of the page and is a light gray.

Navigation

navigation

The navigation bar includes links to different product categories and account/search icons.

Links are black text on a white background. Minimalist icons are used for account and search.

Brand Logo

banner

Brand logo - Pangaea

The logo is centered on the page.

Cart Message

add-to-cart

A message indicating the cart is empty.

Large, centered text with a simple message.

Payment Methods

trust-badges

Displays accepted payment methods.

Small icons representing various payment options (Visa, Mastercard, etc.).

Subscription Offer

newsletter

An offer to subscribe to a newsletter for updates and a discount.

A black background with white text promoting joining the collective and offering a discount for the first order.

Footer

footer

A standard footer with company information, customer care links, and terms & policies.

Organized into columns with a clean, simple font. Includes copyright information and social media icons.

Summary

The cart page utilizes a clean and minimal design focused on conveying information effectively. The use of whitespace and simple typography creates a modern and uncluttered look, emphasizing the brand's aesthetic.

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