Case study · 2024

3rd Fife Scouts

Bright, parent-friendly pages for Beavers through Network — easy to scan, easy to join.

Clean group site for 3rd Fife (Royal British Legion) Scouts — programmes, volunteering and joining at a glance.

Het projectverhaal is in het Engels geschreven.

3rd Fife Scouts logo — web design case study by Euan Livingstone

Overzicht

3rd Fife (Royal British Legion) Scout Group is a registered Scottish charity in Dunfermline. The website introduces Beavers through Network, plus routes for leaders and new joiners, within the wider Dunfermline District and Scouts Scotland network — aimed at busy parents who will only give the homepage a few seconds.

Uitdaging

The group needed a welcoming, easy-to-scan site that felt energetic for young people while remaining clear for parents and adult volunteers. Legion heritage and Scout branding both matter; neither should dominate the other.

Oplossing

UI designed in Figma; logo treatments and graphics refined in Illustrator and Photoshop. A warm gold/yellow accent gives the group a bright, optimistic identity across section and volunteering pages, with joining and volunteering CTAs kept obvious on mobile.

Resultaat

Families in Dunfermline can quickly understand what’s on offer and how to get involved, with a consistent local Scout identity that still feels specific to 3rd Fife.

Design tools

Ontworpen in Figma, met merk- en visuele assets in Adobe Illustrator en Adobe Photoshop.

  • Figma
  • Adobe Illustrator
  • Adobe Photoshop

Gebouwd met

Talen en technologieën waarmee de live ervaring is opgeleverd.

  • HTML
  • CSS
  • JavaScript
  • PHP
  • jQuery
  • Bootstrap

Kleurenpalet

Merkkleuren hieronder. UI-accenten op deze pagina worden waar nodig aangepast zodat ze leesbaar blijven op de achtergrond.

  • Legion Gold

    #EDC853

  • Warm Gold

    #D4A017

  • White

    #FFFFFF

  • Ink

    #1B1B1B

Volgende stap

Iets in deze lijn nodig?

Of je nu een organisatie in Dunfermline of Fife bent of een remote UK-klant, ik kan een brief van eerste schets tot live site brengen. Bekijk meer werk, stuur een bericht, of boek een gesprek.