Lykon

Lead-Funnel-Optimierung für ein Health‑Startup

<b>Komplett neues</b><br> funnel design

für Conversion-Optimierung

<b>Optimierte</b><br>Usability

aus Nutzer-Feedback

Lykon

Visit website

BRANCHE

Health

Zeitraum

2021

TEAM

Product & UX Strategist
UX / UI Designers
Backoffice

Produkt-Design Strategie Mobile

Über das Projekt

Lykon ist eine Gesundheitsmarke für Gesundheitssuchende und Hobbysportler. Das Unternehmen sammelt Expertenwissen im Bereich Gesundheit und Ernährung. Es bietet DNA- und Bluttests, die helfen, Ernährungsunverträglichkeiten aufzudecken, die einem nachhaltigen Gewichtsverlust oder einer gesunden Verdauung im Wege stehen. Die Tests werden von maßgeschneiderten Nahrungsergänzungsmitteln und personalisierten Ernährungsplänen begleitet, die dazu beitragen, Gesundheitsziele langfristig zu erreichen.

Der Designumfang umfasste die Entwicklung eines ansprechenden UX-Flusses für einen digitalen Health Check - eine Umfrage zu Gesundheitszielen und -themen, die den Anwender zu Produkten führt, die für seine individuellen Herausforderungen am besten geeignet sind. Darüber hinaus haben wir eine komplette Neugestaltung der Website durchgeführt, indem wir den Wert für den Benutzer kommuniziert und die aktuelle Informationsarchitektur neu strukturiert haben.

