Case study01 / 04
Jaffna Muslim Association UK

JMA UK

Building a digital foundation for a community.

Brand/Digital/Development2026
The JMA UK homepage shown on a laptop
(Project intelligence)
Client
Jaffna Muslim Association UK
Industry
Charity / Non-profit
Role
Lead Developer & Designer
Year
2026
Services
Brand IdentityUX/UIWeb DevelopmentCMSDonation PlatformDigital Infrastructure

A charity with a long history — but no digital foundation to match it.

Since 2002, the Jaffna Muslim Association UK has raised funds for communities in northern Sri Lanka. The work was real and long-standing. Its digital presence was not.

We designed and built the organisation’s complete digital platform — identity, website, giving, publishing and infrastructure — at no cost to JMA.

Before

For years, JMA’s work lived largely offline.

The association had been serving communities for over two decades, but everything that could be seen online depended on someone else. There was no home for its history, no way to give online, and no way for the team to publish without a developer.

  • No dedicated website
  • No online donation platform
  • No independent publishing system
  • Every update depended on a developer
  • No central digital ecosystem

The challenge wasn’t simply to build a website.It was to build the infrastructure around the organisation.

The transformation

From nothing online to a system that runs itself.

7 stages · 1 system
  1. 01No website
  2. 02Brand
  3. 03Digital experience
  4. 04Donations
  5. 05CMS
  6. 06Content
  7. 07Digital ecosystem

Digital ecosystem.

01 / Brand Identity

Giving the organisation a digital identity worthy of its work.

A respectful, confident identity that carries JMA’s heritage into every screen — deep teal for trust, gold for dignity, and a warm off-white that lets the work breathe.

JMA UK logo
Logo
PrimaryJMA Teal#0D5C6B
DepthDeep Teal#073D47
AccentGold#C9A84C
GroundOff-white#F5F0E1
InkNear-black#0F0505
HeadlinesPlus Jakarta Sans

Serving the Jaffna Muslim community

AccentNoto Serif Display

across two nations

BodyInter

For over 20 years, JMA has connected the UK diaspora with families on the ground in Jaffna.

Wordmark set in Helvetica BoldJaffna Muslim Association UK
02 / Digital Experience

A website built around people, not pages.

Designed mobile-first, the site gives every visitor a clear route through JMA’s story, its campaigns and the difference it makes — with giving never more than a tap away.

jaffnamuslimuk.org
The JMA UK homepage
15+Pages
jaffnamuslimuk.org
JMA UK — About JMA
About JMAWho JMA is, its committee and governance
jaffnamuslimuk.org
JMA UK — Zakat
ZakatA dedicated route for the community’s obligatory giving
jaffnamuslimuk.org
JMA UK — Campaigns
CampaignsEvery active appeal with its own public page
Information architecture

The architecture turns a complex organisation into a simple journey.

Every visitor arrives for one of three reasons — to understand JMA, to give, or to take part. The site is organised around exactly those three journeys.

Homejaffnamuslimuk.org
Understand

Organisation

  • About JMA
  • Our History
  • Meet the Committee
  • Governance
  • Annual Reports
  • Contact Us
Give

Give

  • Donate Now
  • Active Campaigns
  • Pay Zakat
  • Qurbani
  • Gift Aid
Take part

Community

  • Membership
  • Events
  • News & Updates
  • Blog
  • Gallery
  • Impact Stories
  • Newsletter
Donations

GIVE.

A donation experience designed around how the community actually gives.

jaffnamuslimuk.org/donate
The JMA UK donation page
  1. 01Zakatزكاة
    The obligatory annual alms
  2. 02Sadaqahصدقة
    Voluntary charity, given at any time
  3. 03Lillahلله
    General giving, for the sake of Allah
  4. 04Qurbaniأضحية
    The sacrifice of Eid al-Adha
  5. 05Fitranaزكاة الفطر
    Zakat al-Fitr, given before Eid al-Fitr
Bank transferGuided transfer with receipt upload
Gift AidAdds 25% to eligible UK gifts, at no cost to the donor
03 / The system behind the site

The website shouldn’t need us to stay alive.

12Admin modules
  1. 01Announcements
  2. 02Campaigns
  3. 03News & Newsletter
  4. 04Blog
  5. 05Events
  6. 06Impact Page
  7. 07Gallery
  8. 08Project Requests
  9. 09Subscribers
  10. 10Report Requests
  11. 11Student Showcase
  12. 12Monthly Quiz

A purpose-built admin dashboard lets the JMA team publish campaigns, news, events and stories themselves — no developer in the loop, no waiting, no cost per update.

Project requests arrive with their own reference numbers, and newsletter subscribers export straight to CSV.

jaffnamuslimuk.org/admin
The JMA UK admin dashboard
Content engine

A living website needs a system for staying alive.

Every module feeds the public site. What the team publishes in the dashboard appears on the public site straight away.

JMA UK — Gallery
GalleryPhoto and YouTube albums, with featured albums on the homepage
JMA UK — News
NewsUpdates and newsletters from the committee
JMA UK — Events
EventsGatherings and dates for the community
JMA UK — Blog
BlogLonger stories and reflections
JMA UK — Impact Stories
Impact StoriesThe difference each project makes
JMA UK — Announcements
AnnouncementsA live ticker across the homepage
04 / Under the hood

Built on a stack that’s easy to keep running.

  • Next.jsFrontend
  • SupabaseDatabase
  • VercelHosting
  • ResendCommunications

DNS, SSL and email authentication configured end to end.

Mobile

Designed mobile-first.Built to work everywhere.

Every page, every campaign and every donation flow was designed for the small screen first — then scaled up, not squeezed down.

JMA UK on mobile — Homepage
JMA UK on mobile — News & Updates
JMA UK on mobile — Donate
The result
15+
Pages
12
Admin modules
5
Giving categories
01
Digital ecosystem

Built at no cost to JMA.

Because some causes are worth more than any invoice.

From a charity without a digital hometo a platform built to serve for years to come.

JMA UK
The JMA UK homepage
JMA UKBrand / Digital / Development
Visit website
Next project02 / 04

Framed Splendor

  • E-commerce Development
  • /Brand Identity
  • /Logo Design
View case study
Framed Splendor project