Three flags of the German Environment Agency in pink, green, and yellow against a blue sky with light clouds, representing the corporate design of the environmental agency.
Corporate Design Website & Scrollytelling Print Social Media Air Quality App Environmental Innovation Programme 50 Years of the UBA Hitzeknigge

Umweltbundesamt

From the corporate design to the website, numerous print publications and exhibitions, right through to its own app – together with the Umweltbundesamt, we have successfully implemented many different digital and analog projects in recent years.

Customer:
Umweltbundesamt
Projects:
AppBrandingSocial MediaGraphic DesignWebsite
Special competences:
Infographics, Scrollytelling
Field:
Public Institutions & Authorities
Year:
since 2009
Links:
umweltbundesamt.de
Technical maintenance of the website by werk21
Several colored documents and design templates lie on a table, while a hand with a pen points to a red document and marks details.
Signage of the German Environment Agency in green-yellow letters on a modern glass facade with wooden elements and a green area in the foreground.
Corporate design documentation for the German Environment Agency, consisting of design guidelines, color palettes, layout templates, and application examples in various media such as print publications, website, and app.
White cardboard box with a green label on a wooden surface, depicting product packaging or a publication by Studio Good for the German Environment Agency.

Corporate Design

As part of the redesign and conceptualization of the website, a new visual identity was also implemented. The goal of the relaunch was a striking overall appearance with high recognition value, designed to enhance the perception of the UBA as a modern institution.

Website & Scrollytelling

The website has been continuously expanded and further developed in recent years. In numerous workshops, the needs of all specialist departments were identified and merged with user expectations. Great importance was placed on accessibility and barrier-free usage.

Website of the German Environment Agency with a green-and-white design, which clearly presents various environmental categories and information areas in square tiles, featuring symbols and graphics for data, trends, and environmental indicators.
Satellite image of Earth showing Africa, the Middle East, and parts of Asia. Blue oceans and landmasses in various earth tones, with cloud formations surrounding the atmosphere.

Scrollytelling

Useful features and website elements, such as a comprehensive website builder for storytelling, were successively conceptualized, designed, and implemented. This serves for the advanced processing and presentation of information on selected specialist topics.

Three side-by-side information cards with graphics and text about stressors in the life of bream, including temperature and metabolic statistics in shades of blue and white.

Print/Publications

In each issue, the "Schwerpunkt" magazine is dedicated to relevant topics in the field of environmental protection and is considered the primary image publication of the UBA.

Open magazine pages with a large graphic of the human lung in shades of purple and gray, depicted on a turquoise background.
Open magazine with a table of contents presenting various pages and topics in a clear layout, against a mint green background.
Title page of a brochure on the topic of recycling with a focus on scrap metal, presented on a purple background with orange accents and stacked scrap parts in the background.
Open brochure with a yellow page section shows icons and a diagram for the 40th anniversary of the Blue Angel, the well-known ecolabel.

The German Environmental Survey on Health (GerES) is a long-term study by the Umweltbundesamt on the health impacts of pollutants and other environmental influences on the population. With around 5,000 participants per survey, it is the largest of its kind in Germany.

We developed all communication media: from name development to corporate design, the design of all forms and information media, through to the development of a mascot. All media were documented in a clearly structured manual.

Stacked document pages with a green-and-white layout, showing drafts and printed materials for the Federal Environment Agency. The sheets are arranged in various sizes and orientations on a gray background, with visible design elements and text passages.
Six happy children jumping in a meadow against a blue sky, symbolic of the German Environmental Survey on Health of Children and Adolescents (GerES 2014-2017).
Media Handbook book cover in white with abstract, colorful vertical shapes in yellow, blue, green, purple, and pink against a violet background, presented in a slight perspective.
Orange squirrel with big eyes, holding a green tablet or device, next to a sketchy drawing with various character poses in shades of gray.
Certificate of the German Environmental Education Award in a wooden frame against a yellow background, with colorful stylized human figures as a graphic element and two signatures at the bottom.

Social Media Management

In close coordination with the UBA's social media team, various formats have been created in recent years, the content of which has been further developed based on the interests of the social media community. Special milestones, such as the 50th anniversary, played a particular role in this.

