Available for Full-time and Freelance Work.

Contact

ahutchingsdesign@gmail.com

© Hutch Design llc.

Created on Framer.

Boston Consulting Group

Boston Consulting Group

Boston Consulting Group

Bridging the Climate-Action Gap.

Bridging the Climate-Action Gap.

Role

Role

Role

Art Direction

UI/UX designer

Art Direction

UI/UX designer

Year

Year

Year

2022

2022

Overview

Overview

Boston Consulting Group (BCG), a global consulting firm that partners with leaders in business to tackle their most important challenges and capture their greatest opportunities. Embracing a spirit of deep collaboration and a global community of diverse individuals, BCG is determined to make the world and each other better every day.

Boston Consulting Group (BCG), a global consulting firm that partners with leaders in business to tackle their most important challenges and capture their greatest opportunities. Embracing a spirit of deep collaboration and a global community of diverse individuals, BCG is determined to make the world and each other better every day.

Problem

Problem

BCG came to The Charles Grp looking to create a series of Interactive articles/microsites aimed to arm business decision-makers with concrete actionable information to tackle some of society’s toughest challenges - food waste, climate action, AI expansion, etc. 



Working with BCG’s editorial team, we were tasked with creating interactive sites that made  dense information digestible without losing the invaluable nuance.

BCG came to The Charles Grp looking to create a series of Interactive articles/microsites aimed to arm business decision-makers with concrete actionable information to tackle some of society’s toughest challenges - food waste, climate action, AI expansion, etc. 



Working with BCG’s editorial team, we were tasked with creating interactive sites that made  dense information digestible without losing the invaluable nuance.

Design Process

Design Process

After an initial kickoff with BCG’s editorial team, where we met with the key stakeholders to gain a better understanding of the issue and what priorities/limitations are, our team began a deep dive into the clients brand guidelines and started initial research. This included developing an understanding of how the BCG audience views the content on the page, what they click on, where they get stuck etc. (information provided by BCG development team). At the same time a moodboard was compiled to convey the general look and feel and concept that would inform how users interact with the page.  


Once general concept was agreed upon the team began a deep dive on how to best visualize the data and key information looking at inspiration from news outlets and other interactive articles. Low fidelity wireframes were constructed and presented to BCG’s Editorial and Developer teams for user feedback. From this new solutions were created and the project was ready for design stage. After final approval designs and necessary design files/images were handed off to the BCG developer team. Progress was monitored through a staging site and Q+A’d during the development process.


After launch, site was monitored and user behavior was recorded for future projects.

Solution + Results

Solution + Results

Understanding the audience base was an important part of this project. Knowing that we were targeting business leaders with limited time, priorities were set on condensing information, allowing users to explore on their time. The dense information was contained within this narrative of positivity towards the future so it was also key to show this sense of time line throughout the page.


Key points:


  • Used an expanding circle visual to highlight the micro and macro of the problem.

  • Created a series of interactive modules that used tabbed navigation to condense information at the users will

  • Implemented a contact button that invited audience to talk and potentially use BCG for future projects

  • Embedded new and existing video to highlight key points

  • Used scroll animation to create interest and hold audiences attention


Through these improvements this site saw improved scroll through rates and click throughs on interactive modules.

More Projects

More Projects

Below is a series of work from previous clients.

To view project hover over the card and click.

Z by HP

Product Design

Branding

Product Design

Branding

Z by HP

Telesat

Product Design

Branding

Product Design

Branding

Telesat

Available for Full-time and Freelance Work.

Contact

ahutchingsdesign@gmail.com

© Hutch Design llc.

Created on Framer.

Available for Full-time and Freelance Work.

Contact

ahutchingsdesign@gmail.com

© Hutch Design llc.

Created on Framer.