Boston Consulting Group (BCG) is a pioneering global consulting firm with over 25,000 employees across 100 offices. Rare Volume created a data visualization system for BCG’s use across all print, video, and interactive media for the firm.
My role:
Creative Direction, Design, Motion, UX
From discovery to strategy to production, we led the design of a versatile data visualization system that enables an international collective of writers, editors, designers, and developers to create quality content consistently.
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/1f0ff4178517507.64e91ccdba6c5.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/17e224178517507.64e91ccdbc5e3.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/d4a303178517507.64e91ccdb9d48.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/1509ab178517507.64e91ccdbd25a.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/d78b91178517507.64e91ccdbea0a.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/fa319b178517507.64e91ccdbbc78.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/a66914178517507.64e91ccdb8741.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/07973a178517507.64e91ccdb911b.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/d03d64178517507.64e91ccdbde46.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/19f541178517507.64e91ccdbb02c.jpg)
Within the system, three categories accommodate a wide range of data narratives, platforms, marketing and communications objectives.
![data visualization interactive graphic design dataviz infographic chart Charts Graphs design system UI/UX](https://mir-s3-cdn-cf.behance.net/project_modules/1400/60679b178517507.64e91fc7358c2.gif)
Category 1
Data stories told through a single data point, visualized via text and representative graphics.
Data stories told through a single data point, visualized via text and representative graphics.
Data Point: 1
Types of Visuals: Increase, Decrease, Rebound, Percentage, Big number
Platforms: BCG Social (LinkedIn, Instagram, Twitter)
Types of Visuals: Increase, Decrease, Rebound, Percentage, Big number
Platforms: BCG Social (LinkedIn, Instagram, Twitter)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/3b09b1178517507.64e91fc657825.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/ac9445178517507.64e91fc65a1a1.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/6062d2178517507.64e91fc659197.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/21bb7d178517507.64e91fc656c40.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/5e5a36178517507.64e91fc65846b.jpg)
Category 2
Exhibits with 2-4 data points. Best used to show comparison or change.
Exhibits with 2-4 data points. Best used to show comparison or change.
Data Points: 2-4
Types of Visuals: Bar Chart, Stacked Bar Chart, Line Chart, Bubble Map, Donut, Pie
Platforms: BCG.com, BCG Social (LinkedIn, Instagram, Twitter)
Types of Visuals: Bar Chart, Stacked Bar Chart, Line Chart, Bubble Map, Donut, Pie
Platforms: BCG.com, BCG Social (LinkedIn, Instagram, Twitter)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/da0507178517507.64e91fc6c5666.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/098166178517507.64e91fc6c4ca9.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/87f30e178517507.64e91fc6c4274.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/64964d178517507.64e91fc6c3812.jpg)
Category 3
Data-rich visuals allow readers to contemplate a range of information that usually points to multiple insights and takeaways.
Data-rich visuals allow readers to contemplate a range of information that usually points to multiple insights and takeaways.
Data Points: 5-10
Types of Visuals: Bar Chart, Stacked Bar Chart, Line Chart, Bubble Map, Area Chart, Stacked Area Chart, Scatter Plot, Treemap
Platform: BCG.com
Types of Visuals: Bar Chart, Stacked Bar Chart, Line Chart, Bubble Map, Area Chart, Stacked Area Chart, Scatter Plot, Treemap
Platform: BCG.com
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/f4266c178517507.64e92438b2901.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/8e3854178517507.64e92438b3c82.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/f1a81c178517507.64e92438b32d3.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/29018d178517507.64e92438b4851.jpg)
The system includes in-depth rules and best practices or revealing narratives through interactive design, i.e. hover, click, states, and more
![data visualization interactive graphic design dataviz infographic chart Charts Graphs design system UI/UX](https://mir-s3-cdn-cf.behance.net/project_modules/1400/66e29a178517507.64e9243c23f44.jpg)
Interactive Overlay
Overlays provide context by presenting data sequentially and/or show related content for comparison.
Overlays provide context by presenting data sequentially and/or show related content for comparison.
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/994f81178517507.64e924393d871.gif)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/b468fc178517507.64e924393ec9d.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/a75f64178517507.64e924393e29f.gif)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/2f1144178517507.64e924393cd45.jpg)
Interactive Tooltip
Hover/scrub allow users to dig deeper into datapoints.
Hover/scrub allow users to dig deeper into datapoints.
![](https://mir-s3-cdn-cf.behance.net/project_modules/1400/60f51a178517507.64e92439c4857.gif)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/03f87f178517507.64e9243a3b010.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/555716178517507.64e9243a3bfc0.gif)
Interactive Subsets
Data subsets highlight change in data beyond the initial graphic.
Data subsets highlight change in data beyond the initial graphic.
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/137041178517507.64e9243ac1aee.gif)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/07b274178517507.64e9243ac0ef3.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/54a1a2178517507.64e9243ac0438.gif)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/caec0b178517507.64e9243ac2713.jpg)
Visual Explorations
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/92bc85178517507.64e9243b6be08.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/bae9ff178517507.64e9243b5e1cb.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/6f6a95178517507.64e9243b6076e.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/c3f59a178517507.64e9243b64306.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/84831a178517507.64e9243b63677.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/9de3ed178517507.64e9243b69c8b.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/89a876178517507.64e9243b652cf.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/47a3ff178517507.64e9243b629dc.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/6c1d6a178517507.64e9243b6a898.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/b7394d178517507.64e9243b66414.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/d22428178517507.64e9243b6743d.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/f3bedd178517507.64e9243b6b423.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/a09eac178517507.64e9243b61f26.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/1e6733178517507.64e9243b5fac7.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/a7db00178517507.64e9243b68422.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/c4b060178517507.64e9243b691ca.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/a047d2178517507.64e9243b6144e.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200_webp/32f271178517507.64e9243b5ecfb.jpg)
x
![data visualization interactive graphic design dataviz infographic chart Charts Graphs design system UI/UX](https://mir-s3-cdn-cf.behance.net/project_modules/1400/b46b08178517507.64e9243c2330a.jpg)
Client
BCG
Studio
Creative Team
Executive Creative Director—Jonathan Kim
Creative Director—Alvin Groen
Design & Motion—Alvin Groen, Luka Schulz, Jonathan Kim, John Lee
Creative Director—Alvin Groen
Design & Motion—Alvin Groen, Luka Schulz, Jonathan Kim, John Lee
See more at rarevolume.com