Website Maristen Gymnasium Furth

Modern – übersichtlich und informativ – Die neue Website des MGF

Homepage auf einem iMac

Aufgabenstellung


Übersichtlich und benutzerfreundlich
Bei einer so großen Website wie der des Maristen Gymnasiums Furth ist es vor allem wichtig, ein übersichtliches und klar strukturiertes Design zu entwerfen, damit jeder Besucher möglichst schnell zu den gewünschten Informationen findet.

Aus diesem Grund wurde die komplette Navigationsstruktur schon vor der Gestaltung festgelegt.


Informativ und aktuell
Wie auch auf der alten Homepage sollten über den neu geplanten Webauftritt regelmäßig Berichte und Vorankündigungen veröffentlicht werden.


Sidebar
Auf der alten Homepage wurden dem Besucher über eine Sidebar bevorstehende Termine, der Link zur Mensa sowie die Mailadresse zur Schulleitung angezeigt. Auf der neuen Website sollte auch wieder eine Sidebar eingebaut werden.


Umsetzung

Das Design der neuen Website wurde an das neu gestaltete Logo angelehnt. Das Dunkelblau aus dem Schullogo wurde im neuen Websitelayout wieder aufgeführt. Für das Schriftbild des Internetauftrittes wurde die serifenlose Schrift Open Sans verwendet. Klare und schnörkellose Linien – passend zum Erscheinungsbild des Gymnasiums.

Mit einer klaren Struktur und aussagekräftigen Hauptnavigationspunkten findet jetzt jeder Besucher schnell zu den gewünschten Informationen.

Auf der Startseite der Website stehen vor allem die aktuellen Vorankündigungen und Berichte im Vordergrund, deshalb wurden diese im Sichtbereich der Homepage platziert.

In der neuen Homepage wird die Sidebar über vier verschiedene Icons dargestellt, so wird diese auch in der mobilen Ansicht optimal dargestellt.

Über das Briefsymbol kann jetzt der Kontakt zur Schulleitung hergestellt werden. Sobald man auf das Icon mit dem Messer und der Gabel klickt, gelangt man zur Mensaseite. Über das Kalendericon kommt man mit einem Klick auf die Seite der bevorstehenden Termine. Mit dem unten stehenden Pfeil kann die Sidebar aus- und eingeblendet werden.

In diesem Video bekommen Sie einen kurzen Einblick in das Website-Projekt:

Leistungen:

 www.maristen-gymnasium.de

Schwarzes Tablet neben einer Tastatur

Smartphones auf Stoffhintergrund

zurück
zum Seitenanfang