Diese Website durfte ich für den Berufsverband für Gesundheitsförderung e.V. gestalten – eine Organisation, die sich mit ganzer Kraft für mehr Gesundheit, Prävention und Lebensqualität einsetzt. Eine Website, die Vertrauen aufbaut, Barrieren abbaut und Nutzer:innen emotional wie inhaltlich abholt.
Das Ziel war klar: ein bewusstes, modernes Webdesign, das sowohl Fachpublikum, Mitglieder, Multiplikator:innen als auch interessierte Bürger:innen anspricht. Seriös, aber nicht steif. Freundlich, barrierearm und offen für Vielfalt. Ein Ort des Austauschs und der Information – digital und doch persönlich.
Zielgruppengerechtes Webdesign – Struktur trifft Lebendigkeit
Achtsames Webdesign bedeutet für mich, die Menschen mitzudenken, die die Seite nutzen – mit ganz unterschiedlichen Hintergründen, technischen Geräten und Bedürfnissen. Deshalb wurde das Design ganz gezielt an die Anforderungen eines Vereins angepasst, der professionell arbeitet, aber dennoch zugänglich bleiben will.
Die Farben spielen dabei eine zentrale Rolle:
- Petrol steht für Tiefe, Vertrauen und Stabilität – perfekt für eine Organisation, die fundiert arbeitet.
- Grün symbolisiert Wachstum, Lebendigkeit und Gesundheit – und gibt der Seite genau den frischen Impuls, den Gesundheitsförderung verdient.
Diese Farben finden sich nicht nur im Logo, sondern ziehen sich bewusst durch das gesamte Design: in Buttons, Überschriften, Icons und Akzenten. Das sorgt für visuelle Wiedererkennbarkeit und stärkt das Branding.
Das Logo lebt im Webdesign weiter – visuelle Identität mit Tiefe
Ein besonderes Detail: Das Design greift Gestaltungselemente des Logos auf – vor allem die beiden grünen Blätter. Diese tauchen auf ganz subtile, aber wirkungsvolle Weise immer wieder auf:
- Als Bullet Points in Listen sorgen sie für einen natürlichen, sympathischen Look.
- Beim Seitenwechsel erscheinen die zwei Blätter als Preloader-Animation – ein kleines, liebevolles Detail, das Leichtigkeit und Wiedererkennung schafft.
So entsteht ein gestalterischer Zusammenhang, der weit über die Startseite hinausgeht. Das Logo ist nicht nur eine statische Marke – es wird Teil der Bewegung, Teil des digitalen Erlebnisses.
Visuelles Storytelling mit eigenem Intro-Video
Ein Highlight der Startseite ist das selbst konzipierte und geschnittene Intro-Video. Es begrüßt Besucher:innen direkt beim Einstieg in die Seite – mit starken Bildern, echten Begegnungen und einer klaren Botschaft: Gesundheitsförderung ist gemeinschaftlich, dynamisch und zukunftsorientiert.
Das Video verbindet Menschen, Orte und Aktivitäten – und endet mit der stimmigen Entfaltung des Logos. Dadurch wird nicht nur Aufmerksamkeit erzeugt, sondern auch eine emotionale Verbindung zum Verband aufgebaut.


Klare Struktur und intuitive Navigation
Die Seitenstruktur ist bewusst einfach gehalten, mit einer klaren Menüführung, die alle relevanten Bereiche schnell zugänglich macht – von „Über uns“ über „Mitgliedschaft“ bis hin zu „Projekte“ und „Kontakt“.
Gerade bei Webdesign für Vereine ist es wichtig, Inhalte schnell auffindbar und verständlich zu präsentieren. Die Besucher:innen sollen nicht suchen müssen – sie dürfen ankommen, klicken und verstehen.
Aktuelles & Veranstaltungen – die dynamische Blog-Seite
Ein weiteres Herzstück der Website ist die Aktuelles-Seite – hier werden regelmäßig neue Beiträge, Veranstaltungshinweise, Pressemitteilungen und Projekteinblicke veröffentlicht.
Das sorgt für Lebendigkeit auf der Seite – und ganz nebenbei auch für wertvollen SEO-Content.
Suchmaschinen lieben regelmäßig aktualisierte Inhalte. Und Nutzer:innen wissen: Diese Organisation ist aktiv, bewegt sich, gestaltet mit. Die Blogstruktur ist übersichtlich gehalten und erlaubt einfache Filterung nach Themen.
Barrierearm & mobilfreundlich – inklusives Design
Ein achtsames Webdesign denkt alle mit: Deshalb wurde die Website von Anfang an auf Barrierearmut geprüft. Farbkontraste, Schriftgrößen, verständliche Sprache und mobile Lesbarkeit wurden berücksichtigt, um möglichst viele Menschen zu erreichen.
Die Seite funktioniert reibungslos auf Smartphone, Tablet und Desktop – inklusive responsivem Menü, klickfreundlicher Buttons und angepasster Bildformate. Für einen Berufsverband ist das essenziell – denn er kommuniziert mit Menschen aus ganz Deutschland, in unterschiedlichsten Kontexten.
Mit Gefühl für das Wesentliche
Dieses Projekt zeigt für mich, was bewusstes Webdesign wirklich bedeutet: ein durchdachter Raum, der Inhalte trägt, Identität spiegelt und Menschen verbindet.
Das Design vermittelt nicht nur Informationen, sondern Haltung. Es zeigt, dass Gesundheitsförderung nicht trocken oder theoretisch ist, sondern lebendig, menschlich und tief verankert im echten Leben.
Fazit: Webdesign für Vereine – empathisch, funktional, sichtbar
Die Website des Bundesverbands für Gesundheitsförderung e.V. steht exemplarisch für die moderne digitale Präsenz eines Vereins im Wandel. Sie vereint Klarheit, Lebendigkeit und Wiedererkennung, ohne sich in Effekten zu verlieren.
Sie zeigt, wie Design gleichzeitig professionell und menschlich sein kann – strukturiert und dennoch beweglich, zielgruppenorientiert und dennoch persönlich.
Dein Projekt wartet schon?
Du möchtest für deinen Verein, Verband oder deine Initiative eine Website, die wirkt? Die nicht nur gut aussieht, sondern klar kommuniziert und berührt? Dann lass uns gemeinsam gestalten – achtsam, bewusst und echt.
Melde dich bei mir – ich freue mich auf unser Projekt.