Activewear / Ecommerce

CRAMPFIT

A wardrobe to browse. An edit to help you choose.

Tops, bottoms, one-pieces and accessories give the range four clear entry points. The Edit offers a curated route, while product cards bring size and color selection closer to browsing.

Visit the live website

Navigation
Four wardrobe categories
Curation
The CRAMPFIT Edit
Product selection
Size, color and product detail
Experience architectureCRAMPFIT

Wardrobe

  • Tops
  • Bottoms
  • One-pieces and accessories

The Edit

  • Selected pieces
  • Outfit direction
  • Product links

Product decision

  • Size and color
  • Fit and fabric details
  • Add to bag

A journey shaped by the offering.

  1. 01Choose a wardrobe category
  2. 02Browse the edit or full range
  3. 03Select size and color
  4. 04Open product details or add to bag
01

The assignment

An activewear brand needs to express energy while keeping a growing catalog understandable. The project gives CRAMPFIT a focused introduction and a category structure that supports more deliberate browsing.

02

A category route and a curated route

The main navigation separates tops, bottoms, one-pieces and accessories. The Edit presents selected pieces together. Customers can choose a garment type or start with a styled selection.

03

Subcategories that carry the detail

A broad heading such as tops can contain different garment types and uses. Subcategories keep that depth manageable without asking the main navigation to present every product at once.

04

Selection close to the product

Product cards offer color and size selection alongside links to fit, fabric and product details. A customer can make a quick selection or open the full product page before adding to the bag.

05

Brand context beyond the product grid

About and editorial content sit alongside the shop. They make room for the brand’s point of view while preserving the catalog as a practical destination.

06

The delivered experience

A storefront with category navigation, curated discovery and product selection in the browsing experience. The same range can be approached by garment type or through a selected edit.

What the project brings together.

Wardrobe navigation

Tops, bottoms, one-pieces and accessories organize the range.

Curated shopping

The Edit connects selected pieces to their product destinations.

Product selection

Size and color controls accompany links to fit and fabric information.

From the brief to the structure

Browse by category. Decide beside the product.

A complete catalog and a curated edit serve different shopping intentions without requiring separate stores.

  1. 01

    Choose a route

    Wardrobe categories and The Edit offer distinct starting points.

  2. 02

    Make a selection

    Size and color controls bring a concrete choice into browsing.

  3. 03

    Go deeper when needed

    The product page gives fit and fabric information its own space.

What you can inspect

Open a category and compare it with The Edit. Inspect product-card choices and the route into the full product information.

Next project: The Monte Nero