End-to-end charity website design & development
End-to-end charity website design & development
ROLE
UX/UI Designer
UX/UI Designer
Content Strategist
Content Strategist
Web Designer
Web Designer
TOOLS
Figma
Figma
Wordpress
Wordpress
SKILLS
UX UI Design
UX UI Design
Information Architecture
Information Architecture
Wireframing
Wireframing
Web Development
Web Development
TIMEFRAME
Aug-Dec 2025
Aug-Dec 2025
Context
Context
Camberley Nepalese Gurkha Association (CNGA)
Camberley Nepalese Gurkha Association (CNGA)
The Camberley Nepalese Gurkha Association (CNGA) is a charity supporting the Gurkhas, Gurkha veterans, and Nepali families based in Camberley. CNGA helps form a bridge between the Nepali and British culture, whilst also retaining the values of the Nepali culture.
The Camberley Nepalese Gurkha Association (CNGA) is a charity supporting the Gurkhas, Gurkha veterans, and Nepali families based in Camberley. CNGA helps form a bridge between the Nepali and British culture, whilst also retaining the values of the Nepali culture.
Challenge
Challenge
Establishing a digital creditability
Establishing a digital creditability
The organisation was established very recently therefore needed a modern website that could clearly communicate its mission, support community engagement, meet charity compliance expectations, and form digital credibility for donors and partners.
The organisation was established very recently therefore needed a modern website that could clearly communicate its mission, support community engagement, meet charity compliance expectations, and form digital credibility for donors and partners.
Solutions and Outcomes
Solutions and Outcomes
Design and development of a website
Design and development of a website
I designed and built the CNGA website entirely from scratch, starting with research and wireframes in Figma, followed by full UI design and final implementation in WordPress. SEOs google console was also implemented to monitor website performance.
I designed and built the CNGA website entirely from scratch, starting with research and wireframes in Figma, followed by full UI design and final implementation in WordPress. SEOs google console was also implemented to monitor website performance.
Scroll prototype to view more. Click to view next page.
Scroll prototype to view more. Click to view next page.
View live site ->
DESIGN PROCESS
Discover
Discover
Define
Define
Develop
Develop
Deliver
Deliver
Discover
Discover
Competitive Analysis
Competitive Analysis
Client Interview
A semi-structured interview was conducted with CNGA to understand their goals for the website, whilst also taking into account the information gathered from the Competitive Analysis.
A semi-structured interview was conducted with CNGA to understand their goals for the website, whilst also taking into account the information gathered from the Competitive Analysis.
“We would like a website that will best showcase our values and our work. We also would like a blog for our youth to update, as well as a news section for news within the community”
“We would like a website that will best showcase our values and our work. We also would like a blog for our youth to update, as well as a news section for news within the community”
Must include content
Must include content
1
Charity’s mission and values
Charity’s mission and values
2
Constitution details
Constitution details
3
Events
3
Events
Events
4
Blog and news
Blog and news
4
Blog and news
5
Gallery
Gallery
6
Contact details
Contact details
Define
Define
User Persona
User Persona
A Gurkha Corporal recently stationed in Camberley with family
A Gurkha Corporal recently stationed in Camberley with family
User Journey Mapping
User Journey Mapping
End-to-end experience of a user (Suman) discovering CNGA and getting involved
End-to-end experience of a user (Suman) discovering CNGA and getting involved
By identifying pain points and opportunities at each stage of the user journey, the design prioritised clarity, trust, and low-friction engagement for those new to the community.
By identifying pain points and opportunities at each stage of the user journey, the design prioritised clarity, trust, and low-friction engagement for those new to the community.
Prioritisation Matrix
Prioritisation Matrix
Insights from the user journey and user flow highlighted multiple opportunities. A prioritisation matrix was therefore completed with CNGA to identify which design features and decisions are important and feasible for reducing user uncertainty and increase engagement.
Insights from the user journey and user flow highlighted multiple opportunities. A prioritisation matrix was therefore completed with CNGA to identify which design features and decisions are important and feasible for reducing user uncertainty and increase engagement.
Develop
Develop
Information Architecture
Information Architecture
Wireframes
Wireframes
Design Feedback
Design Feedback
Conducted an informal usability testing with the community members of CNGA.
Received the following feedback:
CNGA’s objectives in the “About CNGA” page is quite verbose. Is there a way to condense it?
The Constitution and Operations page need to be password locked.
Main focus of the Projects page would be on projects, CNGA’s objectives can be omitted.
Remove digital forms, e.g. donation form, as downloadable forms will be used in the meantime.
Conducted an informal usability testing with the community members of CNGA.
Received the following feedback:
CNGA’s objectives in the “About CNGA” page is quite verbose. Is there a way to condense it?
The Constitution and Operations page need to be password locked.
Main focus of the Projects page would be on projects, CNGA’s objectives can be omitted.
Remove digital forms, e.g. donation form, as downloadable forms will be used in the meantime.
Developing a visual identity
Developing a visual identity
Colour palette
Colour palette
The website’s colour palette was derived from CNGA’s logo. Primary colours were used for majority of the design, including text. Accents were predominantly used for buttons and hover interactions.
The website’s colour palette was derived from CNGA’s logo. Primary colours were used for majority of the design, including text. Accents were predominantly used for buttons and hover interactions.
Typography
Typography
A clean, accessible typographic system was implemented by using Inter for both display and body text.
A clean and accessible typographic system was implemented by using Inter for both display and body text.
Buttons
Buttons
The two main colours schemes of the buttons, in their original and hover state.
The two main colours schemes of the buttons in their original and hover state.
Final UI Designs
Final UI Designs
Deliver
Deliver
Implementation
Implementation
I translated the Figma designs into a fully functional WordPress website that is responsive across devices and can be easily altered for future content. This was implemented through the Twenty Twenty-Four theme and WordPress’ block system.
As the website was created through a free plan, WordPress’s block-based layout system limited certain positioning and interaction patterns, requiring some designs to be simplified.
I translated the Figma designs into a fully functional WordPress website that is responsive across devices and can be easily altered for future content. This was implemented through the Twenty Twenty-Four theme and WordPress’ block system.
As the website was created through a free plan, WordPress’s block-based layout system limited certain positioning and interaction patterns, requiring some designs to be simplified.
Accessibility Compliance
Accessibility Compliance
I ensured that website colours and font sizes were compliant with the WCAG AA standards. Policies such as the Privacy Policy, Terms & Conditions, and Media Policy were also GDPR-compliant.
I ensured that website colours and font sizes were compliant with the WCAG AA standards. Policies such as the Privacy Policy, Terms & Conditions, and Media Policy were also GDPR-compliant.
Reflection
Reflection
This was my first end-to-end project where I was responsible for both the design and development of the website, which is now live and provides CNGA with a clear digital platform to share information about their work and support the growth of their community.
The development phase involved a learning curve, specifically in familiarising with WordPress and understanding how platform constraints can shape UX decisions. For example, WordPress’s block-based layout system limited positioning and interaction patterns. However, this resulted in a positive UX trade-off: a simpler layout system reducing visual complexity whilst also improving accessibility and long-term maintenance.
This was my first end-to-end project where I was responsible for both the design and development of the website, which is now live and provides CNGA with a clear digital platform to share information about their work and support the growth of their community.
The development phase involved a learning curve, specifically in familiarising with WordPress and understanding how platform constraints can shape UX decisions. For example, WordPress’s block-based layout system limited positioning and interaction patterns. However, this resulted in a positive UX trade-off: a simpler layout system reducing visual complexity whilst also improving accessibility and long-term maintenance.
Future Plans
Future Plans
Currently analytics and SEO performance are being tracked through Google Console. Tracked user behaviour, conversion rates, and drop-off points will be used to demonstrate how well the website is working, and also to inform CNGA what contents to improve.
Future developments will involve implementations of:
Multilingual support.
Digital forms, e.g. for membership and donations.
A dynamic events system that is easily updatable.
Overall, the focus will be on adding these features and monitoring the website for long-term growth and engagement.
Currently analytics and SEO performance are being tracked through Google Console. Tracked user behaviour, conversion rates, and drop-off points will be used to demonstrate how well the website is working, and also to inform CNGA what contents to improve.
Future developments will involve implementations of:
Multilingual support.
Digital forms, e.g. for membership and donations.
A dynamic events system that is easily updatable.
Overall, the focus will be on adding these features and monitoring the website for long-term growth and engagement.