Programme Complexity
Different programme areas needed to remain distinct while operating within one connected website.
Nonprofit WebsiteUI/UX DesignWebsite DevelopmentContent ArchitectureImpact CommunicationStakeholder Engagement
A clearer digital platform for programmes, impact and participation
Moawin Foundation Website
The platform helps donors, partners, institutions, volunteers and public audiences understand the Foundation’s work, review supporting information and take relevant action through donation, Zakat, partnership, enquiry and subscription pathways.
Project Overview
A structured digital platform for programmes, impact and participation
Moawin Foundation required a responsive nonprofit website that could clearly communicate its programmes, organisational credibility, community impact and opportunities for support. The platform was designed for donors, institutional partners, development organisations, volunteers, supported communities and public users, bringing programme information, reports, resources, news, success stories, donations, Zakat and stakeholder enquiries into one connected digital experience.
The Mandate
Bring the Foundation’s work, evidence and support pathways into one digital platform
The requirement was to create a professional website that could clearly communicate Moawin Foundation’s purpose, programme portfolio, geographical reach and contribution to underserved communities. The platform needed to organise programmes, reports, success stories, organisational resources and updates while helping visitors donate, calculate Zakat, form partnerships, volunteer or contact the Foundation through clear and accessible pathways.
The Environment
A nonprofit organisation serving different communities and stakeholder groups
Moawin Foundation works across education, skill development, humanitarian assistance and community support, with each programme area serving different audiences and information needs. Individual donors may want to understand where their support goes, institutional partners may need programme details and organisational evidence, while volunteers and communities may be looking for relevant opportunities or contact information. The website therefore needed to support these different journeys without becoming fragmented or difficult to navigate.
Our Role
Website strategy, experience design, development and content organisation
Centangle supported the website from initial planning through design, development, testing and launch preparation. The work included website strategy, information architecture, user journey planning, responsive UI/UX design, programme and resource organisation, donation and engagement pathways, content-management planning, functional testing and launch support.
The Challenge
Communicating a broad programme portfolio without creating a fragmented experience
Moawin Foundation needed to present education, skill development, humanitarian support and community interventions as part of one organisation while preserving the purpose and identity of each programme area.
The website also needed to serve donors, partners, institutions, volunteers, communities and general visitors while maintaining the transparency, accessibility and organisational credibility expected from a nonprofit organisation.
Different User Needs
Each audience required different information, resources and actions from the same platform.
Trust and Transparency
Reports, certificates, leadership information and organisational documents needed clear visibility.
Scattered Resources
Programme information, reports, news and success stories required a consistent content structure.
The Solution
A nonprofit website organised around understanding, trust and action
Centangle developed a responsive website that brings Moawin Foundation’s identity, programme portfolio, organisational reach, resources, updates and contribution pathways into one coherent digital experience. Clear navigation, structured page layouts and relevant calls to action help visitors understand the Foundation, explore its programmes, review organisational evidence and move towards donation, Zakat calculation, partnership, volunteering or enquiry.
Moawin Foundation Website – System Architecture
Presentation Layer
Public Website Experience
Responsive Website Interface
Presents programmes, resources, impact and support pathways.
APPLICATION LAYER
Website Content Module
Manages pages, programme content and calls to action.
Programme Content Module
Organises programme categories and supporting information.
Document and Publication Module
Manages reports, certificates, news and downloadable resources.
DATA & INTEGRATION LAYER
Organisational Content Repository
Stores programme, leadership, impact and website content.
Resource Records
Maintains reports, newsletters and supporting documents.
Donation and Zakat Connections
Connects users with contribution and Zakat services.
Form and Subscription Data
Manages enquiries, subscriptions and communication records.
Delivery Approach
A phased process from organisational understanding to website launch
The Moawin Foundation website was delivered through a structured process focused on understanding the organisation, mapping its programmes and audiences, planning the content structure, designing responsive interfaces, developing website functionality and testing the complete experience before launch.
- 01
PHASE ONE
Discovery and Content Review
Centangle reviewed the Foundation’s mission, programmes, audiences, resources and communication requirements.
- Programme mapping
- Audience identification
- Content inventory
- Website objectives
- Stakeholder requirements
- 02
PHASE TWO
Information Architecture
The website structure was organised around the Foundation, programmes, impact, resources, updates and support pathways.
- Website sitemap
- Navigation structure
- Programme hierarchy
- Resource structure
- Supporter journeys
- 03
PHASE THREE
UI/UX Design
The interface was designed to balance organisational credibility, accessibility and clear routes to action.
- Responsive page layouts
- Programme interfaces
- Resource experience
- Impact presentation
- 04
PHASE FOUR
Development and Content Integration
The approved designs were developed into a responsive website with content, resource and engagement functionality.
- Responsive website
- Content-management environment
- Programme pages
- Resource management
- Forms and contribution pathways
- 05
PHASE FIVE
Testing and Launch
The website was reviewed across navigation, responsiveness, forms, content and publishing workflows.
- Functional testing
- Responsive testing
- Content validation
- Form and integration checks
- Launch support
The System Delivered
One digital environment for public communication and stakeholder engagement
Centangle delivered a responsive website that provides Moawin Foundation with one central platform for presenting its programmes, organisational information, community work, resources, updates and opportunities to contribute. The final platform supports different audiences through a consistent digital journey while providing a scalable foundation for future programmes, reports, campaigns, activities and success stories.
- 01
- Organises programme areas into clear categories and dedicated content pathways.
- Structured Programme Navigation
- 02
- Provides one accessible location for reports, certificates and organisational documents.
- Reports and Resource Library
- 03
- Supports consistent communication of activities, experiences and community outcomes.
- Impact and Success Stories
- 04
- Guides visitors towards relevant contribution and Zakat options.
- Donation and Zakat Pathways
Before
- Programme information did not operate through one consistent digital structure.
- Different audiences needed to navigate scattered information to understand the Foundation’s work.
- Reports, certificates and organisational resources required clearer visibility.
- Donation, Zakat, partnership and enquiry pathways were not part of one connected journey.
- Programme updates and success stories needed a more manageable publishing structure.
- The digital presence did not fully communicate the breadth of the Foundation’s work.
After
- Programme areas were organised into clear categories and dedicated website pathways.
- Donors, partners, institutions and public users gained a more consistent experience.
- Reports, certificates, newsletters and organisational resources were brought into one location.
- Donation, Zakat, partnership and enquiry pathways became easier to identify and follow.
- News, activities and success stories could be published through a consistent structure.
- The Foundation gained a scalable platform for future programmes, resources and campaigns.
WORK WITH US
Build a clearer digital presence for your organisation’s impact
Centangle helps nonprofit and development organisations create structured websites that communicate programmes clearly, improve access to organisational resources and provide meaningful pathways for stakeholder participation.