<section class="section modular-portfolio-detail-list"> <div class="wrapper portfolio-detail-list"> <div class="item flex-container reverse-order"> <div class="flex-item-left img-mobile"> <picture> <source media="(max-width: 767px)" srcset="https://boanastudio.com/user/pages/04.cases/lykon-ux-ui-design/02._tile-section/lykon-survey-design-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/lykon-ux-ui-design/02._tile-section/lykon-survey-design-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/lykon-ux-ui-design/02._tile-section/lykon-survey-design-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/lykon-ux-ui-design/02._tile-section/lykon-survey-design-1x.jpg"> </picture> </div> <div class="flex-item-right"> <div class="vertical-middler"> <h3>Ein Online-Survey<br> um neue Nutzer zu begeistern</h3> <p>Mit einem Online-Fragebogen erfahren Nutzer eine Erstberatung. Die Beantwortung einiger Fragen über den aktuellen geistigen und körperlichen Zustand des Nutzers hilft dabei, die dringendsten Gesundheitsprobleme zu erkennen. Der UX-Flow für diesen digitalen Gesundheitscheck wurde so gestaltet, dass er intuitiv und einfach zu bedienen ist, den Nutzer führt und zum Weitermachen motiviert.</p> </div> </div> </div> </div> </section> <section class="section modular-portfolio-detail-list"> <div class="wrapper portfolio-detail-list"> <div class="item flex-container"> <div class="flex-item-left"> <div class="vertical-middler"> <h3>Personalisierte<br> Empfehlungen</h3> <p>Der Online-Fragebogen schließt mit einem personalisierten Gesundheitsplan ab: eine schrittweise Anleitung zum Erreichen der individuellen Gesundheitsziels. Der Plan wird mit Lykon-Produkten abgestimmt.</p> </div> </div> <div class="flex-item-right img-mobile"> <picture> <source media="(max-width: 767px)" srcset="https://boanastudio.com/user/pages/04.cases/lykon-ux-ui-design/02._tile-section/lykon-personal-recommendations-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/lykon-ux-ui-design/02._tile-section/lykon-personal-recommendations-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/lykon-ux-ui-design/02._tile-section/lykon-personal-recommendations-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/lykon-ux-ui-design/02._tile-section/lykon-personal-recommendations-1x.jpg"> </picture> </div> </div> </div> </section> <section class="section modular-portfolio-detail-list"> <div class="headline-large-image"> <div class="item-wrapper"> <div class="item"> <div class="image img-mobile"> <picture> <source media="(max-width: 767px)" srcset="" /> <source srcset="https://boanastudio.com/user/pages/04.cases/lykon-ux-ui-design/03._full-width-with-margin-image/lykon--full-width-landingpage-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/lykon-ux-ui-design/03._full-width-with-margin-image/lykon--full-width-landingpage-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/lykon-ux-ui-design/03._full-width-with-margin-image/lykon--full-width-landingpage-1x.jpg}"> </picture> </div> </div> </div> </div> </section> <section class="section modular-portfolio-detail-list"> <div class="wrapper portfolio-detail-list"> <div class="item flex-container reverse-order"> <div class="flex-item-left img-mobile"> <picture> <source media="(max-width: 767px)" srcset="https://boanastudio.com/user/pages/04.cases/lykon-ux-ui-design/04._tile-image-2/Lykon--Quick-win-1x.jpg" /> <source srcset="https://boanastudio.com/user/pages/04.cases/lykon-ux-ui-design/04._tile-image-2/Lykon--Quick-win-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/lykon-ux-ui-design/04._tile-image-2/Lykon--Quick-win-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/lykon-ux-ui-design/04._tile-image-2/Lykon--Quick-win-1x.jpg"> </picture> </div> <div class="flex-item-right"> <div class="vertical-middler"> <h3>Quick win:<br> optimierte Website-Navigation</h3> <p>Als Nebenprojekt haben wir die Menüs umstrukturiert, damit die Benutzer die Produkte und Informationen schneller finden können. Insgesamt hat die Neugestaltung dazu beigetragen, dass Lykon sein Wertversprechen besser vermitteln kann.</p> </div> </div> </div> </div> </section> <section class="section modular-portfolio-detail-list no-padding-sides no-padding-bottom"> <div class="headline-large-image"> <div class="item-wrapper"> <div class="item"> <div class="image img-mobile"> <picture> <source media="(max-width: 767px)" srcset="" /> <source srcset="https://boanastudio.com/user/pages/04.cases/lykon-ux-ui-design/05._full-width-with-margin-image3/Lykon-----all-mobile-screens-1x.jpg 1x, https://boanastudio.com/user/pages/04.cases/lykon-ux-ui-design/05._full-width-with-margin-image3/Lykon-----all-mobile-screens-2x.jpg 2x" /> <img src="https://boanastudio.com/user/pages/04.cases/lykon-ux-ui-design/05._full-width-with-margin-image3/Lykon-----all-mobile-screens-1x.jpg}"> </picture> </div> </div> </div> </div> </section> <section id="cta-your-project" class="section padding-largest modular-call-contact "> <div class="wrapper"> <div class="flex-container"> <div class="flex-item-left"> <picture> <source media="(max-width: 767px)" srcset="/user/themes/boanastories/img/sales/s-profile-j2-mobile.jpg" /> <source srcset="/user/themes/boanastories/img/sales/s-profile-j2-1x.jpg 1x, /user/themes/boanastories/img/sales/s-profile-j2-2x.jpg 2x" /> <img src="/user/themes/boanastories/img/sales/s-profile-j2-1x.jpg" alt="Johannes Holl" /> </picture> <a href="https://boanastudio.com/de/team/johannes-holl" class="xs-text text-grey-60 image-caption"><b class="bold text-grey-40">Johannes Holl</b> <span class="not-on-s">• </span>Geschäftsführer</a> </div> <div class="flex-item-right"> <div class="text"> <div class="headline l-text"> <span class="color">Sprechen wir über</span><br>Ihr Projekt. </div> <div class="teaser n-text text-grey-60"> Teilen Sie Ihre Ideen mit uns, wir helfen gerne! </div> <div class="actions"> <a href="https://boanastudio.com/de/contact" class="button primary">Kostenlose Beratung</a> </div> </div> </div> </div> </div> </section>