Neues UX/UI für Bionorica Produkt-Websites
Bionorica ist ein etabliertes mittelständisches Unternehmen mit Hauptsitz in Neumarkt in der Oberpfalz, das sich auf die Herstellung von pflanzlichen Medikamenten spezialisiert hat. Mit einem globalen Team von über 1.900 Mitarbeitenden und Niederlassungen in verschiedenen Märkten wie Schweden, Russland und mehr, hat Bionorica eine starke internationale Präsenz aufgebaut. Zu den bekanntesten Produkten des Unternehmens gehören Sinupret, Canephron und Bronchipret. 2023 haben wir erfolgreich den Pitch für ein neues Projekt gewonnen: Den Relaunch eines neuen UX/UI-Systems für sämtliche Bionorica Product-Pages.
Briefing
Die Produkte von Bionorica verfügen jeweils über eine dedizierte Produkt-Website. Das Ziel des Projekts war die Entwicklung eines neuen UX/UI-Systems, das schrittweise für alle Produkte eingeführt wird. Dieses modulare System ist an ein Headless CMS angeschlossen und umfasste die Bereiche UX (inklusive Proto Persona, User Journeys und Wireframes), UI (Modul-Baukasten und Asset Design) sowie iterative Optimierung der implementierten Module. Die enge Zusammenarbeit mit der Entwicklungsabteilung von Bionorica ermöglichte eine nahtlose Umsetzung unseres UX/UI-Systems.
Optimierung der User Experience
Wir begannen mit der Erstellung einer Proto Persona, die in einem gemeinsamen Workshop mit dem Kunden erstellt wurde. Ein Hauptaugenmerk lag auf der Entwicklung eines intuitiven Navigationskonzepts, das den Benutzerfluss optimiert. Durch den Einsatz von Prototypen in der UX-Phase konnten frühzeitig Anpassungen vorgenommen werden, um die User Experience zu verbessern. Das Hauptziel des neuen UX/UI-Systems war die Steigerung der Conversion-Rate, um die Verkäufe in den Apotheken zu erhöhen, sowie die Stärkung der Markenidentität von Bionorica, dafür haben wir auch auf die SEO-Optimierung beachtet.
Hochwertiges und modulares UI Design
Unser Team entwickelte ein funktionales und stark modular aufgebautes Webdesign, das für alle Bionorica-Produkte geeignet ist. Dabei legten wir Wert auf ein sauberes und schlichtes Designkonzept. Die Bildwelt wurde optimiert, indem eine positive und konsistente Bildsprache gewählt wurde. Die ästhetische Darstellung der Produkte steht im Mittelpunkt, um die Wahrnehmung und Attraktivität zu steigern.
Design System und Developer Handoff
Umso komplexer ein UX/UI-System, desto wichtiger ist eine systematische Übergabe des Designs an die Entwickler:innen. Deswegen war es uns wichtig, die Entwickler:innen von Bionorica von Anfang an, aber auch im laufenden Prozess zu involvieren und gemeinsam geplante Features zu besprechen. Ebenfalls hilfreich war das Anlegen eines Design Systems als Single Source of Truth. Hier finden sich neben Styles und Design-Grundlagen auch alle Components, die mit den Design-Dateien der Produkt-Websites synchonisiert sind. So war ein reibungsloser Handoff mit den Developern möglich. Nach dem ersten Produktwebsite-Launch sind wir nun in Zusammenarbeit mit dem Kunden in der iterativen Optimierung des UX/UI-Systems.
Unser Service für Bionorica
UX Design
UX-Workshop
Proto Persona
User Journeys
Prototyping
Wireframes
UI Design
UI Design System
Component Library
Modulares UI Design
Asset Design