Work / CedarRise Website
✦ CASE STUDY · WEB DESIGN / NONPROFIT

CedarRise Website

Extending a brand identity into a full public website and an internal admin dashboard — the hardest part of the whole project — for an NGO running several live programmes at once.

CLIENT
CedarRise
INDUSTRY
Nonprofit / NGO
TIMELINE
2 Months
ROLE
UI/UX & Web Design
CedarRise homepage — Nurturing Minds, Transforming Communities
OVERVIEW

The short version

The same product manager who commissioned CedarRise's brand identity came back for the organisation's next step: a full website. I took charge of the build end to end — the public-facing site across every programme, and an internal admin dashboard for the team managing it all day to day, which turned out to be the hardest part of the whole project.

CONTEXT

A returning client, a bigger project

Having already built CedarRise's brand identity, extending it into a full website was a natural next step — but a much bigger one. Instead of one mark and a colour system, this meant a complete public site across several live programmes (ASH, TACOTS, Outreaches, Capacity Building), plus an internal system for the team running them.

THE PROBLEM

Two very different users

The public site needed to move visitors toward donating, volunteering or enrolling. The admin side needed to give non-technical programme staff a way to track real operational data — enrolment, dropout trends, mentorship hours, acceptance rates — across multiple programmes, without needing a background in data to read it.

OBJECTIVES

What the design had to do

Carry the identity through

Extend CedarRise's existing brand — mark, colour system, tone — across a much larger public site.

Walk the client through it

Since this was CedarRise's first full website, go through every page personally so the team understood the structure.

Make the admin side usable

Turn genuinely complex programme data into a dashboard staff could actually read and act on daily.

MY ROLE & SCOPE

What I actually did

I worked as UI/UX Designer, Website Designer and Brand & Digital Designer, covering the full public site — Home, About, Capacity Building, the individual programme pages, Blog and Get Involved — and the internal admin dashboard used to manage forms, tracking and records across every programme.

Home & About Programme pages — ASH, TACOTS, Outreaches Capacity Building Blog & Get Involved Admin dashboard Forms & tracking system
PROCESS

How it came together

Since the identity already existed from the earlier brand project, the starting point was structure, not style — mapping every page the site needed before designing any of them. I grouped the sitemap by programme (Home Pages, ASH Pages, TACOTS Pages, Volunteer Pages) so each initiative could be designed as its own self-contained section rather than fighting for space on shared templates.

CedarRise website sitemap in Figma, grouped by programme: Home Pages, ASH Pages, TACOTS Pages and Volunteer Pages

Sitemap, grouped by programme

The admin side needed the same kind of structural thinking before any screen design: forms and tracking data for ASH, TACOTS, Outreaches and Capacity Building each had to live somewhere logical, alongside content management and records. Since this was CedarRise's first full website, I walked the client through every page as it came together rather than handing over a finished file at the end.

CedarRise admin dashboard sitemap in Figma, showing form data, tracker pages and logistics organised by programme

Admin structure, planned before any dashboard screen was designed

KEY DECISIONS

Why it looks the way it does

One identity, two audiences

The same red, gold and near-black system from the brand identity carries through both the public site — built to inspire trust and donations — and the admin dashboard, so it reads as one product even though the two sides serve completely different people.

Data grouped by programme, not by chart type

The dashboard's KPI cards are grouped by programme first — Home, Volunteers, Capacity Building, ASH, TACOTS, Outreaches — before any chart appears, so staff can find the numbers for the programme they run without scanning the whole page.

FINAL SOLUTION

The public site and the admin dashboard

Each programme gets its own page — story, numbers, and a clear next step — before the admin dashboard takes over behind the scenes.

CedarRise After School Hours (ASH) programme page

ASH — After School Hours

CedarRise TACOTS — Take A Child Off The Streets programme page

TACOTS — Take A Child Off The Streets

CedarRise Capacity Building programme page

Capacity Building

CedarRise admin dashboard showing KPI cards grouped by programme: Home, Volunteers, Capacity Building, ASH, TACOTS and Outreaches

Admin dashboard — programme overview

CedarRise admin dashboard charts showing graduation rate trend, monthly attendance and test scores

Admin dashboard — student performance & success metrics

RESULTS & IMPACT

Where this stands

The site is live and in daily use — the public side for visitors, donors and volunteers, and the admin dashboard for CedarRise's internal team tracking ASH, TACOTS, Outreaches and Capacity Building. You can see it for yourself at the link below.

REFLECTION

What this project taught me

Being trusted with a second, much larger project by the same client meant the brand-identity work had done its job — but it also raised the bar. The admin dashboard was the real test: translating operational data I didn't have a background in into something programme staff could read at a glance took more back-and-forth with the client than any other part of the build, and walking them through every page as it was designed — rather than at the end — made that process work.

NEXT PROJECT

A self-directed Web3 payment concept — JEKO Pay.

View JEKO Pay →

Got a growing product that needs both a public face and a usable back end?