Viele Produkte, zwei Hauptkategorien, medizinische Informationen, internationale Partner und mehrere Standorte mussten zu einem verständlichen digitalen System verbunden werden.
01
UX/UI Planung
Inhalte priorisieren, Informationsarchitektur definieren und klare Nutzerwege für Partner, Fachpublikum und Interessenten entwickeln.
02
Website Design
Eine ruhige Corporate Experience gestalten, die Marke, Qualität und globale Präsenz zusammenführt.
03
Product Experience
Produkte strategisch kategorisieren, visuell inszenieren und über konsistente Detailseiten zugänglich machen.
01 · UX/UI System
Vom Portfolio zur Nutzerführung.
Vor dem Interface stand das System: Welche Inhalte gehören zusammen, wie wechseln Nutzer zwischen Corporate Information und Produktwelt und welche Information ist auf jeder Ebene relevant?
01
Content Inventory
Produkte, Kategorien, Qualitätsinhalte, Partner, News und Standorte als System erfassen.
02
Product Taxonomy
Pharmaceuticals und Supplements klar trennen und in einer Markenwelt verbinden.
03
User Flows
Kurze Wege von der Startseite zur Kategorie, zum Produkt und zum Kontakt definieren.
04
Page Templates
Wiederverwendbare Seitentypen für Corporate Content, Produkte und Standorte planen.
05
UI System
Typografie, Abstände, Karten, Navigation und Interaktionen konsistent gestalten.
Die Homepage führt vom Qualitätsversprechen in die zentralen Bereiche der Marke. Sie schafft Vertrauen, erklärt den internationalen Kontext und öffnet klare Wege in das Produktportfolio.
Corporate Content, Produkte, Qualität und Kontakt sind klar voneinander getrennt.
02 · PropositionMarke sofort verstehen
Das Qualitätsversprechen schafft einen eindeutigen Einstieg in die Markenwelt.
03 · Product EntryZwei klare Wege
Pharmaceuticals und Food Supplements erhalten erkennbare Einstiegspunkte.
04 · Global ReachInternational sichtbar
Partner, Standorte und Kontaktoptionen machen die globale Präsenz nachvollziehbar.
03 · Product Experience
Die Produktseite führt zur Information.
Jede Produktseite ist als wiederverwendbares Modul gedacht: klare Zuordnung, starke Produktdarstellung, schnelle Erfassung der wichtigsten Daten und vertiefende Inhalte ohne visuelle Überlastung.
Product Detail Experience · Orvasta 10 mg
01
Klare Orientierung
Breadcrumb, Kategorie und Produktname zeigen sofort die Position im Portfolio.
02
Essential Data
Produktvisual, Dosierung, Wirkstoff und Produktart werden zuerst priorisiert.
03
Progressive Information
Vertiefende Inhalte bleiben bei Bedarf verfügbar, ohne die erste Ansicht zu überladen.
04
Scalable Template
Dieselbe Logik funktioniert konsistent für ein wachsendes Produktportfolio.
E-Commerce Logik
Von der Kategorie zum passenden Produkt.
Product Placement verbindet Taxonomie, visuelle Wiedererkennbarkeit, relevante Informationen und passende Empfehlungen zu einer durchgängigen digitalen Journey.
Food SupplementsPharmaceuticals
MADDOPharma Swiss
Quality HealthcareProducts forGlobal Markets
High-quality pharmaceuticals and food supplements with Swiss standards.
Discover
Patient-CentricSwiss Quality
04 · Responsive UX
Ein System. Jedes Gerät.
Responsive Design wurde nicht als nachträgliche Anpassung behandelt. Inhalte, Reihenfolge, Abstände und Touch-Flächen wurden von Anfang an für kleinere Displays mitgedacht.
01
Priorisierte Inhalte Wichtige Informationen erscheinen mobil zuerst.
02
Flexible Komponenten Layouts skalieren ohne Informationsverlust.
03
Lesbare Produktdaten Dosierung und Beschreibung bleiben schnell erfassbar.
Select the fields to be shown. Others will be hidden. Drag and drop to rearrange the order.
