Brownie Unit Website
I designed and developed a website for 12th Bangor Brownies to help encourage girls to join, showcase the activities they can partake in and help parents with registration information.
To design the website, I used Figma Make to explore design concepts, refine the layout and visual identity as well as manually updating the copy to create a playful, welcoming experience inspired by the Girlguiding Brownies brand.
I then developed the website in VS Code, using Figma MCP to support design-to-code implementation and GitHub Copilot to assist with development. Throughout this process I also considerated SEO and AEO and these can be used to help local parents find relevant information.
This project allowed me to explore how AI-assisted tools can accelerate the journey from design concept to functional website while maintaining a focus on usability, accessibility and design quality.
The Design Process
The brief was to create a one to two page website which showcased 12th Bangor Brownies, highlighting the activities and experiences available to girls and providing parents with essential information in a clear, welcoming and engaging format.
This included introducing the unit, showcasing photographs of activities, answering common questions and explaining how to join.
The Design Process
The brief was to create a one to two page website which showcased 12th Bangor Brownies, highlighting the activities and experiences available to girls and providing parents with essential information in a clear, welcoming and engaging format.
This included introducing the unit, showcasing photographs of activities, answering common questions and explaining how to join.