Skip to content
Dearly Debbie
Back to Build

Website Concept · Community and social impact

BrightPath

A community website study exploring storytelling, participation, visual trust and responsive design.

BrightPath homepage opening with neighbourhood photography and orange actions.
Platform
Web
Disciplines
UX/UI design · Web design · Art direction
Tools
Figma · Webflow · Photoshop
Project
Self-directed concept

01 · Challenge

The design problem.

How can a community website make its purpose immediately understandable while giving participation a warm, practical and credible path?

02 · Objectives

What I wanted to achieve.

  1. 01Keep people, not organisational language, at the centre.
  2. 02Separate programme discovery from participation actions.
  3. 03Make impact information readable without turning it into spectacle.
  4. 04Carry an optimistic hierarchy across every screen size.

03 · Design direction

A clear visual point of view.

Forest green gives the concept stability while a vivid orange marks moments of action. The serif typography keeps the story expressive; generous off-white space and approachable photography stop the system from feeling institutional.

Design principles

  1. 01Purpose before promotion
  2. 02Photography should show participation
  3. 03Actions need plain language
  4. 04Impact figures are interface content, not proof of real outcomes

04 · Final design

Selected direction

BrightPath — selected direction
Complete BrightPath homepage with neighbour stories, programmes and participation routes.

Earlier directions

Two quieter routes explored before the selected direction.

Concept 1

BrightPath — concept 1
First brightpath design direction.

Concept 2

BrightPath — concept 2
Second brightpath design direction.

05 · Reflection

What stayed with me.

This exploration made me think more carefully about the difference between energetic design and visual pressure. The orange works best in small, purposeful moments, while the people-centred imagery carries most of the optimism. A future iteration would extend the programme and volunteering journeys beyond the homepage.

06 · What I explored

The threads inside the work.

  • Impact storytelling
  • Community-centred hierarchy
  • Accessible action pathways
  • Responsive social-impact design