![](/_next/image?url=https%3A%2F%2Fkarlssonwilker.com%2Fuploads%2Fbg_conference_stage_v2_c72850e6ea.jpg&w=3840&q=70)
Bloomberg Green
For the creation of Bloomberg Green, a multi-channel editorial platform focused on the intersection of climate change and business, Karlssonwilker was called upon to create branding, UX/UI, and digital and print design. Our task was to walk the line between designing a strong, compelling identity and ensuring that it fit seamlessly into Bloomberg's suite of other brands. Since the topics of climate and finance are centered around ever-shifting data, Bloomberg Green's editorial strategy relied on easily customizable charts and infographics. We worked closely with the in-house team to create a visual language that was clear, accessible, and easy to replicate in templates and content management systems.
We also aimed to soften the data-driven structure with visuals that connected the topic back to nature. Hence, we introduced gestures such as using background photos for the infographics and only using images with a clear horizon line. We also introduced a gradient green streak that runs along the edges of feature stories. On digital images, the green slowly rises from the bottom, conveying to the reader on a visceral level that we're all part of the same living, breathing organism.
- Branding & Strategy
- Website & Interactive
![](/_next/image?url=https%3A%2F%2Fkarlssonwilker.com%2Fuploads%2Ffeature_logos_3_5b294245e7.jpg&w=3840&q=75)
Varying uses of BW Haas Grotesk can be seen throughout the Bloomberg Green site. This style separates Bloomberg Green from other branches of the Bloomberg universe.
![](/_next/image?url=https%3A%2F%2Fkarlssonwilker.com%2Fuploads%2Fbloomberg_1920_1080_bb69fa9ef6.jpg&w=3840&q=75)
Infographics for Bloomberg's company-wide Toaster system, with Green preset options.
![](/_next/image?url=https%3A%2F%2Fkarlssonwilker.com%2Fuploads%2Fprocess_1500_1000_d5cea2ec1f.gif&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fkarlssonwilker.com%2Fuploads%2Fnewsletter_1500_1000_124fa388e7.gif&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fkarlssonwilker.com%2Fuploads%2Fmac_laptop_1e722c6aa4.jpg&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fkarlssonwilker.com%2Fuploads%2Fstandalone_0008_Layer_Comp_9_2_82a96a32c7.jpg&w=3840&q=75)
The Bloomberg Carbon-Clock is a real-time estimate of the world's CO2 levels, matched with other graphics of similar caliber.
![](/_next/image?url=https%3A%2F%2Fkarlssonwilker.com%2Fuploads%2Fstandalone_0005_Layer_Comp_6_2_9ffcedf8d9.jpg&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fkarlssonwilker.com%2Fuploads%2Fstandalone_0001_Layer_Comp_2_2_e29391dc28.jpg&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fkarlssonwilker.com%2Fuploads%2Fstandalone_0000_Layer_Comp_1_2_6b86dbc22e.jpg&w=3840&q=75)
The Data Dash panel is the main constant on Green article pages. It breaks down the jargon of climate change into tangible numbers and stories.
![](/_next/image?url=https%3A%2F%2Fkarlssonwilker.com%2Fuploads%2F20200526_GREEN_STANDALONE_3823aadb52.gif&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fkarlssonwilker.com%2Fuploads%2Fstandalone_0003_Layer_Comp_4_2_32f856aaca.jpg&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Fkarlssonwilker.com%2Fuploads%2Fstandalone_0002_Layer_Comp_3_2_2322d5d277.jpg&w=3840&q=75)
It was paramount to present the Data Dash in an accessible, exciting, and identifiable way. Some infographics are filled with imagery, an unusual way for Bloomberg to present information.
![](/_next/image?url=https%3A%2F%2Fkarlssonwilker.com%2Fuploads%2FBloom_Green_Mockup_Bank02_zoom_fd80522bc5.png&w=3840&q=75)