Phase 1 · Frontend-Entwurf · Juli 2026
Design Relaunch 2026
Das komplette Redesign von vitalstoffmedizin.ch — mobile-first, auf Basis des CI-Manuals, mit allen Inhalten und Features der aktuellen Seite. Neu gedacht, klickbar, bereit für Phase 2.
Konzept
«Seriös wie eine Arztpraxis, natürlich warm.»
Fünf Prinzipien leiten jeden Entwurf — abgeleitet aus Markenkern, Zielgruppen und CI-Manual.
Esoterikfrei sichtbar gemacht
Ruhige Layouts, viel Weissraum, präzise Typografie. Evidenz (Studien, Dosierungen) als wertige UI-Elemente statt Textwüsten. Keine Heilsversprechen-Ästhetik.
Helle CI-Farbwelt
Taube, Salve und Sand aus dem CI-Manual in hellen Tönen — das Logo-Grün bleibt dem Logo und feinen Akzenten vorbehalten. Ein Token-System statt Farb-Wildwuchs.
Zwei Leseebenen
Laien bekommen den schnellen Einstieg (Steckbrief, Chips, klare CTAs), Fachpersonen die Tiefe (Dosierungs-Tabellen, Studien, Schemas) — auf derselben Seite.
Ärztliche Nähe
Die Ich-Stimme von Dr. Lüscher, «Medizinisch geprüft»-Kennzeichnungen und das Experten-Netzwerk werden zu sichtbaren Vertrauens-Ankern.
Verbunden statt verwaist
Wirkstoffe ↔ Therapieschemas ↔ Web-Doktor ↔ Blog: konsequente interne Verlinkung, wo heute null kontextuelle Links stehen.
Suche, die findet
Synonym-Lexikon, Tippfehler-Toleranz und Autocomplete — sitewide (⌘K) und im Web-Doktor. «Kopfweh» findet jetzt «Migräne».
Design-System
Farbwelt & Typografie
Helle Töne der CI-Sekundärfarben tragen das Interface. Gabarito — die Web-Schrift aus dem CI-Manual — in einer fluiden Skala.
Alle Seitentypen
Die Entwürfe
Jeder Seitentyp der Live-Site, komplett neu gedacht — mit den echten Inhalten. Klick dich durch.
Highlights
Was der Prototyp beweist
Web-Doktor: der neue 2-Seiten-Flow
Beschwerden angeben, Vorschlag erhalten: Die Eingabe mit Synonym-Suche («Kopfweh» findet Migräne), Tippfehler-Toleranz und Gewichts-Dosierung führt zu einem Behandlungsvorschlag auf einer eigenen Seite — klar, sachlich, teilbar.
Wirkstoff-Seiten als Referenz
Steckbrief-Box, Dosierungs-Tabelle statt Textwüste, Studien-Sektion, Synergien mit internen Links, FAQ aus echten Nutzerfragen — das neue Content-Template.
Sitewide-Suche (⌘K)
Eine Command-Palette über alle 53 Wirkstoffe, 72 Artikel, 17 Therapieschemas und Seiten — mit Typ-Badges, Highlighting und Fehlertoleranz. Auf jeder Prototyp-Seite verfügbar.