---
title: "Ein neues Design für unsere Elmastudio Webseite"
author: "Ellen Bauer"
date: 2016-04-18
lang: de
source: https://elmastudio.de/ein-neues-design-fuer-unsere-elmastudio-webseite/
---

# Ein neues Design für unsere Elmastudio Webseite

Einige haben es bestimmt schon bemerkt: Seit dem Wochenende ist unsere *neugestaltete* Elmastudio-Webseite online. Wir haben zwar noch etliche kleinere Arbeiten und Optimierungen zu tun, aber trotzdem sind wir froh endlich mit unserem neuen Design online zu sein. Einige der Gedanken, die wir uns während des Designprozess unserer Webseite gemacht haben möchten wir mit dir teilen.

Im Gegensatz zum bisherigen Design *(auf der Basis von Moka)* haben wir dieses mal vor allem Wert darauf gelegt, mehr *Klarheit* in die Verteilung unserer Inhalte zu bringen. Wir haben unsere Haupt-Menüpunkte und Social Icons in einer feststehenden Leiste im Header untergebracht und alle anderen Links im Footer. So sind unsere wichtigsten Menüpunkte immer zugänglich und alle übrige Info, sowie eine Suche kann im Footer gefunden werden.

Unsere WordPress Theme-Seiten haben wir inhaltlich vereinfacht, klarer und übersichtlicher gestaltet.

Außerdem war uns wichtig, den [Blog](https://elmastudio.de/blog/) gründlich zu überarbeiten. Wir haben uns für ein dreispaltiges Masonry-Grid auf der Blog-Hauptseite und bei den gefeaturten Artikeln auf der Startseite entschieden. Auf dem Blog und auf Artikelseiten haben wir zusätzlich ein Widgetbereich mit Links und weiteren beliebten Artikeln integriert. So kann man leichter neue Artikel finden und auch ein bisschen im Blog "stöbern" (und so auch ältere Artikel entdecken). Unsere Theme-Seiten haben wir inhaltlich **vereinfacht** und **klarer** gestaltet. Ein Slider zeigt Bilder der einzelnen Themes und auf der [Theme-Übersichtsseite](https://elmastudio.de/wordpress-themes/) kann man zwischen einer Grid und einer Listen-Ansicht wählen und sich so viel leichter die Themes anschauen. Wichtig war uns auch die Theme-Kategorie (Portfolio, Business, Magazin) zu integrieren, wofür wir in unserem alten Design bisher nicht die Möglichkeit hatten.

Insgesamt war uns wichtig das Design **großzügiger**, **moderner** und die Typografie **spannender** zu gestalten. Auf den Artikel-Seiten haben wir auf eine gute Lesbarkeit geachtet und mehr Vielseitigkeit in den Schrift-Stilen geachtet. Als serifenlose Schrift haben wir die noch recht neue Google-Schrift [Work Sans](https://github.com/weiweihuanghuang/Work-Sans) gewählt. Diese haben wir mit der klassischen ~~Times New Roman~~ [Vesper Libre](https://github.com/motaitalic/vesper-libre) kombiniert. Uns gefällt dieser Kontrast sehr gut und er bietet unserer Ansicht nach jede Menge Möglichkeiten, um spannende Gegensätze zu schaffen.

Wir hoffen dir gefällt unser neues Elmastudio-Design. Schau dich doch auf der neuen Webseite ein bisschen um und sag uns was du denkst. Über dein Feedback, Verbesserungsvorschläge oder Fehlermeldungen würden wir uns sehr freuen. Schreib uns doch deine Meinung zum neuen Design in einem Kommentar!