Neues Design, bleibende Inhalte

Wir haben die Websites von Media4Schools.de sowie Media4Teens.de grundlegend überarbeitet. Die Inhalte sind die alten geblieben, aber das Layout und Design haben einen moderneren Anstrich bekommen.

Mit der Überarbeitung der beiden Websites möchten wir – die Betreiber vom sii-kids & -talents e.V. – unseren Besuchern ein besseres Nutzererlebnis bieten. Die alten Websites waren zwar informativ, aber das Design war etwas veraltet und nicht mehr zeitgemäß. Wir haben uns deshalb entschieden, das Layout und Design der Websites komplett zu überarbeiten, um sie ansprechender zu gestalten.

Das neue Design unserer Websites ist moderner – im Parallax-Stil.

Ein Parallax-Design (auch Parallax-Scrolling oder Parallax-Effekt genannt) ist eine Gestaltungstechnik für Websites, bei der sich verschiedene Elemente auf der Seite mit unterschiedlichen Geschwindigkeiten bewegen, um eine Tiefenwirkung und einen 3D-Effekt zu erzeugen. Beim Scrollen der Seite bewegen sich die verschiedenen Ebenen unabhängig voneinander, so dass der Betrachter das Gefühl hat, durch die Seite hindurch zu tauchen.

Ein typisches Beispiel für ein Parallax-Design ist eine Webseite mit einem Hintergrundbild, das in mehrere Schichten unterteilt ist. Wenn der Nutzer die Seite nach unten scrollt, bewegen sich die verschiedenen Schichten mit unterschiedlicher Geschwindigkeit. Die Schicht im Vordergrund bewegt sich langsamer als die Schicht im Hintergrund, was einen Tiefeneffekt erzeugt.

Die Farben und Bilder wurden ebenfalls angepasst, um eine angenehme und ansprechende Atmosphäre zu schaffen.

Außerdem haben wir ein besonderes Augenmerk auf die mobile Darstellung gelegt – die war vorher nicht optimal …. Nunmehr werden die Seiten auch auf kleinen Bildschirmen deutlich besser dargestellt!

Die Inhalte unserer Websites haben wir überwiegend beibehalten.

Einen Teilbereich haben wir entfernt (welchen, erfahrt ihr zu einem anderen Zeitpunkt), und einen Teil von Media4Teens.de auf Media4Schools.de umziehen lassen.

Bild oben: Vorher-Nachher-Screenshot.