Zum Inhalt springen

Referenzen

  • UI- & UX Design
  • Webentwicklung
  • Next.js
  • Payload
  • Headless CMS

Website für ADDVANCE Consumer Health

Sechs Fähigkeiten, zwei Motoren, eine Plattform. Für ADDVANCE, eine europäische Consumer-Health-Gruppe, haben wir den Webauftritt gestaltet und gebaut: Next.js im Frontend, Payload als CMS, Kennzahlen im Mittelpunkt.

Kunde
ADDVANCE Consumer Health Group GmbH, München
Jahr
2026
Startseite von addvance-consumer-health.com: Europe’s leading platform for B2B services and B2C health brands

Das Projekt

ADDVANCE bündelt B2B-Services und B2C-Gesundheitsmarken auf einer Plattform: Forschung, Einkauf, Produktion, Regulatorik, Logistik, Vertrieb. Rund 100 Millionen verkaufte Einheiten im Jahr, über 500 Beschäftigte, 30 Märkte.

Wir haben die Unternehmenswebsite entworfen und gebaut: eine ruhige, kennzahlengetriebene Seite für Investoren, Partner und Handel, mit Next.js im Frontend und Payload als CMS.

Wenig Seiten, viel Substanz.

Die Aufgabe

Eine Plattform erklären, bevor man sie kennt.

ADDVANCE ist jung als Marke, aber groß als Gruppe: eigene Werke, Marken wie Vitafy oder Bodylab, Partner im Handel. Die Website sollte Investoren und Partnern in wenigen Minuten erklären, was die Plattform kann und warum das zusammengehört. Wir haben beides übernommen: UI/UX Design und Entwicklung.

Startseite in voller Höhe: Bühne mit Claim und Foto, darunter Built on scale, driven by results

Das Design

Klar, hell, mit einem A als Wasserzeichen.

Hellblau und Sand, eine kräftige Grotesk in Dunkelblau, dazu das A der Wortmarke als große Form im Hintergrund. Kennzahlen stehen in Karten mit abgeschrägter Ecke, die sechs Fähigkeiten in einem Raster mit Piktogrammen, B2B und B2C als zwei Säulen nebeneinander. Bildwelt: Menschen draußen, Produkte nah.

Kennzahlen-Karten: 100 Millionen Einheiten, 500 Beschäftigte, 2.000 Produkte, 100 B2B-Partner, 5 Millionen Kunden, 30 MärkteOne integrated platform: sechs Fähigkeiten als Raster mit Piktogrammen vor dem A der Wortmarke
ADDVANCE auf dem Telefon: Startseite
ADDVANCE auf dem Telefon: Capabilities
ADDVANCE auf dem Telefon: Contact

Die Technik

Headless, damit die Seite mitwächst.

Das Frontend ist mit Next.js gebaut, die Inhalte pflegt ADDVANCE in Payload: Seiten, Kennzahlen, Fähigkeiten und Marken. Ein neuer Markt oder eine neue Marke ist damit ein Eintrag im CMS, kein neues Projekt. Die Seiten werden serverseitig gerendert und laden entsprechend schnell.

Two engines, one force: B2B und B2C als zwei Säulen mit Markenlogos

Was wir gemacht haben

  • UI/UX Design

    Gestaltungssystem und alle Seiten, für Desktop und Telefon.

  • Next.js-Frontend

    App Router, serverseitig gerendert, schnell.

  • Payload CMS

    Inhaltstypen für Seiten, Kennzahlen, Fähigkeiten und Marken.

  • Kennzahlen und Fähigkeiten

    Karten, Raster, Piktogramme.

  • Kontakt

    Kontaktseite mit Ansprechpartnern.

  • Responsiv

    Vom Telefon bis zum großen Bildschirm.

Seite Capabilities: Bühne mit Kapseln, Einleitung und R&D & InnovationCapabilities im Detail: Procurement, Manufacturing, Quality & Regulatory Affairs mit Piktogrammen und Aufzählungen

Ergebnis

Eine Website, die eine Gruppe erklärt, bevor man sie kennt. Ruhig, schnell, aus dem CMS gepflegt.

Fähigkeiten, als Bausteine der Plattform erklärt
6Fähigkeiten, als Bausteine der Plattform erklärt
Headless CMS, Inhalte ohne Entwickler pflegbar
PayloadHeadless CMS, Inhalte ohne Entwickler pflegbar
Frontend, serverseitig gerendert
Next.jsFrontend, serverseitig gerendert

Ähnliches Projekt geplant?

Erzählt uns davon. Wir melden uns mit einer ehrlichen Einschätzung.

Anfrage stellen