Website für LVA

Komplexe Leistungen leicht zugänglich machen

Mit HEROK & friends habe ich eine einfachere, schnellere Website gestaltet, die Menschen dabei hilft, das breite Angebot an Lebensmittel- und Produktanalysen der LVA zu finden und zu verstehen.

170+

Seiten geprüft und konsolidiert

6

Leistungsbereiche strukturiert

64%

weniger Klicks bis zur passenden Leistung

Fakten

Auftraggeberin
LVA GmbH
Im Auftrag von HEROK & friends

Team
Dorothea Roubicek
Katrin Fischer
Teresa Medits
Reinhard Herok (Kund:innenberatung, Projektmanagement, Strategie)
Gerald Lauffer (Konzept, Text)
Fabian Pimminger (Programmierung, technischer Support)
Emanuel Jochum

My role
User Experience Strategy
User Experience Design
User Interface Design

Zeitraum
2021–2022

Branche
Lebensmittel- & Produktanalytik, B2B-Services

Herausforderung

Die LVA ist Österreichs führendes Institut für Analytik und Expertise bei Lebensmitteln, Pharmazeutika, Kosmetika und Nahrungsergänzungsmitteln. Ihr Leistungsspektrum ist breit, doch die alte Website bildete das nicht klar ab.

Die frühere Seite war veraltet, langsam und mit Inhalten überladen. Besucher:innen – besonders B2B-Kund:innen – fiel es schwer zu verstehen, was die LVA anbietet und wie sie die richtige Leistung auswählen. Das Redesign sollte Struktur, Fokus und Klarheit schaffen.

Eine frische Startseite, die Klarheit in das Angebot der LVA bringt – strukturiert, ruhig und darauf ausgelegt, Besucher:innen von Anfang an zu den passenden Leistungen zu führen.

Priority Guides halfen, Struktur und Flow zu definieren, indem sie Nutzer:innen-Ziele und wesentliche Inhalte an die erste Stelle setzten.

Vorgehen

Ziel war es, zu vereinfachen, ohne an Tiefe zu verlieren, und ein Nutzungserlebnis zu schaffen, das die Expertise der LVA für viele Zielgruppen sichtbar, vertrauenswürdig und leicht zugänglich macht.

Der Fokus lag darauf, die Navigation so umzubauen, dass sie widerspiegelt, wie potenzielle Kund:innen tatsächlich nach Leistungen suchen – mit klaren Einstiegspunkten nach Leistungsbereichen und Nutzer:innen-Bedürfnissen.

Ein modulares Designsystem unterstützt verschiedene Inhaltstypen und künftige Erweiterungen, während das responsive Interface für Konsistenz von Desktop bis Mobile sorgt.

Das Moodboard zeigt die visuelle Richtung der Website – farbenfroh, klar und darauf ausgelegt, zugleich nahbar und professionell zu wirken.

Mobile-First-Layout mit wiederverwendbaren Inhaltsmodulen und direktem Zugang zu den relevanten Leistungen

Einige Fragen, die die Arbeit beeinflusst haben

Wie können wir die Menge veralteter oder redundanter Inhalte reduzieren?

Ein Content-Audit half dabei, doppelte oder veraltete Seiten zu identifizieren und zusammenzuführen. Gemeinsam mit dem internen Team priorisierten wir substanzielle Inhalte und Leistungsseiten.

Wie kann die Website unterschiedliche B2B-Kund:innen bedienen – von großen Produktionsbetrieben bis zu kleinen Start-ups?

Wir haben klare Einstiegspunkte pro Zielgruppe definiert und eine einfache Sprache mit klaren CTAs verwendet – ohne übermäßig technische Formulierungen auf der gesamten Website.

Wie unterstützt die Website schnelle, gezielte Anfragen an den Kund:innenservice?

Wir haben einen eigenen Anfrage-Workflow mit weniger Klicks, klarer Formularlogik und dauerhaftem Zugang (über die Hauptnavigation) auf der gesamten Website gestaltet. Zusätzlich entwickelten wir ein Konzept für einen Self-Service-Flow für neue Anfragen.

Eigene Seiten bieten einen klaren Ausgangspunkt, um die Leistungen der LVA nach Branche zu erkunden – fokussiert, informativ und leicht verständlich.

Ein flexibles visuelles und Layoutsystem, das sich geräteübergreifend anpasst und mit den Inhalten mitwächst

Ergebnis

Die neue Website ist schnell, aufgeräumt und einfach zu bedienen. Zu den wichtigsten Ergebnissen zählen eine verschlankte Struktur mit leistungsorientierter Navigation und eine stärkere visuelle Hierarchie für bessere Orientierung. Sie bietet ein ruhiges, markenkonformes Erscheinungsbild, das über Geräte und Anwendungsfälle hinweg funktioniert.

Die Seite schafft mehr Klarheit für potenzielle Kund:innen, die nach bestimmten Analysen oder Leistungen suchen, bietet einen besseren Überblick über die Weiterbildungskurse samt reibungsloser Buchung und erleichtert dem internen Team die Content-Pflege.

Die Leistungsübersicht gruppiert Angebote nach Branchenrelevanz und hilft Nutzer:innen, sich ohne technisches Vorwissen zurechtzufinden.

Eine kompakte, scrollbare Seminaransicht zeigt das aktuelle Programm und die Anmeldeoptionen auf einen Blick.

Das Unternehmensprofil rückt Mission, Führung, Geschichte und Menschen der LVA in den Fokus – mit Fakten, Meilensteinen und einem ruhigen, selbstbewussten Layout.

Mein Beitrag

• UX-Konzept

• Informationsarchitektur

• Prototyping auf Basis von Priority Guides

• UI-Design

• Unterstützung bei Umsetzung und Feinschliff
  

Was ich noch erwähnen möchte

In hochwissenschaftlichen oder spezialisierten Branchen ist eine klare Struktur essenziell – nicht nur für die Usability, sondern um Vertrauen aufzubauen. Eine ruhige, gut organisierte Website hilft, Expertise nahbar und handlungsorientiert zu positionieren.

Haben Sie ein komplexes Angebot zu erklären?

Simple is beautiful