Green Sustainability Association

An environmental association site that leads with planted trees, not with mission statements.

Overview

WordPress site for a Saudi environmental association working on green cover and sustainability, in Arabic (right to left).

For a non-profit, the first question from a sponsor or a volunteer is what has actually been done. The site answers with counters for targeted and planted seedlings, national partners and events, before it explains the programmes.

Details

Platform:
WordPress
Type:
Non-profit website
Stack:
WordPress, Hello Elementor, Elementor, ElementsKit
Language:
Arabic (RTL)
Live Website:

The pages

Real screenshots of the key pages, split into sections. Switch pages with the tabs, swipe or use the arrows, and click the middle image to see it full size.

gsa.org.sa
Green Sustainability Association full home page screenshot

Hover to scroll through the whole home page

Green Sustainability Association, Home page, part 1 of 7
Green Sustainability Association, Home page, part 2 of 7
Green Sustainability Association, Home page, part 3 of 7
Green Sustainability Association, Home page, part 4 of 7
Green Sustainability Association, Home page, part 5 of 7
Green Sustainability Association, Home page, part 6 of 7
Green Sustainability Association, Home page, part 7 of 7

Inside the website

The parts of this build that do the actual work, and how each one is put together.

Green Sustainability Association website screenshot

01

Purpose in one sentence, tracks underneath it

The association states what it exists for and then shows its tracks as small cards, so a volunteer and a sponsor each find their route on the first screen.

How it is built
  • WordPress with Elementor on Hello Elementor
  • Green brand palette with Cairo typography
  • Icon boxes for the tracks directly under the hero
Green Sustainability Association website screenshot

02

The numbers a sponsor asks for first

Seedlings and trees targeted and planted, national partners, events held. An environmental association is funded on measurable impact, so the figures come before the mission statement.

How it is built
  • Fun-fact counters animating on scroll
  • Partner logo carousel directly beneath them
Green Sustainability Association website screenshot

03

Programmes written as something to join

Environmental initiatives, enabling volunteers and awareness programmes, each a card with a short explanation, followed by the formal vision and mission kept to a few lines beside a photo.

How it is built
  • Icon box grid, one card per programme
  • Vision and mission as a split section rather than a wall of text
  • Services page reusing the same card components

Need something like this for your brand?

Tell me about your project. I will map the structure, the integrations and the launch plan.

Chat on WhatsApp