Skip to content
Debbie
Back to Build

Website Concept · Community and social impact

BrightPath

A website study for a community organisation. It tests clear stories, participation routes 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. 01Use people and their work as the main story.
  2. 02Separate programme information from participation actions.
  3. 03Make impact information easy to read.
  4. 04Keep the same clear order on 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. 01Explain the purpose before asking for action
  2. 02Use photography that shows participation
  3. 03Use direct labels for actions
  4. 04Present concept figures as interface content

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.

  • Community stories
  • Information order for community content
  • Accessible actions
  • Responsive layouts