Vida

Wir wurden von vida, einer großen österreichischen Gewerkschaft, die Beschäftigte in der Transport- und Dienstleistungsbranche vertritt, beauftragt, ihre Webseite zu überarbeiten und neu zu gestalten. Das Hauptziel war die Steigerung der digitalen Mitgliederwerbung. Daher haben wir einen Mobile-First-Ansatz gewählt, der sowohl auf die Vision der vida „Gewerkschaft in der Tasche“ als auch auf die spezifischen Anforderungen der verschiedenen Zielgruppen abgestimmt ist.

Herausforderung

Inklusives Erlebnis Dank der Neugestaltung der vida-Webseite

Eine der größten Herausforderungen bestand darin, ein Gleichgewicht zwischen den unterschiedlichen Bedürfnissen und Anforderungen der bestehenden Mitglieder und der Gewinnung potenzieller neuer Mitglieder zu finden. Es erforderte ein tiefgreifendes Verständnis der unterschiedlichen Erwartungen und Interessen beider Gruppen, um sicherzustellen, dass die neu gestaltete Webseite tatsächlich als nützliche Plattform für alle dienen würde. Das unübersichtliche, inhaltslastige Layout der bisherigen Webseite stellte eine zusätzliche Herausforderung dar, da es die Navigation und Zugänglichkeit für die Nutzer erschwerte.

Kunde

vida

Services

Prototyping, Produkdesign, UX/UI Design, Styleguide, Benutzerforschung, Customer Insights, Usability Testing, UX Audit, Informationsarchitektur

Datum

2022

Projekt-Link

Der Ansatz

Ermittlung der Nutzerbedürfnisse für eine neue Informationsarchitektur

Wir begannen mit einem detaillierten Audit der Webseite, bei dem wir die bestehende Struktur und den Inhalt untersuchten. Dies ermöglichte es uns, Verbesserungspotenziale zu identifizieren und die Informationsarchitektur effektiv zu überarbeiten. Wir führten explorative Kundeninterviews durch, um wertvolle Erkenntnisse über die spezifischen Bedürfnisse, Wünsche und Erwartungen unserer Zielgruppe zu gewinnen. Diese ausführlichen Gespräche – sowohl mit bestehenden als auch mit potenziellen Mitgliedern – haben uns geholfen, ein tieferes Verständnis für ihre Herausforderungen, Wünsche und Erwartungen an eine Gewerkschaft zu entwickeln.

two mobile views of the redesigned website of vida
two mobile views of the redesigned website of vida, showing form sites.

Kreativer Prozess

Mit Interaktiven Mockups und Usability Tests zum Optimalen Webseitendesign

Der kreative Prozess begann mit der Entwicklung eines klickbaren Mockups. Dies ermöglichte es uns, die Benutzeroberfläche und die Interaktionen zu visualisieren und das Design auf der Grundlage unserer kreativen Ideen und ersten Hypothesen zu verbessern.

Anschließend führten wir umfangreiche Usability-Tests mit unterschiedlichen Nutzergruppen durch, darunter Betriebsratsmitglieder und normale Mitglieder. In dieser Testphase erhielten wir wertvolles Feedback und Erkenntnisse von realen Nutzern: Wir konnten die Effektivität unserer Designentscheidungen überprüfen und gleichzeitig sicherstellen, dass die Webseite den spezifischen Bedürfnissen der einzelnen Nutzergruppen gerecht wird.

two laptop screens showing the old and new designed landing page of vida.

Produktstrategie

Klare Benutzerführung, Barrierefreiheit und kundenzentrierte Inhalte

Da wir in unseren explorativen Interviews herausgefunden haben, dass sich die Zielgruppen hinsichtlich ihres Vorwissens über Gewerkschaftsarbeit, ihrer Bedürfnisse bei der Interaktion mit der vida-Website und ihrer Erwartungen stark unterscheiden, haben wir großen Wert auf einen einfachen Zugang, eine klare Sprache und eine schrittweise Informationsvermittlung gelegt.

Diese Flexibilität war wichtig, um über verschiedene Kampagnen und die dazugehörigen Landing Pages hinweg agieren zu können. Wir legten Wert auf eine klare Benutzerführung, indem wir neue Designstandards einführten und den Prozess der Mitgliederwerbung vereinfachten. Wir erstellten einen klaren Styleguide und unterstützten das interne Team bei der Implementierung und dem Rollout des Produkts.

two mobile views of the redesigned website of vida, showing different content pages

Farben

#e2001a

#0a2648

#ffc943

#72c1e9

#86deb2

Schrift

Open Sans

A Á B C D E É F G H I Í J K L M N O Ó Ö Ő P Q R S T U Ú Ü Ű V W X Y Z

a á b c d e é f g h i í j k l m n o ó ö ő p q r s t u ú ü ű v w x y z 1 2 3 4 5 6 7 8 9 0

Aa

Light

Aa

Regular

Aa

Bold

Der kleine Prinz ging zu den Rosen zurück: "Ihr seid meiner Rose überhaupt nicht ähnlich, ihr seid noch nichts", sagte er zu ihnen. Niemand hat euch gezähmt, und ihr habt niemanden gezähmt. Ihr seid, wie mein Fuchs war. Er war nur ein Fuchs wie hunderttausend andere. Aber ich habe ihn zu meinem Freund gemacht, und jetzt ist er einzigartig auf der Welt".

“Wir waren beeindruckt von der freundlichen Arbeitsatmosphäre und der kundenorientierten Herangehensweise: Sehr hohe Flexibilität bei der Entwicklung der einzelnen Arbeitspakete, schnelle und klare Projektkommunikation und ein hohes Maß an Kreativität.”

Yvonne Heuber

Head of Public Relations - vida

Erkenntnisse

Nutzerzentrierter Ansatz zur Stärkung der Mitgliederbeziehungen und des Mitgliederwachstums

Die Gestaltung einer Webseite für vida erforderte einen durchdachten, nutzerorientierten Ansatz. Wir mussten ein Gleichgewicht zwischen den unterschiedlichen Bedürfnissen der bestehenden Mitglieder und der Attraktivität für potenzielle neue Mitglieder finden, was für den Erfolg der Neugestaltung der Website entscheidend war. Glücklicherweise ist es uns gelungen, ein Design zu entwerfen, das die Bindung der Gewerkschaft zu ihren bestehenden Mitgliedern stärkt und das Wachstum durch die Gewinnung neuer Mitglieder fördert.

The desktop view of the vida union landingpage

Einige unserer Arbeiten

Checken Sie unser Portfolio

Einige der bemerkenswerten Erlebnisse, die wir bereits in Zusammenarbeit mit unseren Kund:innen geschaffen haben.

Coming Soon!

Im Moment können wir noch keine Informationen zu diesem Projekt bekannt geben. Wenn Sie sicher gehen wollen, dass Sie nicht verpassen, wenn wir es veröffentlichen, schicken Sie uns eine E-Mail