案例研究 · 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.

项目叙述以英文撰写。

访问线上网站预约类似项目

Web Design · Web Development

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

概览

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.

挑战

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.

方案

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.

成果

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.

设计工具

在 Figma 中设计,品牌与视觉素材在 Adobe Illustrator 与 Adobe Photoshop 中制作。

  • Figma
  • Adobe Illustrator
  • Adobe Photoshop

技术栈

用于交付线上体验的语言与技术。

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

色彩方案

下方为品牌色板。本页 UI 强调色会在必要时微调,以确保在网站背景上可读。

  • Legion Gold

    #EDC853

  • Warm Gold

    #D4A017

  • White

    #FFFFFF

  • Ink

    #1B1B1B

下一步

需要类似方向的项目吗?

无论你是 Dunfermline 或 Fife 的机构,还是英国远程客户,我都能从最初草图推进到上线网站。可查看 更多作品发一条消息,或 预约交流