WEB DESIGN & MOTION

Terra Collective

An immersive, award-winning website for a sustainable fashion label — bringing their ethos of slow fashion and natural beauty to life through organic motion and earthy visual storytelling.

CLIENT
Terra Collective
YEAR
2023
ROLE
Web Designer & Motion
AWARD
Awwwards SOTD

The Challenge

Terra Collective is a sustainable fashion label with a deeply held philosophy: buy less, buy better. Their website needed to embody that ethos — unhurried, textural, and deeply considered — while still converting visitors into customers.

The challenge was balancing a high-design, editorial experience with practical e-commerce needs, without letting commercial pressure compromise the brand's integrity.

🌿 The Process

  1. EXPLORE

    Creative Direction

    Mood boarding and creative direction sessions to establish the visual language and motion principles.

  2. DESIGN

    Web Design

    Full-site design in Figma, from homepage to product pages, with a bespoke editorial layout system.

  3. ANIMATE

    Motion Design

    Designed all scroll-triggered animations and transitions — slow, organic, and intentional.

  4. LAUNCH

    Handoff & QA

    Worked closely with the development team through to launch, QA-ing across all devices and browsers.

The Outcome

The site won Awwwards Site of the Day two weeks after launch and was featured in Siteinspire and The FWA. Conversion rate on the new site was 2.4× higher than the previous version, and average session duration increased by over 3 minutes.

SOTD

Awwwards Site of the Day

2.4×

Conversion rate vs previous site

+3min

Increase in avg. session duration

Skills & Tools

  • Web Design
  • Motion
  • Figma
  • E-commerce
  • Editorial