Fallstudie · 2024
Dunfermline District Scouts
A clearer district gateway for Fife Scouting, plus the camp that proved large-scale operations software.
District-level Scout website covering sections, volunteering, camping and youth-shaped programmes — and the original home of ScoutCamp for an 800+ person district event.
Die Projektbeschreibung ist auf Englisch verfasst.
Überblick
Dunfermline District Scouts supports young people across Fife through Squirrels, Beavers, Cubs, Scouts, Explorers and Network. The district site connects families to sections, volunteering routes, camping (including Nine Acres and Fordell Firs), news and the wider Scouts Scotland ecosystem. It was also the catalyst for ScoutCamp: I originally developed the Scout Camp Management Platform for a Dunfermline District camp, where it was used to run an event of over 800 people — registrations, attendance and on-the-ground operations at district scale.
Herausforderung
District sites must serve parents, young people and adult volunteers at once — with clear routes into joining, leadership and camping — while respecting Scouts Scotland branding guidelines. Separately, running a large district camp exposed how spreadsheets and ad-hoc tools fall short when hundreds of young people and leaders need coordinated registrations, check-in and communications.
Lösung
Wireframes and UI for the public district site were designed in Figma; district assets were refined in Illustrator and Photoshop. The build organises content around Youth Shaped sections, Camping, Volunteering and District Team/Trustees, using Scout blue as the primary signal colour. In parallel, the first ScoutCamp management platform was built specifically for that district camp — proving the workflow that later became scoutcamp.co.uk.
Ergebnis
A clearer district gateway for families and volunteers, plus a battle-tested camp operations system that successfully supported an 800+ person Dunfermline District event and seeded the ScoutCamp product.
Design-Tools
Gestaltet in Figma, Marke und visuelle Assets in Adobe Illustrator und Adobe Photoshop.
- Figma
- Adobe Illustrator
- Adobe Photoshop
Umgesetzt mit
Sprachen und Technologien für die Live-Erfahrung.
- HTML
- CSS
- JavaScript
- PHP
- jQuery
- Bootstrap
Farbpalette
Markenfarben unten. UI-Akzente auf dieser Seite werden bei Bedarf angepasst, damit sie auf dem Hintergrund lesbar bleiben.
Scout Blue
#0161CE
Bright Blue
#006EE0
White
#FFFFFF
Ink
#1B1B1B
Nächster Schritt
Brauchst du etwas in dieser Richtung?
Ob du eine Organisation in Dunfermline oder Fife bist oder ein Remote-Kunde in Großbritannien — ich begleite ein Briefing vom ersten Entwurf bis zur Live-Site. Sieh dir weitere Arbeit an, schreib mir oder buche ein Gespräch.