DieMarkeundihrLeitbildmitdemFokusaufsozialesEngagementwurdemitdemRelaunchimRahmeneinerresponsivenWebsitezeitgemäßinSzenegesetzt.

Kunde
Lemonaid
Branche
Konsumgüter
Leistungen
Technical ConsultingUX DesignVisual DesignSoftware DevelopmentDevOpsProducing
Trinken hilft!

Website Relaunch: Die Marke als soziale Bewegung sichtbar machen.

Warum das soziale Engagement sichtbar werden musste.
Nach dem ersten Launch 2010 sollte die 2013er Fassung nicht nur moderner aussehen, sondern das Leitbild und die gemeinnützigen Projekte klar in den Mittelpunkt rücken. Die Webseite sollte zur Drehscheibe für Community, Aktionen und Inhalte werden und dabei einfach pflegbar bleiben.
Die Herausforderung lag darin, Inhalte so zu strukturieren, dass Projekte und Blogeinträge das Layout bestimmen und gleichzeitig alle Kanäle integriert werden konnten.
Trinken hilft, weil Erlöse und Aktionen Menschen und Projekte unterstützen.

Ein Relaunch, der Inhalte ins Zentrum stellt.

Was wir geliefert haben.
Wir entwickelten eine optimierte Informationsarchitektur, ein responsives Frontend, einen integrierten Blog‑ und Projektbereich sowie die Anbindung aller bestehenden Lemonaid‑Kanäle, sodass Inhalte die visuelle Führung übernehmen und die Seite als zentrale Anlaufstelle funktioniert.

Der Blogbereich füllt automatisch das Gestaltungsraster, wodurch Beiträge die visuelle Führung übernehmen und Pflegeaufwand reduziert wird. Projekte prägen so das Look & Feel und rücken die gelebte Marke samt Community in den Vordergrund.

So haben wir die neue Webseite umgesetzt.

Phasen von Discover bis Launch.
In Discover definierten wir die Informationsarchitektur, in Prototypen testeten wir Interaktionen, im Build setzten wir ein flexibles CMS und ein performantes Frontend um, und im Launch brachten wir die responsive Seite live. Jeder Schritt richtete sich darauf aus, Inhalte einfach ans Licht zu bringen.
Technisch setzten wir auf ein leichtes, performantes Frontend und modulare CMS‑Elemente, die sich automatisch ins Grid einfügen, während handgemachte Icons und reduzierte Produktästhetik die Authentizität stärken.
Die Details schaffen Glaubwürdigkeit und Nähe.

Auf schmalen Bildschirmen ordnen sich alle Module untereinander, bleiben gut lesbar und bewahren ihr Look & Feel. Das Ergebnis ist eine voll responsive Webseite, die auf jedem Gerät die Marke, ihre Projekte und die Community erlebbar macht.

Messbare Wirkung und ein stärkeres Markenbild.
Der Relaunch machte die sozialen Projekte sichtbarer und verwandelte die Seite in eine Informationsdrehscheibe für Community und Aktionen. Gleichzeitig reduzierte die klare Struktur den Pflegeaufwand und das authentische Design erhielt positives Feedback aus der Zielgruppe.