[B2C]

Online Registration Platform

Company: Boy Scouts of America
Role: UI/UX Designer

Task: Condense the existing BeAScout site and focus it on it’s one original purpose; the entry of the online registration funnel.

Playing with slime

Project Background

Beascout.org was always intended to be the top of the funnel leading to online registration in BSA programs, both for youth & adult volunteers. The place where units could present all relevant information to prospective members for them to make a decision about who to join. 

However, the way it was designed had no true focus. Many of the pages were instead built around content convincing people to join the BSA in the first place, or talking about program details, rather than getting them through the registration process. 

This created a very confusing experience for everyone, as users who were looking to register found pages talking about programs, and users looking for program details found pages about registering. On top of all that, many of the core pages of the site took upwards of 12 seconds to load, frustrating users and causing the site to have an abnormally high bounce rate.

Data Structure

One of the first steps was to look at all the information available from the API for each unit and figure out how to present it all in a concise way, knowing that not all units have the same information available.

The width of each column was also defined, as well as how each element responds to smaller screen sizes.

Unit-Pin-Info-List-View

Mobile Responsive

Be-a-Scout-Results
Be-a-Scout-Results-Copy
Be-a-Scout-Results-Copy-3

User Testing

Once the design was established, the prototype was used to run a user test through a remote testing platform (UserTesting). 

Five people were given 11 tasks to complete and from their feedback many insights were uncovered. These insights helped to iterate the design before going live. 

Be-a-Scout-User-Testing

Key Results

13,000

3 pages

4 min

Avg. Weekly Users

Per Visit

Avg. Visit Duration

Project Learnings
Always test before launch

With five people you are able to discover 85% of the issues being faced, while it takes as many as 12 to find the final 15%. 

Testing before launch uncovers usability issues that final users will face with the product. 

© Nour Maatouk Yabra 2024
UX Strategist 

Back to top Arrow