Skip to content
HossamDwidar
IV — The Labors

Charity Organization

Concept charity website

Type
Concept project
Technologies
WordPress / Elementor / Astra / CSS
Concept charity home page: bold headline and donate button beside an illustration of hands holding the earth

Overview

A conceptual charity organisation website built completely from scratch using WordPress. It was created as a concept rather than for an existing real-world charity.

The goal was a complete public-facing charity website with a professional, trustworthy presentation and a clear content structure. The screens show the placeholder content used while building the concept.

Type
Concept project
Role
WordPress / Frontend Developer
Platform
WordPress
Theme
Astra
Built with
Elementor

What I built

  • 01Built the website from scratch using WordPress
  • 02Designed and implemented the website frontend
  • 03Built the homepage
  • 04Created the main public-facing pages and content structure
  • 05Implemented the charity-related content and sections
  • 06Worked on the donation-related presentation
  • 07Worked on campaigns and project-related sections
  • 08Implemented forms and other public-facing elements
  • 09Worked on the responsive experience
  • 10Customised the styling with CSS
  • 11Built the site with Elementor and customised Astra

The website was created from scratch based on design references, used as inspiration for the visual direction and selected patterns rather than reproduced as a supplied design file.

Website

The website

The homepage carries the campaign message and a clear route to donate, then moves through impact, figures, what the organisation does, a gallery and partners.

  • Custom homepage
  • Charity-focused content structure
  • Donation-related presentation
  • Campaign and project sections
  • Forms
  • Responsive layouts
  • Custom frontend styling
Concept charity home page with headline, donate button and an impact section
Pl. 01Home page
Full home page: impact, figures, what we do, gallery, partners and a closing call to action
Pl. 02Home page — full length
Craft

From references to a finished site

The project was relatively straightforward technically, with no major custom functionality or complex backend. The focus was the complete frontend experience: organising the content, implementing the reference-inspired design and making the site responsive.

  • Complete frontend built in Elementor on a customised Astra theme
  • Content organised across the public pages
  • Responsive layouts and CSS refinement

Technologies

Technologies used in Charity Organization

  • WordPressSite foundation and content management
  • ElementorPage building
  • AstraBase theme, customised to support the design
  • CSSCustom frontend styling

A complete conceptual charity website: homepage, public pages, donation presentation, campaign sections, forms and responsive layouts.

Back to the labors