← Back to Projects
Save the Trees
An education platform that treats environmental literacy with the clarity it needs.
PROJECT HERO MEDIA — 16:916:9
Literacy before sentiment.
01 — Landing hero
The first impression.
The opening promise is educational, not ornamental.
LANDING HERO — DESKTOP16:9
02 — Brand introduction
Setting the visual direction.
Forest tones and documentary frames, without cliché.
BRAND LANDSCAPE — DESKTOP16:10
BRAND DETAIL — PORTRAIT3:4
03 — Product discovery
Designed to invite exploration.
Programmes and audiences are easy to choose.
SUPPORTING PAGE4:5
PRIMARY PAGE — DESKTOP16:10
MOBILE DETAIL9:16
04 — Interaction system
Movement with purpose.
Motion stays out of the way of reading.
INTERACTION VIDEO — 16:916:9
INTERACTION DETAIL 014:3
INTERACTION DETAIL 024:3
05 — Conversion journey
From interest to action.
Learn, visit, or support without hunting.
Discovery
DISCOVERY16:10
Selection
SELECTION16:10
Enquiry or checkout
ENQUIRY OR CHECKOUT16:10
06 — Responsive experience
Designed for every screen.
Long-form stays readable in the hand.
DESKTOP FRAME16:10
TABLET FRAME3:4
MOBILE FRAME 019:16
MOBILE FRAME 029:16
07 — Details that matter
The moments that complete the experience.
Captions, lists, and actions keep their gravity.
NAVIGATION DETAIL16:9
TYPOGRAPHY DETAIL4:5
BUTTON / HOVER DETAIL1:1
MICRO-INTERACTION16:10
08 — Final experience
Built to be remembered.
End on the canopy, still in focus.
FINAL EXPERIENCE — FULL WIDTH16:9