Responsive Webdesign

Kategorie: Responsive Webdesign

11. Februar 2017 // Sicherheitstechnik Rust

Deutschland ist zum Eldorado für reisende Einbrecherbanden geworden, Häuser werden aufgebrochen, Autos ausgeschlachtet, metallene Grablampen auf Friedhöfen abgeschraubt, die Kupferdächer der Kirchen und Kapellen abgedeckt, Bankautomaten gesprengt, Solaranlagen des Nachts demontiert, Oberleitungen der Züge gekappt und ganze Felder fremdgeerntet. Man könnte fast meinen, unser Land wäre zur Plünderung freigegeben worden.

Dementsprechend herrscht bei den Menschen im Lande Angst und bei den Anbietern und Dienstleistern im Bereich Sicherheitstechnik Hochbetrieb; kürzlich bekam ich (vielleicht auch in diesem Zusammenhang) den Auftrag, die Internetseite der Firma Sicherheitstechnik Rust aus Wesel zu überarbeiten.

Da eine alte Joomla-Version und ein nicht an mobile Geräte angepasstes Layout verwendet wurde blieb außer ein paar Textstellen nicht viel der bisherigen Seite erhalten, das Logo, sämtliche Dokumente zum Download und fast alle Bilder mussten erneuert werden. Weiterlesen

3. Dezember 2016 // Holtkamp resonsive

Zugegeben, es wird dem einen oder anderen bestimmt langweilig, ständig „Responsive Webdesign“ hier, Anpassung an die mobilen Geräte da. Leider beschäftige ich mich seit längerem viel mit der Überarbeitung bestehender Seiten, einfach, weil der Kunde es wünscht und Google es verlangt.

Kürzlich war also die Webseite der hausärztlichen Praxis Dr. Holtkamp in Bocholt an der Reihe, modernisiert und an Smartphones und Tablets angepasst zu werden.

Startseite Dr. Holtkamp, PC-Ansicht
Vom ursprünglichen Layout ist praktisch nichts übrig geblieben, sämtliche Bilder, alle Farben und sogar das Logo haben sich verändert. Weiterlesen

15. Oktober 2016 // Diabetes Münster

Mein diesjähriges Sommer-Großprojekt ist nun abgeschlossen und online gestellt, es handelt sich um die komplette Neuerstellung der Webseiten des Zentrums für Diabetes und Gefäßerkrankungen in Münster.

Diabetes Münster / Praxis
Die ursprünglichen Webseiten waren stark überaltert und nicht an mobile Geräte wie Smartphones und Tablets angepasst. Zwar hat die bisher mit dem Webdesign betreute Firma eine überarbeitete Version vorgeschlagen, das neue Layout fand in den Augen der Verantwortlichen aber keinen Gefallen. Weiterlesen

8. Oktober 2016 // Mobil im September

Gleich zwei ältere Auftritte wurden im September hinsichtlich der optimalen Anzeige auch auf mobilen Geräten umgestellt, hier ein paar Eindrücke:

http://www.hausarzt-kreuzviertel.de/

Das Layout ist in beiden Fällen nahezu unverändert geblieben, im Gegensatz dazu hat sich bei den technischen Grundlagen praktisch alles verändert.

Mobile Webseiten / Notebook
Wie immer setzen alle modernisierten Auftritte aktuelle Webfonts, transparente PNGs. Silbentrennung durch den Browser und CSS-Dropdown-Menüs ein. Tabellen und Platzhalter-Gifs gibt es hier jetzt nicht mehr, der SEO-Score stieg allein dadurch jeweils um einige Punkte. Weiterlesen

24. September 2016 // Hospiz Aurich responsive

Auch die Seiten des Hospiz Aurich e.V., erstellt im Februar 2012, wurden jetzt weiter modernisiert und an die heute gängigen mobilen Geräte wie Tablets und Smartphones angepasst.

Homepage-Gestaltung PC
Das Layout ähnelt in seinen Grundzügen dem bisherigen, allerdings ist es nun zeitgemäß großzügiger und vereinfacht angelegt. Sämtliche Kopfbilder, seinerzeit langwierig über iStockPhoto.com ausgesucht und lizenziert **, blieben dabei erhalten. Man sieht diese nun in höherer Qualität und über die gesamte Seitenbreite vergrößert, was ihre Wirkung deutlich erhöht. Weiterlesen

4. Juni 2016 // 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.

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 ungewöhnlich lange Bearbeitungszeit resultierte nun daraus, dass große Teile der bisherigen CMS-Lösung mehr oder weniger verworfen werden mussten, da es damit nicht zu erreichen war, dass die Seiten auch auf den mobilen Geräten funktionieren.

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

23. April 2016 // etomusik.de responsive

Nach und nach stelle ich auch diejenigen Webseiten auf ein „responsive Webdesign“ um, an welchen ich privat oder geschäftlich beteiligt bin. Direkt Geld gibt es dafür zwar nicht, aber Ruhm und Ehre (kleiner Scherz).

Kürzlich nahm ich mir die Zeit, um endlich auch die immer noch sehr schöne, aber technisch „in die Jahre gekommene“ Webseite auf etomusik.de entsprechend zu bearbeiten:

Screenshot etomusik.de
Kompliziert zeigte sich die Steuerung der auf jeder Seite in unterschiedlicher Anordnung zu sehenden Quadrate („Dots“) in der oberen Hälfte der Seite, welche teilweise auch das jeweilige Kopfbild überlagern. Weiterlesen

21. April 2015 // Neuer Such-Algorithmus – Mobile-Friendliness wird Ranking-Faktor

Die von Google angekündigte Änderung seines Such-Algorithmus hinsichtlich „Mobile-Friendliness“ ist seit heute aktiv, siehe den folgenden aktuellen Screenshot von meinem Android-Handy:

Screenshot mobile Suche
Die Mainstream-Presse berichtet jetzt auch darüber; hier drei Links: Weiterlesen