Mediagourmet

Web Entwicklung • Redaktionssysteme • Soziale Medien

Projekt Kittel - Alarm- & Sicherheitstechnik

 
Kittel - Alarm- & Sicherheitstechnik
Kittel - Alarm- & Sicherheitstechnik
Kittel - Alarm- & Sicherheitstechnik
Kittel - Alarm- & Sicherheitstechnik
Relaunch des Webauftritts alarmkittel.de auf dem responsive Framework Bootstrap 3.0.2 mit 4 Gridpoints:
  • Extra kleine Geräte - Smartphones (<768px)
  • Kleingeräte - Tablets (≥768px)
  • Medium Geräte - Laptops (≥992px)
  • Große Geräte - Desktops (≥1200px)

Hierbei wird je nach Modus der Kopf, das Menü, das Banner und die Spaltenaufteilung angepasst dargestellt.

Funktionalitäten:

  • Das Hauptmenü ist jetzt mit aufklappenden Untermenüs programmiert und passt sich immer der Bildschirmbreite an. Wenn der Menütext nicht mehr auf den Bildschirm passt, wird ein allgemein verständliches und gebräuchliches Symbol eingeblendet. Nach Klick fährt dann das Menü auf.
  • Das Logo und das Menü sind immer sichtbar, so muss der User nicht mehr nach oben scrollen, wenn er eine Seite gelesen hat. (Fixed Header)
  • Das Banner passt sich immer auf die Bildschirmgröße an.
  • Die Bilder im Text passen sich immer relativ der Bildschirmgröße an.
  • Die Textgrößen sind auf den jeweiligen Geräten immer gut lesbar.
  • Die 2-spaltigkeit wird solange beibehalten, wie die Bilder in annehmbarer Auflösung noch passen. Danach wird es 1-spaltig mit Trenner dargestellt.
  • Die Lightbox ruft jetzt nur noch 1 Script auf (vorher 5 - Geschwindigkeitsvorteil und Resourcenschonend) und passt sich im Vollbild automatisch an die Fenstergrösse an.
  • Die Telefonnummer ist auf Handys direkt wählbar.

Qualitätssicherung:

  • Yslow Test Grade A/F - Overall performance score 91 | alte Seite: Grade C / 72
  • Google PageSpeed Insights 91/100| alte Seite 66/100
  • Getestet mit IE 8-11 auf Win7 / Safari auf MacOS / Safari auf iPad 2 / Android Browser auf Smaprtphone Sony Xperia / Opera, Safari, Chrome, Firefox auf Win7
  • Die Webseite ist validiert und fehlerfrei nach HTML5 (Link)




  Kategorie Best of
Kategorie Webseite
Technik Statisch
Partner Renner-Marketing
Weblink Weblink
Relaunch Relaunch 2013
Projekt Nummer # 118

<< zurück


Hits: 3774

Hinweis:
Aus Gründen des © werden einige meiner Arbeiten hier nicht angezeigt oder verlinkt. Ebenso kann ich keine Gewähr dafür übernehmen, dass die Projekte nach der Übergabe noch meiner Programmierung oder meinem Design entsprechen.