Webdesign
VM-Beratung
Webseite besuchen (öffnet in neuem Tab)
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.
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