apotheken.de ist seit über 25 Jahren ein fester Partner für die digitale Transformation von Apotheken.
Mit dem Relaunch der Produkt-Website mein.apotheken.de haben wir die Brücke zwischen pharmazeutischer Expertise und modernster Web-Technologie geschlagen.
Das Ergebnis: Eine WordPress-basierte B2B-Plattform, die komplexe Funktionen für Apotheker:innen intuitiv zugänglich macht, der Redaktion flexiblen Gestaltungsspielraum ermöglicht und die Conversion nachhaltig steigert.
Fokus auf User Experience und pharmazeutische Expertise
Die Herausforderung bestand darin, die umfangreichen Funktionen des Hauptprodukts konsequent nach dem Mehrwert für die Benutzer:innen zu gliedern, statt nach der technischen Backend-Architektur. Mit dem Relaunch der Website finden sich Apothekeninhaber:innen nun durch eine optimierte Nutzerführung und eine klare Content-Navigation intuitiv zurecht.
Durch die konsequente Umsetzung barrierefreier Design-Standards nach WCAG AA schaffen wir ein digitales Umfeld, das Vertrauen stiftet und pharmazeutische Inhalte für alle Nutzergruppen – unabhängig von ihren individuellen Voraussetzungen – uneingeschränkt zugänglich macht.
Besonderes Augenmerk lag darauf, die tief verwurzelte pharmazeutische Kompetenz von apotheken.de auch visuell und inhaltlich spürbar zu machen. Die Website auf Basis von WordPress dient als Marketingtool, ebenso wie für die Online-Sichtbarkeit des Branchen-Know-hows.
Flexibilität in der Redaktion und im Design
Für das Redaktionsteam haben wir ein System geschaffen, das agiles und autonomes Arbeiten ermöglicht. Durch das neue WordPress-Blocksystem auf Basis des neuesten Gutenberg-Editors können Inhalte auf der Startseite und den Landingpages flexibel ausgespielt werden, während der „rote Faden“ im Design stets gewahrt bleibt.
Dank unseres konsequenten Mobile-First-Designs sind alle Inhaltselemente von Grund auf für die mobile Nutzung ausgelegt. Die Redaktion kann sicher sein, dass jede Seite auf allen Endgeräten überzeugt – Smartphone wie Desktop.
Visual Editing und eine vereinfachte Handhabung sorgen dafür, dass die Website-Pflege so effizient wie möglich abläuft und Spaß bereitet.
Produkt-Erlebnis durch Interaktivität
Um das Produkt bereits vor dem Kauf für Apotheker:innen „greifbar“ zu machen, haben wir verschiedene visuelle Formate integrierbar gemacht. Damit haben wir der Redaktion die Möglichkeit gegeben, mit Screenvideos, UI-Animationen und gezielte Screenshot-Snippets die Software in Aktion zu zeigen. Dadurch können potenzielle Kund:innen einen direkten Einblick in die Benutzeroberfläche und die Funktionen erhalten.
NLDX Leistungen
- Konzeption Gemeinsame Erarbeitung der Informationsarchitektur mit konsequentem Mobile-First-Ansatz, Optimierung der User Journey und Fokus auf eine verkaufsstarke Conversion Rate.
- Design Übersetzung des Corporate Designs in individuelles WordPress Design-System, Erstellung eines barrierefreien UI-Kits nach WCAG AA.
- Entwicklung Custom WordPress Theme, Einsatz des modernsten Gutenberg Editors für Visual Editing, performante Ausspielung auf allen Endgeräten, technische Umsetzung der Barrierefreiheit und SEO-Optimierung.
- Content Strategie Strukturierung der Inhalte nach Nutzer-Mehrwert, Sicherstellung einer klaren, zugänglichen Informationshierarchie.
Expertise und Technologien in diesem Projekt
- CMS: WordPress Relaunch, Custom Theme Development, Gutenberg Editor, Visual Editing, Performance Optimierung
- Fokus & Branche: Apotheken Digitalisierung, B2B Plattform, Barrierefreiheit (WCAG AA)
- UX/UI Design: Mobile First Konzeption, User Experience (UX)
WCAG 2.0
Mit den Web Content Accessibility Guidelines (WCAG) 2.0 aus dem Jahr 2008 sollen Websites für Menschen mit Behinderungen wesentlich besser zugänglich und nutzbar sein = wahrnehmbar, bedienbar, verständlich, robust. Die Angabe zum Level (z.B. Level AA) beschreibt die verschiedenen Barrierefreiheitsstufen.
Mobile First
Eine Strategie, in der Design und Entwicklung einer Website für mobile Endgeräte optimiert sind, sprich die Darstellung auf dem Smartphone steht an erster Stelle. Da ein Großteil der Nutzer:innen überwiegend mit dem Smartphone oder Tablet im Internet surft.
Gutenberg Block-Editor
Eine WordPress-Technologie, mit der Websites auf Basis individuell vorgefertigter Module gestaltet werden. Diese ermöglichen eine Kunden-spezifische und zugleich einheitliche und einfache Content-Bearbeitung durch die Redakteure im Backend. Es sind keine Plug-Ins dafür notwendig.
UI-Kit
Web- und Mobile-optimierte Schriften, Buttons, sprich das gesamte Design System mit User-Interface-Elementen.
Custom WordPress Theme
Ein maßgeschneidertes, von uns selbst programmiertes Website-Template, das ganz individuell auf die Bedürfnisse von Kunden-Websites zugeschnitten wird und jederzeit erweiterbar ist. Vergleichbar mit einem maßgeschneiderten Kleidungsstück.
Visual Editing in WordPress
Eine Methode der Inhaltsbearbeitung in WordPress, bei der Änderungen an Texten, Bildern oder dem Layout direkt in einer realitätsgetreuen Vorschau der Website vorgenommen werden (WYSIWYG – What You See Is What You Get).
Anstatt Inhalte in einer abstrakten Eingabemaske im Backend zu pflegen, arbeiten Redakteur:innen direkt auf der visuellen Oberfläche. Dies ermöglicht eine intuitive Bedienung und macht das Endergebnis sofort sichtbar, noch bevor die Seite veröffentlicht wird. In modernen WordPress-Umgebungen wird dies vor allem durch den Block-Editor (Gutenberg) oder maßgeschneiderte Editor-Lösungen realisiert.