Archiv

Webdesign-Blog

04. Juni 2016

Webseite neu gestalten: LGNW responsive

Nach insgesamt einem Jahr Arbeit wurde heute die neue, dritte Version der LGNW-Webseite freigeschaltet. Wie bereits des Öfteren in den letzten Jahren war die Anpassung an die mobilen Geräte (Smartphone, Tablet etc.) Hauptgrund für die Überarbeitung.

Webseiten-Neugestaltung: PC-Ansicht

Die Webseite ist gleichzeitig das Portal für die angeschlossenen Ärzte, die sich hier einloggen und Nachrichten ihrer Praxis-Homepage verwalten, welche dann lokal auf der jeweiligen Aktuelles-Seite erscheinen.

Die beibehaltenen Teile (das „interne System für die Ärzte“) wurden mit einigen technischen Tricks an das neue umgebende CMS angepasst.

 
Website-Neugestaltung: Notebook-Ansicht

Content-Management

Als neues Content-Management-System ist erneut das bewährte Joomla im Einsatz. Wie schon bei einem Großprojekt letztes Jahr war es aber auch wieder nötigt, einige spezielle Funktionen als Ajax-Aufrufe zu realisieren, da die Session-Verwaltung von Joomla dummerweise mit der des selbst programmierten internen Systems kollidiert.

Während der Übernahme der Texte fand ich einige tote Links und veraltete Informationen, die in der neuen Version natürlich korrigiert sind. Aber es gab noch eine weitere, zeitaufwendige Crux, wie ich heute feststellte.

Website-Neugestaltung: Tablet-Ansicht

ISO-8859-1 und UFT-8

Wie neue Webseite verwendet – wie eigentlich alle modernen Seiten im Jahre 2016 – den UTF-8-Zeichensatz. Auch die interne Datenbank wurde, damit es nicht völlig durcheinander geht, von ISO („latin“) zu UTF-8 umgewandelt. Diese Umwandlung betrifft aber auch sämtliche Nachrichten der vielen externen Praxis-Homepages.

Jetzt wird es noch komplizierter, denn es haben sich im Laufe der Jahre ein halbes Dutzend unterschiedliche Methoden und verschiedenen Tool-Versionen entwickelt, mit denen in den Jahren die Praxisnachrichten auf den zahlreichen Praxis-Homepages angezeigt werden. Zudem basieren die meisten Seiten hier noch auf dem ISO-Zeichensatz.

Das alles führte insgesamt dazu, dass nach Konvertierung der Datenbank mehr oder weniger jede Praxis-Homepage einzeln überprüft und ggf. angepasst werden musste: Sisyphus 1.

Übrigens: wie in allen neuen Projekten finden jetzt auch auf lgnw.eu einige Symbole aus dem reichhaltigen Angebot der Font-Awesome-Schriftart Verwendung, siehe beispielsweise die Seite „Parametertabellen“.

Internetseiten-Neugestaltung: Smartphone-Ansicht

Homepage-Galerie

Als besondere Fleißarbeit sei die Homepage-Galerie erwähnt; da die bisherigen Screenshots der Arztseiten eine zu geringe Auflösung hatten, mussten sämtliche Seiten aufgerufen und neu eingebunden werden – Sisyphus 2.

Die neuen Buttons zu Twitter und Facebook sind übrigens noch inaktiv, erst muss vom Labor jemand bestimmt werden, der sich um die entsprechenden Inhalte kümmert.

Vorstand: bitte lächeln!

Mehrere Monate Zeit ging alleine für das Zusammentragen der Bilder in den Unterseiten drauf, die bisherigen Auflösungen waren ebenfalls unzureichend. Der gesamte Vorstand musste vor die Kamera und sich neu ablichten lassen, wonach ich anschließend das Vergnügen hatte, die Bilder so anzupassen, dass diese hinsichtlich Helligkeit und Hintergrund miteinander harmonieren – Sisyphus 3.

 

Aber abschließend denke ich, die viele Arbeit hat sich mehr als gelohnt, die neue Seite ist ein großer Schritt weiter. Durch die noch striktere Trennung von Inhalten und Layout ist eine zukünftige Anpassung jetzt nicht mehr mit soviel Aufwand verbunden.

Zur Zeit laufen noch einige Anpassungen und SEO-Einstellungen für eine gute Position in den Suchmaschinen, ich denke, dass Ende nächster Woche alles komplett fertig sein wird.