Scouting America - Website Redesign

For my final project I tackled an existing site redesign. Boy Scouts of America recently rebranded as Scouting America and refreshed some aspects of their visual style. Their current website still doesn't reflect these changes and I wanted to refresh the design and include some animations to add some dynamism to its presentation.

I used Figma to complete this project, leveraging its prototyping capabilities and flexibility.

To start the project, I initially created a moodboard, exploring different visual styles and referencing similar sites, like the Girl Scouts' site, and other Scout organizations around the world. I also looked at educational sites aimed at children.

Initially, I recreated the current site map to have a better idea of what information was being showcased and how it was organized. I re-categorized it to reduce the number of items on the top navigation menu.

You can see the current site map here and the new site map, re-categorized by me, bellow it.

Due to time constrains, I only redesigned the home page. During the wire-framing stage I mocked up the mobile version of the home page to expedite the process and get a better understanding of what information would be displayed here.

During this stage a explored different layouts and design elements from my mood-board to see what would fit better the brand style and which one would showcase the information in the best way possible.

After multiple iterations, I landed in this design. It's a clean layout, with shorter text blocks and more organized. The red, blue and white follow the brand color palette, and creates a nice contrast to highlight important information and the photography being showcased, which is important to convey what the organization offers to parents and their children.

Once I defined the final design, I started using Figma's powerful prototyping tools to include animations and interactions. I wanted to add dynamism to the site, since the current version is very static. I wanted the site to feel a little fun, without straying from the brand's message of discipline and values.

You can check the whole prototype here:
https://figma.fun/bq8KDb

Thanks for checking my project. I hope it was useful and/or insightful for you.

Thanks for checking my project. I hope it was useful and/or insightful for you.