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
Webdesign UI/UX Design Designsystem UI-Kit Responsive Design Prototyping Konzept interaktive Add-ons Hover-Konzept
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
Green Tech & Sustainability FMCG / Food & Beverage B2B
Deliverables

Webdesign, UI/UX Design, responsives Figma-Design (Desktop & Mobile), UI-Kit, Komponenten, Hover-Effekte, Konzept interaktive Infografik & News-Slider

Client
Services
Webdesign UI/UX Design Designsystem UI-Kit Responsive Design Prototyping Konzept interaktive Add-ons Hover-Konzept
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
Green Tech & Sustainability FMCG / Food & Beverage B2B
Deliverables

Webdesign, UI/UX Design, responsives Figma-Design (Desktop & Mobile), UI-Kit, Komponenten, Hover-Effekte, Konzept interaktive Infografik & News-Slider

Client
Services
Webdesign UI/UX Design Designsystem UI-Kit Responsive Design Prototyping Konzept interaktive Add-ons Hover-Konzept
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
Green Tech & Sustainability FMCG / Food & Beverage B2B
Deliverables

Webdesign, UI/UX Design, responsives Figma-Design (Desktop & Mobile), UI-Kit, Komponenten, Hover-Effekte, Konzept interaktive Infografik & News-Slider

Weitere Projekte