Zurück zu den Projekten

Webdesign

VM-Beratung

Webseite besuchen (öffnet in neuem Tab)
Mockup des Projekts VM-Beratung

Die Ausgangslage

Dieses Projekt war mein erster Berührungspunkt mit WordPress sowie dem gesamten Webdesign Prozess. Dabei begleitete ich das Projekt von der Konzeption und Gestaltung bis hin zur technischen Umsetzung und Veröffentlichung der Webseite.

Für die geplante Selbstständigkeit meiner Mutter, die im Bereich der sozialen Arbeit tätig ist, entstand die Idee einer Informationsplattform rund um das Schweizer Sozialsystem. Ziel war es, eine benutzerfreundliche Webseite zu entwickeln, die verständlich über Themen wie AHV, Pensionskasse und weitere Sozialversicherungen informiert.

Die primäre Zielgruppe sind kroatischsprachige Personen, die in der Schweiz leben und nach verständlichen Informationen und Orientierung zum Schweizer Sozialversicherungssystem suchen.

Der Prozess

Die erste Version der Webseite entstand hauptsächlich mithilfe von Elementor Tutorials und Fachblogs. Zu diesem Zeitpunkt hatte ich noch keine Kenntnisse über Designprinzipien, Typografie, den Aufbau moderner Webseiten oder den Einsatz von dynamischen Inhalten. Meine wichtigste Orientierung war das Feedback meiner Mutter, die selbst keine Erfahrung im Bereich Webdesign hatte.

Die Anforderungen waren bewusst einfach gehalten. Die Webseite sollte ihre Fachartikel übersichtlich präsentieren, die Farbe Grün als zentrales Gestaltungselement verwenden und so aufgebaut sein, dass sie die Inhalte künftig selbst verwalten kann.

Rückblickend war dieses Projekt ein wichtiger Meilenstein für mich. Trotz meiner fehlenden Erfahrung entstand eine funktionierende erste Version der Webseite. Vor allem weckte dieses Projekt meine Begeisterung für Webdesign und legte den Grundstein für meine weitere Entwicklung in diesem Bereich.

Screenshot der ersten Version der VM-Beratung-Webseite mit grüner Startseite und einfacher Artikelübersicht
Screenshot einer Unterseite der ersten VM-Beratung-Version mit Fachartikeln im frühen Layout

Nach fast drei Jahren und mehreren weiteren Webprojekten blickte ich erneut auf die Webseite zurück. Schnell wurde klar, dass ein Redesign notwendig war. Ich entwickelte eine neue Farbpalette mit einem markanten Dunkelgrün als Primärfarbe. Für die Typografie entschied ich mich für Rethink Sans in den Überschriften und Lato für den Fliesstext. Die Kombination verleiht der Webseite ein modernes und professionelles Erscheinungsbild und sorgt gleichzeitig für eine hohe Lesbarkeit der umfangreichen Inhalte.

Auch das Layout wurde grundlegend überarbeitet. Das Design ist heute deutlich schlanker und minimalistischer. Die Blogkarten wurden dezenter gestaltet und harmonischer in das Gesamtbild integriert. Anstelle mehrerer separater Kategoriearchive entstand eine zentrale Archivseite mit Filterfunktion, welche die Navigation durch die zahlreichen Fachartikel deutlich vereinfacht. Die wichtigsten Kategorien werden bereits auf der Startseite mithilfe von modernen Karten und passenden Icons präsentiert.

Ein weiterer Schwerpunkt des Redesigns war die Zweisprachigkeit der Webseite. Um neben der kroatischsprachigen Zielgruppe auch deutschsprachige Besucher anzusprechen, wurden sämtliche Inhalte ins Deutsche übersetzt und mithilfe von Polylang in eine zweisprachige Webseitenstruktur integriert.

Das Resultat

Startseite
Gesamtansicht der neu gestalteten VM-Beratung-Startseite mit dunkelgrüner Primärfarbe und Kategoriekarten
Blogarchiv
Zentrale Archivseite von VM-Beratung mit Filterfunktion und Blogkarten der Fachartikel
Artikelansicht
Artikelansicht eines Fachbeitrags auf VM-Beratung mit gut lesbarem Fliesstext

Interesse an einem Austausch?

Ich freue mich, von Ihnen zu hören.

Kontakt aufnehmen