Boys & Girls Club of Atlantic City (ACBGC)
The Boys & Girls Club of Atlantic City provides resources for the development of young people, from all backgrounds – to realize their full potential as responsible & caring adults.
01 Discovery
The mission of the Boys and Girls Club of Atlantic City is to provide resources for the development of young people, from all backgrounds – to realize their full potential as responsible & caring adults. In our discovery phase, we learned that ACBGC found their website unfriendly and difficult to use. They needed a user-friendly update that felt welcoming to their community and was easy to use for parents, exciting for youth, and interesting for young adults that might participate in their programs.
02 Site Architecture
We designed a highly simplified site architecture that centered on the most important action items for all ages. Youth and young adults have direct access to program information, while adults have safety concerns addressed up-front. Joining the program and sending in a donation are just 2 clicks each, making it easy for users to meet their goals.
03 Wireframing
Our wireframes focused on clean, easy to see designs. Full-width sections and large, sans-serif fonts make the pages seem modern and welcoming for younger participants. To make things easy for both users and ACBGC staff, all action items — donations, program signups and contact requests — are run through the same easy-to-use forms.
04 Visual Design
Our visuals focus on bright colors and inviting photography. Photos show participants of all ages enjoying ACBGC programming, while sharp blues and purples give the site a distinctive brand. For pages with heavy text content, we played with font weight to distinguish section headers and get big ideas across.
05 Website Development
When ACBGC loved their designs, we moved to development. They have frequent program updates, so we needed a system that allowed ACBGC to update their own text content and add new pages. The frontend page builder Elementor gave them the flexibility they needed to easily add new responsive page sections. Thorough training and support from our developers in the weeks after launch made handling updates a breeze.
Optimization & QA
Before launch, we gave the website a thorough QA audit to make sure it was responsive to desktop, tablet and mobile devices. When the site was checked over, we launched on acbgc.org.