Context.
The problem
EPISA — a Syrian-led peacebuilding non-profit — needed a website that could carry its mission to donors, partners and researchers in two languages. Its work spans relief and long-term recovery, and the story is delicate: communities as protagonists, never aid recipients. A generic template could not hold that.
Our approach
We built EPISA from scratch on Next.js 16 with React 19. The design system came first — warm neutrals, a Playfair Display / Inter type pairing, restrained motion — then the bilingual architecture: every page renders in English and Arabic with true right-to-left layout, not a mirror trick. Photography direction keeps the focus on the people doing the work.
The outcome
EPISA now has a fast, accessible, fully bilingual website — programs, projects, impact and a donation flow — that holds up from a 360px phone to desktop. Content is structured so the team can keep publishing stories and research without touching code.
What we built.
EPISA's site has to do two jobs at once — move donors and partners to act, and give the organisation a durable home for its programs, projects and research.
Bilingual & RTL
Every page renders in English and Arabic. A language context flips layout direction, fonts and copy — genuine right-to-left, with Amiri for Arabic headlines.
Design system
Colour tokens, a Playfair Display + Inter type scale and documented spacing — reused across every section so the site stays consistent as it grows.
Donation flow
A clear give page — amount presets, one-time or monthly, donor details and confirmation — built to convert without pressure.
Programs & projects
A content architecture for six programme areas and individual project pages, so each impact story has a place to live.
Built for speed
Next.js image optimisation, AVIF/WebP, self-hosted fonts and long-life caching keep the site quick on slow connections.
Accessible by default
Semantic landmarks, keyboard-friendly navigation and reduced-motion support — the site works for everyone it serves.
A system, not a page.
Before a single section was built we set the language: warm paper-toned neutrals, a measured blue, and earthy clay and leaf accents — paired with a serif/sans type system that carries both Latin and Arabic.