Scrollytelling: Medizin menschlich machen

Unternehmen aus dem Pharmabereich präsentie­ren sich normalerweise eher nüchtern – nicht so der Dienstleister Eticur, der den Kölner Creative Director und UX Designer Jimmy Elias mit seinem Branding und Design einer Website beauftragte.

In PAGE 01.24 erklärt der Designer, wie durch die spannende Mischung aus Informationsdesign, Webtechnik und Storytelling neue Potenziale im UX und UI entstehen.

Komplexität bändigen

Eticur bietet die Entnahme und Einlagerung von Teilen der Nabelschnur bei der Geburt an. Diese erklärungsbedürftige Leistung sollte Jimmy Elias werdenden Müttern auf der Informationssuche nahebringen.

»Um solche sensiblen Themen zu vermitteln, braucht es ein feinfühliges didaktisches Konzept«,

erklärt der Designer. »Es geht darum, Vertrauen zur Marke zu schaf­fen und die Nutzerinnen und Nutzer zur persönli­chen Beratung zu führen.« 

Navigation, Tonalität und Interaktion

Dazu entwickelte Studio Jimmy Elias (SJE_) ein Webkonzept mit zwei Navigationsebenen: zum einen per Scrolling auf der Startseite, die ungezwungen informieren soll, zum anderen über ein klassisches Menü, das di­rekt zu Leistungen, Preisen und telefonischer Beratung führt. Die Nähe zu den Kund:innen entsteht da­bei vor allem durch die Tonality der Texte.

Die per­sönliche Ansprache per Du und regelmäßige Abfragen nach den Bedürfnissen erzeugen das Gefühl, sich direkt mit dem Unternehmen zu unterhalten. Jimmy Elias strukturierte die Informationen so, dass man immer wieder die Option hat, tiefer einzusteigen oder weiterzuscrollen. So können Nutzer:innen ihre Experience mitgestalten, ohne von Informationen überwältigt zu werden.

Gestaltungskonzept: im eigenen Körper

Visuell soll die Website subtil an einen Körper erinnern, in dem sich Inhalte wie Zellen bewegen. Ani­mierte organische Formen und Sprechblasen drif­ten beim Scrollen ins Bild, alles scheint im Fluss zu sein. »Die Wirkung entsteht im Zusammenspiel ver­schiedener Techniken«, erläutert Jimmy Elias.

Das kann zur Hürde werden, wenn Kund:innen die In­hal­­te später selbst editieren wollen. Die individuelle Pro­grammierung übernahm schließlich die Ent­wick­lungsfirma beawwwer aus Berlin, die Jimmy Elias’ Entwürfe in WordPress umsetzte, sodass der Kunde Texte im gewohnten CMS austauschen konnte, ohne die perfekt ineinander verzahnten Animationen und Effekte zu stören.

Auftraggeber: Eticur, München
Design: Studio Jimmy Elias, Experience Design, Köln
Development: Entwicklungsfirma beawwwer, Berlin

Dieser Artikel erschien erstmals in PAGE 01.2024

PDF-Download: PAGE 01.2024

Produkt-Details anzeigen

KI-Geschäftsmodelle für Kreative ++ Scrollytelling für Branding und Infotainment ++ Studie: Designfähigkeit in Unternehmen ++ Making-of: Die Metaversity im Siemens-Intranet ++ Kollaboration in Zeiten von KI ++ ENGLISH SPECIAL Studio Birthplace ++ Mara Recklies über KI in der Designforschung

9,90 €

AGB