Skip to content
nach morgen — Home
Cover mit petrolfarbenem Hintergrund und miteinander verbundenen Kreisen in Gelb, Orange, Lila, Blau und Grün. Links der Text \

betterplace lab |

Gemeinsam wirksam / Effective together

Design and development of an interactive guide

  • Illustration & Animation
  • Graphic design and editorial

For the betterplace lab, we took on the design of the interactive digital guide “Gemeinsam wirksam – Leitfaden Kollaboration” (Together Effective – Collaboration Guide).” Our task included typesetting, layout, and graphic design, ensuring that the depth of the project’s content was supported by an accessible, visually appealing, and clear design.

Background and objectives

Collaboration is a key skill in today’s world: social challenges such as climate change, disinformation, and social inequality can only be overcome by bringing together many different perspectives. This interactive guide aims to provide insights, guidance, and practical tools for effective collaboration across organizational and sectoral boundaries.

The guide brings together the research and practical experience of the betterplace labs team and aims to encourage actors from civil society, politics, business, and academia to create collaborative spaces where innovation, diversity, and systemic change are possible.

A person is holding a laptop with the cover \
Cover with petrol-colored background and interconnected circles in yellow, orange, purple, blue, and green. On the left, the text \
Colorful chapter overview with topics such as \
Text Ein Reflexionsleitfaden des betterplace lab\
Double page with text about the importance of collaboration in civil society, designed in pink and green pastel colors, with circular elements in the upper right corner
Chapter opening page with orange shapes and the heading \
Two quotes with portraits of people talking about the goals and importance of collaboration, designed with colored circles and text boxes.
Colorful infographic with circular elements representing factors for successful collaboration, such as \

Design

Our design work focused on a clear—yet playful—and interactive layout that not only conveys the content but also brings it to life. The following aspects were important to us:

  • A clear grid ensures readability.

  • Color accents and graphic elements structure the content and facilitate navigation.

  • Graphical presentation of the factors for successful collaboration makes complex knowledge easily accessible.

  • Interactive features such as the clickable table of contents promote orientation and invite deeper engagement.

Chapter opening page in blue with orange shapes and the headline \
Chapter opening page in red with orange shapes and the heading \
Chapter opening page in turquoise with orange shapes and the heading “Fazit und Ausblick” (Conclusion and outlook)
Chapter opening page in yellow with orange shapes and the heading \
Chapter opening page in light green with orange shapes and the headline \