Post on 11-Jun-2015
description
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