Website Relaunch

Dr. Pfleger
Konzeption und Gestaltung eines neuen Online-Auftritts für Dr. Pfleger Arzneimittel
Jahr
2018
Kunde
Dr. Pfleger
Leistungen
Wireframes, Informationsarchitektur, Prototyping, Responsive Webdesign, Micro Interactions, Design System, UI Kit, Content Strategie

Challenge

Dr. Pfleger wünscht sich eine moderne und zeitgemäße Website, die Apothekern, Ärzten und Pharmazeuten einen schnellen Zugriff auf das Produktsortiment ermöglicht. Zudem soll das Unternehmen modern und innovativ dargestellt werden. Die Herausforderung dabei war es vor allem, einen internen Freigabeprozess im Backend zu implementieren.

Konzept

In einem zweitägigen Workshop haben wir zusammen mit dem Kunden die Zielgruppen definiert sowie User-Journeys und User Stories entwickelt. Anschließend starteten wir in die Konzeption der Wireframes. Zudem haben wir eine Bildsprache entwickelt, die den neuen Claim „Was zählt, ist der Mensch“ optimal transportiert.

Verwendete Methoden
Workshop
User-Journey-Analyse
User Stories

Umsetzung

Nach Freigabe des Konzepts haben wir anhand von agilen Prozessen, also Scrum, mit dem UX/UI Design begonnen. Die Umsetzung umfasste auch eine ausführliche Doku für unseren technischen Dienstleister netlogix. Im wöchentlichen Jour Fixe fand ein Austausch mit allen Projektbeteiligten statt. Für den Austausch mit den Kunden wurde ein Prototyp in Invision bereit gestellt. Auf Basis der entwickelten Bildsprache entstand in einem zweitägigem Fotoshooting neuer authentischer Content.

Verwendete Methoden
Atomic Design

Ergebnis

Die klar strukturierte Website bietet einen schnellen Zugriff auf die Inhalte und überzeugt durch eine moderne und emotionale Bildsprache.

Zur Website
Die Startseite der Dr. Pfleger Website in der Gesamtübersicht. 
Die Website wurde für alle gängigen Breakpoints optimiert, hier die Startseite in der Tablet Ansicht. 
Der Website Content baut sich beim Scrollen durch dezente Micro Interactions nacheinander auf. 
Die Shop-Übersicht und -Detailseite in der Tablet Ansicht. 
Darstellung der Visionen & Werte von Dr. Pfleger in der Desktop Ansicht. 
Darstellung der Startseite in der Desktop Version. 
In der Konzeptionsphase wurden Website Struktur und Module mithilfe von Wireframes entwickelt. 
Im UI-Kit werden sämtliche Farben, Icons, Schriften, Elemente, Komponenten und Module definiert. 
Kontakt

Startklar für ein gemeinsames Projekt?

Weitere Projekte