Project Overview
Client: Osman Foundation
Industry: Charity and Non-Profit
Project: WordPress Charity Website
CMS: WordPress
Page Builder: Elementor Pro
Theme: Elementor Hello
Services: Website Design, WordPress Development, Video Header Integration and Basic SEO Setup
Analytics: Google Analytics
Search Tools: Google Search Console
Security: Google reCAPTCHA v3 and SSL
Hosting: SiteGround
Agency: DCP Web Designers
Understanding the Project Requirements
Osman Foundation needed a straightforward charity website that could explain its purpose and provide a central online reference point for its activities.
The website needed to present information clearly without making the visitor journey unnecessarily complicated.
The main project requirements included:
- Custom WordPress website
- Elementor Pro development
- Home page
- About Us page
- Charities We Support page
- Make A Difference page
- Contact Us functionality
- Privacy Policy
- Responsive desktop, tablet and mobile layouts
- Contact form
- Google reCAPTCHA v3
- Google Analytics
- Google Search Console
- SSL certificate
- Image compression
- Basic SEO setup
- Easy content management
The website structure was kept deliberately simple so visitors could quickly understand the foundation, learn about the charities it supports and find ways to make contact.
WordPress Website Design and Development
Our WordPress website design approach provided Osman Foundation with a flexible content management system that can support future updates without requiring a complete website rebuild.
Elementor Pro was used to create the page layouts, with the lightweight Hello Elementor theme providing the foundation for the design.
Key website features include:
- Custom WordPress page layouts
- Elementor Pro development
- Hello Elementor theme
- Clear page navigation
- Responsive desktop, tablet and mobile layouts
- Contact form functionality
- Custom homepage video
- Image preparation and compression
- Google Analytics integration
- Google Search Console setup
- reCAPTCHA spam protection
- SSL configuration
The result is a manageable WordPress website that gives the foundation a professional online presence while keeping the content structure simple.
Custom Video Header Integration
A custom video header was created for the Osman Foundation homepage to provide a more engaging introduction to the organisation.
The video was prepared for use within the website and integrated into the Elementor layout so that it supported the page content without becoming the main focus of the visitor experience.
The video header provides:
- Strong visual introduction
- Clear supporting content
- Responsive presentation
- Integration with the homepage design
- A more engaging first impression
The video sits alongside the foundation’s written messaging and helps create a more visually engaging homepage.
View more information about our video production services.
Website Structure and Navigation
The Osman Foundation website uses a simple page structure designed to keep important information easy to find.
The core website pages include:
- Home
- About Us
- Charities We Support
- Make A Difference
- Contact Us
- Privacy Policy
Visitors can move from learning about the foundation to understanding the causes it supports and finding relevant contact information without navigating through unnecessary pages.
Contact Forms and User Enquiries
The website includes a contact form that allows visitors to send enquiries directly to the Osman Foundation team.
The form captures:
- First name
- Surname
- Email address
- Telephone number
- Message
Form submissions can be sent by email and exported from WordPress as a CSV file when required.
Google reCAPTCHA v3 was included to help reduce automated spam submissions while keeping the contact process straightforward for genuine visitors.
Mobile Responsive Website Design
I would avoid making a strong accessibility claim because we have not completed a formal accessibility audit.
Use:
The Osman Foundation website was designed to adapt across desktop, tablet and mobile screen sizes.
Responsive development included:
- Flexible page layouts
- Mobile navigation
- Readable text sizes
- Responsive images and video
- Touch-friendly contact options
- Consistent content presentation across devices
Responsive testing formed part of the original website specification, helping ensure visitors can access the foundation’s information from a wide range of devices.
Basic Search Engine Optimisation
Basic Search Engine Optimisation was completed as part of the website build to provide the Osman Foundation website with sensible on-page and technical foundations.
The project was not commissioned as an ongoing SEO campaign, so the work focused on standard website setup rather than extensive keyword targeting or content development.
Basic SEO work included:
- Search-friendly page structure
- Page titles and meta descriptions
- Clear heading hierarchy
- Readable page URLs
- XML sitemap
- Yoast SEO configuration
- Google Search Console setup
- Mobile responsive layouts
- Image preparation
- Basic internal linking
This provides a suitable starting point for the website to be indexed and understood by search engines, while leaving room for further SEO work if this becomes a priority in the future.
Website Performance Setup
Website performance was considered during the build through a lightweight WordPress setup, image compression and caching configuration.
Performance work included:
- Hello Elementor theme
- Image compression
- Website caching
- Responsive media
- Reduced unnecessary plugins
- SiteGround hosting setup
The project specification included speed work and image compression as part of the build.
Website Security and Spam Protection
Basic website security measures were included as part of the Osman Foundation website setup.
These included:
- SSL certificate
- Google reCAPTCHA v3
- Secure WordPress hosting
- Privacy Policy page
- Spam protection for website forms
These measures provide a sensible foundation for protecting website communications and reducing unwanted automated form submissions.
Google Analytics and Search Console
Google Analytics and Google Search Console were included as part of the project setup.
Google Analytics provides the foundation with information about website visits and visitor behaviour, while Google Search Console can be used to monitor indexing and organic search visibility.
The setup gives Osman Foundation access to useful website data if it wants to review traffic and search performance as the website develops.
Easy WordPress Content Management
WordPress and Elementor Pro give the Osman Foundation team a straightforward way to manage website content after launch.
Website administrators can:
- Edit text
- Replace images
- Update existing pages
- Create new pages
- Review contact form submissions
- Add future charity information
This gives the foundation control over routine content changes without requiring the website to be rebuilt whenever information changes.
Future Website Development
The WordPress platform allows the Osman Foundation website to be expanded if its online requirements change.
Possible future additions could include:
- Additional charity pages
- News and updates
- Fundraising information
- Volunteer information
- Donation functionality
- Additional contact options
- More detailed SEO content
These can be added to the existing platform as required without replacing the core website.
Project Results
The Osman Foundation project delivered a straightforward WordPress website that gives the charity a clear and professional online reference point.
The completed project included:
- Custom WordPress website
- Elementor Pro development
- Hello Elementor theme
- Core charity information pages
- Custom homepage video header
- Contact form
- Google reCAPTCHA v3
- Responsive layouts
- Google Analytics
- Google Search Console
- Basic SEO setup
- Image compression
- Website caching
- SSL configuration
- SiteGround hosting setup
- Simple ongoing content management
The website provides Osman Foundation with a central platform for presenting its work, explaining the charities it supports and giving visitors an easy way to make contact.
Conclusion
The Osman Foundation project demonstrates how a relatively simple WordPress website can provide a charity with a professional and manageable online presence.
DCP Web Designers created the website using WordPress, Elementor Pro and the Hello Elementor theme, with clear navigation, responsive layouts, contact functionality and a custom homepage video.
Basic SEO, Google Analytics and Google Search Console were also set up as part of the project, giving the website sensible foundations for search visibility and future measurement.
The finished website provides Osman Foundation with a clear online reference point that can be updated and expanded as the charity’s requirements develop.
For organisations looking for a flexible content management platform, learn more about our WordPress website design services.