Green recycling box with the word "Umweltbildung" and the recycling symbol, in the background a smiling person in a plaid shirt with a plastic bottle.
Yellow background with white lightning bolts symbolizing energy saving. White text box in the middle with the inscription "Save energy".
Various ripe tomatoes in a crumpled paper bag in front of a green background with the question: "Which food is thrown away?
Graphical representation of the topic of greenhouse gas emissions in Germany with a white text box against a blue background with industrial symbols like clouds, buildings and a crane.
75% of the annual 2,000 tons of fine dust are released on New Year's Eve by burning fireworks, on a purple-black background with dynamic dust graphics.
Earth Overshoot Day 2024 graphic stating that if everyone worldwide lived like Germans, the resources for the year 2024 would already be used up by May 2, on a blue background.
Fresh red and purple onions as a background for an infographic about plant-based nutrition. The text explains that the production of animal-based foods causes the majority of the environmental impacts of agriculture.
Speedometer with a green arrow pointing to a slower speed. Speed limit graphic showing an emission reduction of 5.3 million CO₂ equivalents in 2018 through speed reduction on highways.
Tips for sustainable Easter decorations on a purple background with a background image of dyed Easter eggs. Three tips for eco-friendly Easter egg dyeing: using natural ingredients such as onions or walnut shells, alternative coloring options from pharmacies, and buying eggs from organic farms.
Colorful, geometric illustration with various everyday objects such as a car, books, a Christmas tree, electronic devices, and geometric shapes in a playful, abstract compositional style.
Graphic illustration in yellow with various surreal objects such as a light bulb, a dinosaur, a coffee pot, hooks, and light bulbs in a stylized, minimalist depiction.
Graphic representation of three vehicles - a yellow car and two red and orange trains or buses - shown against a dark blue background with a number 11 and long light reflections.
Stylized illustration of various coffee machines and kettles in coral and white. Coffee equipment such as espresso makers, kettles, and drip brewers are connected by cables, conveying a modern and creative kitchen design language.
Various bags and backpacks in blue, grey, pink and white on an orange background, including a shopping bag, a backpack, a shoulder bag and a tote bag with the letter U.

"Air Quality" App

The app pools data from 400 measuring stations across Germany on health-endangering pollutants such as particulate matter (PM10), nitrogen dioxide, and ozone. The app provides hourly updated data and calculates the air quality index. Depending on the index value, the app gives health tips for outdoor activities. Measuring stations located, for example, on the way to work or near home can be saved as favorites for quicker access. The receipt of warnings can also be set up to ensure quick information in the event of poor air quality.

UI design of an environmental app with three smartphone screens displaying maps, air quality data, and environmental information for Stuttgart in various colors and graphics.
Air quality index graphic with monitoring stations and air pollutants, depicting various levels of environmental impact in colors ranging from green to red, including health recommendations for different air quality conditions.
A white Apple Watch with an activated screen, worn on a wrist by a hand, against a blurry, bright background.
Measuring air quality right on your wrist – it's possible with the Apple Watch application.
Instagram mockup with smartphone display and app design in purple and green for an environmental project. Several screens show a mobile application with environmental themes, depicted on a purple background with design elements like QR codes and brochures.

"Environmental Innovation Programme" Website

Over the last 40 years, numerous companies in Germany have invested in innovative technical processes with funding from the Environmental Innovation Programme. The goal of the corporate design and website relaunch was to provide the projects of the Environmental Innovation Programme with improved visibility and greater prominence on the website.

Website of the Environmental Innovation Programme with information on a project for automated passenger car tire retreading, structured into different sections and with graphic elements for visualization.
Worker in protective equipment doing industrial work, surrounded by golden steam or light, symbolizing technical innovation and occupational safety in the Environmental Innovation Programme.
Various design documents and stylesheets with the logo and branding of the German Environment Agency, showing different font sizes and alignments in shades of blue and gray.
Environmental Innovation Programme logo on a blue, patterned background with a stylized checkmark in a blue and white color scheme.
Two roll-up banners with technical information and graphics on energy-efficient system designs, presented against a dark background, with the information kept in a blue-grey color palette.
Three-sided brochure of the German Environment Agency in blue-green tones, open on a teal background. The publication shows information on the Innovation Programme with a graphic layout and partially visible images of technical installations.

50 Years of the Umweltbundesamt

For the anniversary event marking the 50th anniversary of the Umweltbundesamt, a modern visual identity was developed, and alongside the commemorative publication, a sustainable exhibition was also conceptualized and designed.

Five people are sitting on a stage at a panel discussion, in front of a colorful geometric background. They are wearing business attire and appear to be participating in a discussion event.
Two hands point to a black-and-white exhibition poster with a historical photo and years between 1974 and 1979, which appears to be part of a contemporary history documentation.
Four people stand in front of information boards with various texts and graphics that seem to be part of an exhibition. The boards are mounted in wooden frames and are located in front of a modern glass building with wooden elements.
Folded information leaflet with the number 50 in pink on a white background, held by a hand in front of a blurred background.
A woman with long hair stands at an orange exhibition stand marking the 50th anniversary of the Federal Environment Agency. She is looking at informational material in front of stacks of brochures and documents.

Hitzeknigge & "Schattenspender" Information Campaign

The overall design was developed for the "Schattenspender" information campaign, and the editing and copywriting were implemented in close coordination with the Umweltbundesamt. This included the layout and illustration of the "Hitzeknigge" guide, the creation of animations and social ads, as well as extensive information material. In addition, customizable templates for municipalities and other multipliers, along with checklists and guidelines for communicative support, were conceptualized and developed.

Related

case

Historical Museum Frankfurt

App, Branding, Motion, Campaigns, Social Media, Graphic Design
case

BMZ digital.global

Branding, Motion, Graphic Design, Website, Event & Space