ASC::CASE STUDYCLIMATE CONCEPT
Back to work
Motion studyMotionWebsiteConcepts

Verdant

A climate concept site built around an orbiting ring of cards, scenic depth, and one central living-systems stage.

Key signals

18-card ring

Orbit cards frame one living-systems stage.

1 hero stage

Movement stays concentrated in the first screen.

Scenic depth

Backdrop, blur, and pace keep the motion cinematic.

ORBIT HERO / MOTIONREPRESENTATIVE ENGAGEMENT
SYSTEM BREAKDOWNCHALLENGE / MAP / OUTCOME

Challenge

Create one dominant hero interaction that felt dimensional and cinematic while keeping the first screen legible on first read.

Stack

Next.jsHero motion directionCard-circle compositionHomepage capture

Service lanes

System map

Step 01

Centered the hero on a living-systems panel framed by a full orbit of smaller image cards.

Step 02

Used scenic depth, blur, and spacing to give the movement weight without letting the center composition break down.

Step 03

Let the hero carry the identity of the page so the concept feels distinct before the user reaches the lower sections.

Deliverables

  • Orbit hero composition
  • Motion timing and depth treatment
  • Scenic art direction
  • Homepage prototype capture

Outcomes

  • Delivered a signature hero that feels distinct from a standard split-screen landing page.
  • Balanced movement with clarity so the first screen still reads quickly.
  • Established a visual system strong enough to carry the rest of the concept.
CASE STUDY DETAILASC
CASE STUDY CTANEXT STEP

Related scope

Need a similar system built for your business?

CONTACT / WORKASC