Mona

Onlineshop einer Modemarke

Custom Solution

Tasks

Unsere Aufgabe war eine Fashion-Website: eine Website, die nicht nur technisch, sondern auch gestalterisch makellos ist. Da das Publikum über außergewöhnlichen Geschmack verfügt, waren die Ansprüche entsprechend hoch.

Technical requirements for project:

-Hohe Arbeitsgeschwindigkeit. Die Nutzung der Website soll angenehm sein; niemand soll auf den Seitenwechsel, das Laden interaktiver Elemente oder das Öffnen eines Bildes warten müssen. Dank moderner Technologien ist uns das gelungen.
-Der Code muss semantisch und valide sein. Unsere Ansprüche an das Markup sind außerordentlich hoch, deshalb richten wir uns nach den Standards von W3.org und den Anforderungen der Suchmaschinen.
-Browser- und plattformübergreifendes Markup. Die Website soll auf allen verbreiteten Geräten und in allen modernen Browsern gleich gut aussehen.
HTML 5
CSS 3
jQuery
JS

Auswahl der Kollektion

Die Kollektionen werden als Kacheln dargestellt, getrennt durch großzügige weiße Flächen. Das Menü hingegen haben wir an den linken Rand «gepackt» und ausgeblendet – es entfaltet sich erst beim Überfahren mit der Maus. So wirkt das Ganze wie die Broschüre eines Modehauses. Genau diese Anspielung war unser Ziel.

Produktkarte

Die Produktseite soll die Idee des Designers weiterhin denkbar einfach vermitteln und dem Besucher zugleich alle nötigen Informationen bieten. Hinter dem auf den ersten Blick schlichten Format steckt eine Vielzahl von Details, die den Stil ausmachen.

Kontaktseite

Die Kontaktangaben sollen klar zeigen, wie man uns erreicht. Genau das leistet diese Seite mit Text und interaktiver Karte. Ergänzend haben wir beidseitig ein Foto unserer Boutique in den Hintergrund gestellt, damit der Nutzer das Niveau des Unternehmens erfasst.

Artikel

Fotos und Videos sind in der Mode zweifellos das Wichtigste, doch ein anspruchsvolles Thema lässt sich ohne Text nicht erschließen. In diesem Bereich finden sich Neuigkeiten, Artikel und wichtige Hinweise aus der Welt der Mode.

Responsives Markup

Das ist für moderne Websites längst Standard. Der Nutzer soll die Website bequem bedienen können, unabhängig vom Gerät – ob Telefon, Notebook oder Tablet.