TLI

Ganzheitliches Training für Körper und Geist – Gesundheit, der Kunde und Design im Mittelpunkt
TLI-UX-UI-and-Webdesign-Hero-Image

Über TLI

Das TLI (The longevity institute) – vormals Nejc Hojc Personal Trainig – ist ein Schweizer Fitness- & Longevity-Center dessen Dienstleistungsschwerpunkt ursprünglich auf Personal Training lag. In den letzten Jahren hat sich das Institut jedoch schrittweise von Personal Training und Ernährungscoaching hin zu einer ganzheitlicheren Ausrichtung entwickelt. Neben den physischen Aspekten der Kunden fließen nun auch medizinische und ganzheitliche Faktoren in das Training und die Gesundheitsvorsorge ein. 


Was intern längst gelebt wurde, sollte künftig auch nach außen sichtbarer werden, weswegen mich das Institut beauftragte die Webseite ebenso wie das Branding grundlegend zu überarbeiten und an den neuen Dienstleistungsschwerpunkt anzupassen.

UX-TLI-User-Interviews-Snapshot

Der Endkunde im Fokus

Die Grundlage aller künftigen Marketingentscheidungen sowie des Designs und Brandings bildeten zunächst User-Interviews, die ich in Absprache mit dem Kunden inhaltlich vorbereitete, durchführte und anschließend auswertete.

Das Ergebnis war eine 26-seitige Analyse, die die wichtigsten Erkenntnisse in Form von Personas zusammenfasste und als stabile Basis für alle weiteren Kommunikations- und Gestaltungsmaßnahmen diente.

UX-UI-Design-Homepage-Snapshot

Leicht, klar, barrierefrei: Design, welches medizinische Expertise widerspiegelt

Das neue Design vermittelt insgesamt einen leichten und aufgeräumten Eindruck und spiegelt so zugleich den hohen, medizinisch fundierten Anspruch des Instituts wieder.

Im Hinblick auf die vorrangig ältere Zielgruppe des Instituts wurde bewusst auf eine WCAG Konforme Gestaltung der Seite geachtet, weswegen eine hierarchisch konsequente Seitenstrukturierung und eine gute Lesbarkeit der Inhalte im Design an zentraler Stelle standen.
Lange Textabsätze wurden gezielt aufgebrochen und neu strukturiert, um eine schnellere Erfassbarkeit der Inhalte zu gewährleisten.
Conversion-Optimized-UX-UI-Design-How-it-works

Kundenorientiertes Design: Transparenz und klare Kommunikation im Fokus

Eine zentrale Anforderung an den neuen Onlineauftritt war eine conversion-optimierte Seitenstruktur, weshalb Transparenz, Kundenorientierung und Vertrauen essenzielle Gestaltungsprinzipien waren. Dies zeigt sich nicht nur in der menschlichen und kundennahen Kommunikation, sondern auch in der klaren und transparenten Darstellung der Dienstleistungsangebote auf der Website.

Wie sich in den User Interviews zeigte, wissen viele Kunden vor ihrem ersten Training nicht genau, was sie nach der Anmeldung im Institut erwartet. Umso wichtiger war es, diese Unklarheit im Redesign zu berücksichtigen und den Ablauf sowie den konkreten Mehrwert der Trainingsprogramme verständlicher und greifbarer zu machen.

Conversion-Optimized-Design-Snaphot-Testimonial-Section

Authentizität & sichtbare Erfolge: Wie Erfolgsgeschichten Vertrauen aufbauen

In den User-Interviews zeigte sich, dass viele Kunden vorrangig durch Empfehlungen oder die sichtbaren Trainingserfolge anderer auf das Institut aufmerksam wurden bzw. sich letztlich deshalb für ein Probetraining entschieden. Vertrauen und handfeste Beweise spielten somit eine entscheidende Rolle in der Entscheidungsfindung potenzieller Kunden, weswegen in fast allen Seitenbereichen authentische Testimonials und Erfolgsgeschichten großzügig genutzt wurden.

UX-UI-Design-Snapshot-Homepage-Testimonials-and-Success-Stories
UX-UI-Design-Compare-Overlay

So vielfältig wie die Kunden von TLI sind, so unterschiedlich sind auch die Schwerpunkte der Trainings- und Longevity-Programme – Um mehr Übersicht und Klarheit in die Vielzahl an Benefits und Programmausrichtungen zu bringen, können im Redesign die einzelnen Programme auf einen Blick miteinander verglichen werden.

UX-UI-Design-Responsive-Mobile-Design-Snapshot

Ein Designsystem, das auf jedem Gerät überzeugt

Ob groß oder klein – die TLI-Website bleibt überall übersichtlich und benutzerfreundlich. Die Grundlage dafür bildet ein schlüssiges und visuell klar strukturiertes Designsystem, welches selbst auf begrenztem Raum eine übersichtliche Darstellung ermöglicht. Inhalte bleiben klar voneinander unterscheidbar und leicht erfassbar.

Resposive-Design-Mobile-Screens-Snapshot

Beweise statt Versprechungen: Authentische Erfahrungen im Fokus

„Jeder behauptet, das Beste zu bieten – was ich sehen möchte, sind allerdings Beweise.“
Dieser Satz aus den Interviews brachte auf den Punkt, was im Redesign wirklich zählte: keine reißerischen Marketingtexte oder langen Beschreibungen der Trainingsprogramme, sondern authentische Erlebnisse und Erfahrungen echter Kunden. Priorität hatte für Kunden nicht das Training an sich, sondern die Lebensqualität und die Autonomie die sie dadurch wiedergewinnen können. Anders formuliert: Nicht das Werkzeug zählt, sondern das greifbare und nachweisbare Resultat in Form von Erfahrungswerten.

Conversion-Optimization-Success-Stories-Snapshot

Übersichtlichkeit durch schlankere Navigation und klare Struktur

Im Gegensatz zur früheren Navigationsstruktur waren Success Stories sowie andere Blog- und Newsbeiträge auf verschiedensten Seitenkategorien verteilt. Im Redesign wurde diese Struktur bewusst durch eine schlankere und übersichtlichere Variante ersetzt, wodurch sämtliche Beiträge nun auf einer dedizierten Seite angezeigt und strukturiert werden. So finden künftige Interessenten alles auf einen Blick und können Inhalte je nach Interessensschwerpunkten filtern.

Blog-Detail-UX-UI-Design

Flexibles Designsystem für eine optimale Darstellung auf jedem Gerät

Ziel des Redesigns war es, nicht nur Desktop- und Mobile-Ansichten zu berücksichtigen, sondern auch die Viewports dazwischen sowie über die Standard-Desktopansicht hinaus. Das Ergebnis ist ein robustes Designsystem, das über die Standardanforderungen hinausgeht und jederzeit eine optimale Darstellung gewährleistet.

Responsive-Webdesign-TLI-Tablet-View-Snapshots
Responsive-Webdesign-TLI-Tablet-Design-Snapshots

Auhofstraße 101-111
1130 Wien, AUT


Instagram
LinkedIn
Dribbble

+43 6609570404
bbechyna@gmail.com

Imprint 

Privacy Policy
AGBs