ZUSAMMENARBEIT
Ich wünschte, alle meine Projekte wären wie dieses. Ein gut geplantes, strukturiertes Design als Ausgangsbasis, einen sehr motivierten und fleissigen Gestalter als Auftraggeber und Raum für Vorschläge und Ideen. So entstand diese wunderschöne (kein Eigenlob, die Gestaltung ist ja nicht von mir) und gut programmierte (ja, das war ich) Website.
RESPONSIVE? NA KLAR.
Wenn es nach mir ginge, wäre jede Seite für mobile Geräte optimiert. Leider ist das nicht immer möglich, weil das gelieferte Design nicht dafür ausgelegt ist, das Budget zu knapp ist oder der Auftraggeber glaubt, es wäre nicht nötig. In diesem Fall waren wir uns jedenfalls einig. Responsive? Na klar.
Die Planung bei Responsive-Seiten ist sehr viel Zeitintensiver als bei Desktop-Only Seiten, da Jakob aber selbst schon einiges an Programmiererfahrung hat, ging hier alles reibungslos. Die Vorplanung war sehr solide, kleinere Layout-Probleme klärten wir während der Umsetzung.
SCHWERPUNKTE
Auch sonst ist die Seite gut ausgestattet. Im Backend läuft WordPress als CMS, um Inhalte zu bearbeiten, ein Filter, um Arbeiten nach Kategorien zu filtern, Mehrsprachigkeit, kleinen Details (Suchfeld, Animationen, Mobile-Navigation…), Blog, eigene Stylesheets pro Seite, so dass Jakob auch selbst Code schreiben kann, ohne das Basislayout umzuschreiben (sicher ist sicher…).
Der Filter auf der Startseite funktioniert so, dass die Arbeiten nach den jeweiligen Hauptkategorien sortiert werden, der Rest wird ausgeblendet. Zusätzlich wird an die URL ein Hashtag angehängt. Dieser ermöglicht es, den gefilterten Inhalt zu verlinken. Sobald die Seite geladen wurde, wird der Filter aktiv und man kann zusehen, wie die Kacheln neu sortiert werden.
Mehrsprachigkeit ohne Seiten doppelt anzulegen. Einfach den Text in den gewünschten Sprachen eingeben. Die Seite übernimmt den Rest, Inhalte und Menüs wahlweise auf Deutsch oder Englisch anzeigt. Sollte ein Text in einer Sprache nicht zur Verfügung stehen, wird automatisch eine „Dieser Text ist nur in … verfügbar“ Notitz in der jeweiligen Sprache angezeigt.
Und vieles mehr… Die Seite ist voll von kleine Details, die die Interaktion angenehmer machen. Zum Beispiel:
- die „nächster/vorheriger Artikel“ und „zurück nach oben“ Navigation
- ein riesiges Suchfeld, das eingeblendet wird
- spezielle Felder für Links, Downloads und weitere Infos, falls vorhanden
- die Möglichkeit, Inhalte zu verstecken und erst durch anklicken sichtbar zu machen
- automatisch deutsche Anführungszeichen
- angepasste Schrifteigenschaften für Smartphones
- die Möglichkeit, spezifischen Code für einzelne Seiten zu schreiben
