Scouting App

An easy and fun way to track advancements and stay connected to your units.

Scouting App

An easy and fun way to track advancements and stay connected to your units.

Scouting App

An easy and fun way to track advancements and stay connected to your units.

Scouting App

An easy and fun way to track advancements and stay connected to your units.

Isometric image of different design system components
Isometric image of different design system components
Isometric image of different design system components
Isometric image of different design system components

Client:

Boy Scouts of America

Role:

UX/UI Designer

Year:

2020-2022

About Scouting App

Scouting App is a mobile app where scouts and parents can record their advancements, be aware of all their activities and stay connected to their units. This app was built in order to have all your scouting information in the palm of your hand, even if you are offline while hiking in the mountains.

Scouting App is a mobile app where scouts and parents can record their advancements, be aware of all their activities and stay connected to their units. This app was built in order to have all your scouting information in the palm of your hand, even if you are offline while hiking in the mountains.

Challenge

The Boy Scouts of America had a platform named Scoutbook, which provided the entire Scouting community with access to their scouting information. To enhance the tracking of information for specific roles, the Boy Scouts of America decided to divide the data from Scoutbook into different platforms/applications, aiming to facilitate tasks for the users.


Scouting goals for Scouting App:


  • Have a friendly application for youth people to understand and use.


  • Have a noncomplicated way for the parents to upload their children’s scouting information and stay updated about all their advancements.


  • Create a bridge between Scouting App and Internet Advancement by complementing their functionalities, taking as consideration the different final users.

The Boy Scouts of America had a platform named Scoutbook, which provided the entire Scouting community with access to their scouting information. To enhance the tracking of information for specific roles, the Boy Scouts of America decided to divide the data from Scoutbook into different platforms/applications, aiming to facilitate tasks for the users.


Scouting goals for Scouting App:


  • Have a friendly application for youth people to understand and use.


  • Have a noncomplicated way for the parents to upload their children’s scouting information and stay updated about all their advancements.


  • Create a bridge between Scouting App and Internet Advancement by complementing their functionalities, taking as consideration the different final users.

Steps taken to address projects goals

  • The functionalities for parents and youths of Scoutbook were carefully reviewed by the product owner and project manager.


  • User flows were created alongside the product owner, project manager, and tech lead to track parents' and youths' tasks.


  • There were some mockups done, so, in order to refine the experience, the design team did some heuristic evaluations and redesign them.


  • Ideation activities and user stories were applied to make Scouting App more accessible and understandable for younger users, resulting in a reduction of information overload.

  • The functionalities for parents and youths of Scoutbook were carefully reviewed by the product owner and project manager.


  • User flows were created alongside the product owner, project manager, and tech lead to track parents' and youths' tasks.


  • There were some mockups done, so, in order to refine the experience, the design team did some heuristic evaluations and redesign them.


  • Ideation activities and user stories were applied to make Scouting App more accessible and understandable for younger users, resulting in a reduction of information overload.

Solution

Old mockups were revamped with the new and updated design system in order to achieve a friendlier look and feel.

Old mockups were revamped with the new and updated design system in order to achieve a friendlier look and feel.

A before and after mockups for a scout profile.
A before and after mockups for a scout profile.
A before and after mockups for a scout profile.

The before and after for a Scout profile.

To create a more child-friendly and engaging application, the decision to incorporate illustrations and scouting colors programs into the design was made, providing an appealing visual experience for children.

To create a more child-friendly and engaging application, the decision to incorporate illustrations and scouting colors programs into the design was made, providing an appealing visual experience for children.

Threee mockups representing the Scout profile and his information.
Threee mockups representing the Scout profile and his information.
Threee mockups representing the Scout profile and his information.

Illustration made by the illustrator of our team and high fidelity mockups for the Scout profile and his information.

For the parents' experience, we decided to use more neutral colors and change the app colors when the parent change between youth profiles to facilitate him to differentiate between his children's units.

For the parents' experience, we decided to use more neutral colors and change the app colors when the parent change between youth profiles to facilitate him to differentiate between his children's units.

Threee mockups representing the Scout profile and his information.
Threee mockups representing the Scout profile and his information.
Threee mockups representing the Scout profile and his information.

Some screens from the parent profile view.

Data visualization played a crucial role here, after conducting research on how to effectively present data to young users, we implemented key elements that enhanced the understanding of essential information.


A dark mode version was designed as well to let users change their favorite mode from the app settings.

Data visualization played a crucial role here, after conducting research on how to effectively present data to young users, we implemented key elements that enhanced the understanding of essential information.


A dark mode version was designed as well to let users change their favorite mode from the app settings.

A group of mockups from different sections of the app.
A group of mockups from different sections of the app.
A group of mockups from different sections of the app.

A group of screens of different sections from the app.

Achievements

  • The scouting app was well-received by scouts and their parents.


  • The incorporation of illustrations helped increase scouts' engagement with the platform.


  • Additionally, the use of illustrations of young scouts is being adopted by other platforms as a means of protecting the privacy of children, avoiding the need for actual photos.


  • Efforts are currently underway to establish a bridge between Internet Advancement and Scouting App, although this work is ongoing, the initial steps taken have been successful in establishing a strong foundation for this relationship.

  • The scouting app was well-received by scouts and their parents.


  • The incorporation of illustrations helped increase scouts' engagement with the platform.


  • Additionally, the use of illustrations of young scouts is being adopted by other platforms as a means of protecting the privacy of children, avoiding the need for actual photos.


  • Efforts are currently underway to establish a bridge between Internet Advancement and Scouting App, although this work is ongoing, the initial steps taken have been successful in establishing a strong foundation for this relationship.

My Learnings

  • When designing for a broad audience, we should be careful with the design decisions we take, a simple color selection can mean different things to different people.


  • If working for children, always take into consideration their privacy.


  • Gamification plays an important role when showing achievements and trying to get people interested in sharing their advancements with others.

Let’s

work

together

I'm currently looking for new challenges so if you want to take your business to the next level, let's talk! I'm ready to turn your ideas into reality.

Naila's UI/UX Portfolio

Let’s

work

together

I'm currently looking for a new challenge, let's talk and work together!

Naila's UI/UX Portfolio