Die Seite
Link: www.sinz.ch
Fertigstellung: Juli 2013
Der Inhalt
Auf dem überarbeitetem Webauftritt von SINZ findet man Bilder der aktuellen Mode-, Pelz-, Lederjacken- und Lammfell-Kollektion, außerdem Informationen rund um den Service bei Sinz, sowie die Geschichte des Hauses.
Die Technik
Die Webseite basiert auf dem Design des Modehauses SAAR aus Regensburg.
CSS3-Media-Queries optimieren das Design für alle Bildschirmauflösungen größer 1000px.
Die Seite funktioniert trotz des starken Einsatzes von CSS3 in allen gängigen und auch älteren Browsern. Für Versionen kleiner 9 des Internet Explorers wurde ein externes Skript (CSS3 PIE) eingebaut, damit die neuen CSS3 Eigenschaften wie etwa border-radius oder box-shadow richtig angezeigt werden.
Zusätzlich umfasst die Webseite individuelle Fehlerseiten und ist barrierefrei. Auf deaktiviertes JavaScript wird am oberen Fensterrand dezent hingewiesen. Für Smartphone und Tablet User gibt es Touch Icons mit dem Logo von Sinz. Für etwaige Verlinkungen auf Facebook sind der Seitentitel, Beschreibung sowie das Logo mittels Open Graph im Seitenquelltext eingebunden.
Die Performance
Durchschnittliche Bewertung von Yahoo's YSlow (3.1.4 - Rulesets YSlow(V2)): A Performance Score 94
Bei der Seitenperformance bin ich fast keine Kompromisse eingegangen. Minimale Anzahl an HTTP-Requests, aktivierte gzip-Kompression, sowie Optimierung der Dateigrößen des Stylesheets, der JS-Skripte und der Bilder bilden die Eckpfeiler für eine überaus überzeugende Performance.
Die Webtechnologien
- HTML5
- CSS3
- PHP
- AJAX
- jQuery
