
Webdesign · UI/UX Design · Designsystem
Webdesign und UI/UX Design für die Marke EAT BEER Biotech

Webdesign · UI/UX Design · Designsystem
Webdesign und UI/UX Design für die Marke EAT BEER Biotech

Webdesign · UI/UX Design · Designsystem
Webdesign und UI/UX Design für die Marke EAT BEER Biotech
Webdesign, das die Markenidentität fortführt
Webdesign, das die Markenidentität fortführt
Nach dem Corporate Design folgt der digitale Auftritt. wertmarke entwickelt für EAT BEER Biotech das Webdesign und das UI/UX Design – auf Basis der bestehenden Markenidentität. Die Formsprache der Marke zieht sich durch jedes Element: abgeschrägte Kanten, das hexagonale Muster, klare Typografie, das Farbsystem aus Blau, Grau und Schwarz. Buttons, Karten, Navigation und Slider entstehen als System. Responsiv gedacht, vom Desktop bis zum Smartphone. So wird aus der Marke eine Website, die sich konsequent anfühlt.









UI/UX Design mit der Formsprache der Marke
Das Webdesign übersetzt das Corporate Design in ein digitales System. Grundlage ist ein UI-Kit: Buttons mit eigenen Hover- und Klick-Zuständen, Karten, Navigation, Breadcrumbs, Formulare und Slider. Jedes Element trägt die Formsprache der Marke – die abgeschrägte Kante, das Hexagon-Muster, das Farbsystem.
Das UI/UX Design ist vollständig responsiv. Jede Ansicht wurde in Figma für Desktop und Mobile gestaltet, inklusive mobiler Navigation, Cookie-Banner und Presse-Kit-Dialog. Viele Komponenten haben eigene Hover-Effekte, die Interaktion spürbar machen, ohne vom Inhalt abzulenken.
Ein Schwerpunkt liegt auf interaktiven Add-ons. Dazu zählt die Infografik „Vom Reststoff zum Rohstoff", die das EAT BEER Verfahren Schritt für Schritt erlebbar macht, sowie der News-Slider „Der Wandel wächst". wertmarke liefert Design und Konzept dieser Add-ons.
Umgesetzt wird die Website inhouse beim Kunden. Aus Budgetgründen wird nicht jedes Konzept realisiert. Das Design ist so angelegt, dass es modular wächst: Bausteine lassen sich später ergänzen, ohne das System zu brechen. So bleibt die Website offen für den nächsten Schritt.
Das Webdesign übersetzt das Corporate Design in ein digitales System. Grundlage ist ein UI-Kit: Buttons mit eigenen Hover- und Klick-Zuständen, Karten, Navigation, Breadcrumbs, Formulare und Slider. Jedes Element trägt die Formsprache der Marke – die abgeschrägte Kante, das Hexagon-Muster, das Farbsystem.
Das UI/UX Design ist vollständig responsiv. Jede Ansicht wurde in Figma für Desktop und Mobile gestaltet, inklusive mobiler Navigation, Cookie-Banner und Presse-Kit-Dialog. Viele Komponenten haben eigene Hover-Effekte, die Interaktion spürbar machen, ohne vom Inhalt abzulenken.
Ein Schwerpunkt liegt auf interaktiven Add-ons. Dazu zählt die Infografik „Vom Reststoff zum Rohstoff", die das EAT BEER Verfahren Schritt für Schritt erlebbar macht, sowie der News-Slider „Der Wandel wächst". wertmarke liefert Design und Konzept dieser Add-ons.
Umgesetzt wird die Website inhouse beim Kunden. Aus Budgetgründen wird nicht jedes Konzept realisiert. Das Design ist so angelegt, dass es modular wächst: Bausteine lassen sich später ergänzen, ohne das System zu brechen. So bleibt die Website offen für den nächsten Schritt.
Das Webdesign übersetzt das Corporate Design in ein digitales System. Grundlage ist ein UI-Kit: Buttons mit eigenen Hover- und Klick-Zuständen, Karten, Navigation, Breadcrumbs, Formulare und Slider. Jedes Element trägt die Formsprache der Marke – die abgeschrägte Kante, das Hexagon-Muster, das Farbsystem.
Das UI/UX Design ist vollständig responsiv. Jede Ansicht wurde in Figma für Desktop und Mobile gestaltet, inklusive mobiler Navigation, Cookie-Banner und Presse-Kit-Dialog. Viele Komponenten haben eigene Hover-Effekte, die Interaktion spürbar machen, ohne vom Inhalt abzulenken.
Ein Schwerpunkt liegt auf interaktiven Add-ons. Dazu zählt die Infografik „Vom Reststoff zum Rohstoff", die das EAT BEER Verfahren Schritt für Schritt erlebbar macht, sowie der News-Slider „Der Wandel wächst". wertmarke liefert Design und Konzept dieser Add-ons.
Umgesetzt wird die Website inhouse beim Kunden. Aus Budgetgründen wird nicht jedes Konzept realisiert. Das Design ist so angelegt, dass es modular wächst: Bausteine lassen sich später ergänzen, ohne das System zu brechen. So bleibt die Website offen für den nächsten Schritt.
Client
Services
Client quote
„Wir denken die Marke ins Interface – Schritt für Schritt, gemeinsam mit dem Team."
Malte Nordmann
Partnership summary
Für EAT BEER Biotech gestaltet wertmarke Webdesign und UI/UX Design auf Basis des Corporate Designs. Ein responsives UI-Kit mit Buttons, Karten, Navigation und Slidern trägt die Formsprache der Marke. Dazu Konzept und Design interaktiver Add-ons. Die Umsetzung erfolgt inhouse beim Kunden.
Target audience
Deliverables
Webdesign, UI/UX Design, responsives Figma-Design (Desktop & Mobile), UI-Kit, Komponenten, Hover-Effekte, Konzept interaktive Infografik & News-Slider
Client
Services
Client quote
„Wir denken die Marke ins Interface – Schritt für Schritt, gemeinsam mit dem Team."
Malte Nordmann
Partnership summary
Für EAT BEER Biotech gestaltet wertmarke Webdesign und UI/UX Design auf Basis des Corporate Designs. Ein responsives UI-Kit mit Buttons, Karten, Navigation und Slidern trägt die Formsprache der Marke. Dazu Konzept und Design interaktiver Add-ons. Die Umsetzung erfolgt inhouse beim Kunden.
Target audience
Deliverables
Webdesign, UI/UX Design, responsives Figma-Design (Desktop & Mobile), UI-Kit, Komponenten, Hover-Effekte, Konzept interaktive Infografik & News-Slider
Client
Services
Client quote
„Wir denken die Marke ins Interface – Schritt für Schritt, gemeinsam mit dem Team."
Malte Nordmann
Partnership summary
Für EAT BEER Biotech gestaltet wertmarke Webdesign und UI/UX Design auf Basis des Corporate Designs. Ein responsives UI-Kit mit Buttons, Karten, Navigation und Slidern trägt die Formsprache der Marke. Dazu Konzept und Design interaktiver Add-ons. Die Umsetzung erfolgt inhouse beim Kunden.
Target audience
Deliverables
Webdesign, UI/UX Design, responsives Figma-Design (Desktop & Mobile), UI-Kit, Komponenten, Hover-Effekte, Konzept interaktive Infografik & News-Slider
Weitere Projekte
Themen
© 2026 wertmarke hamburg GmbH. Alle Rechte vorbehalten.
Themen
© 2026 wertmarke hamburg GmbH. Alle Rechte vorbehalten.
Themen
© 2026 wertmarke hamburg GmbH.
Alle Rechte vorbehalten.



