OnlineshopAndrea Rochlitz & Peter Gräf

Gestaltung eines Onlineshops

• Verweildauer erhöhen mit:• intuitivem Shop-Layout• verschiedenen Navigationsmitteln• übersichtliche Struktur• überzeugende Produktdarstellung• zusätzliche Features

Zielgruppe

• jung / alt• Frau / Mann• Beruf / Einkommen• Lebenssituation• besondere Wünsche, Hobby, etc.

Aufbau des Layouts

• Kopfzeile (Logo, Warenkorb, Suche, Menü)• Mittelteil (Kategorien, Produkte)• Fußzeile (AGB, Lieferzeiten, Impressum)

Responsive Design

• 28% Traffic von mobilen Endgeräten• flexible Anpassung an das Display(Smartphone, Tablet, Bildschirm)

Farben

• Bedeutung und Empfinden• Orientierung im Shop• Kennzeichnung wichtiger Elemente

Bilder

• Anziehungskraft• SEO• Kombination Text / Bild• Rechte beachten

Navigation

• flache Navigationsstruktur• max. 2-3 Ebenen• bestmögliche Platzierung im Shop• räumlich getrennt vom Inhalt• Zugriff von jeder Seite• aussagekräftige, kurze Beschriftung• farblich hervorgehobene Darstellung

Produktdarstellung

• Beschreibung mit Details, Preis• Kurze Absätze• Zwischenüberschriften• Tabellen und Listen

• Produktbild• verschiedene Größen (Thumb, Vorschau, Großansicht)

Nützliche Erweiterungen

• aktuelle Liefer#ähigkeit anhand von Farben• Produktbewertung• Merkliste• Produktvergleiche• Produktdatenblätter/Anleitungen• Social Media Buttons

Jetzt geht‘s weiter mit Peter!

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

•

Andrea RochlitzYAND mediaGrafik- und Webdesign

www.yand.de

Peter GräfGRAEF Informationstechnologie GmbHIT-Service, Security & Consulting

www.graefit.de