Onlineshop für Fahrräder und Motorroller

Mobil optimierte Website für Zweirad-Werkstatt mit sortierbarer Produktübersicht.

  • Handwerker-Website des Jahres 2016 und 2017 in der Kategorie KFZ Die Website von Zweirad Petersen vereint optimiertes Webdesign und hohe Funktionalität — 2016 und 2017 als Handwerkerseite des Jahres in der Kategorie KFZ ausgezeichnet.
  • Werkstatt Homepage - Webdesign mit authentischem BildmaterialEinblicke in das Unternehmen und ein Design mit authentischem Bildmaterial bringen den Besuchern das Leistungsangebot der Zweirad-Werkstatt auf sympathische Art nahe.
  • Darstellung von Mobil-Navigation, Shop-Produkt und Abschlepp-Rechner auf dem SmartphoneOb Navigation, Online-Shop, Abschlepp-Buchung mit Preiskalkulation oder andere Features — selbst auf dem Smartphone lassen sich sämtliche Inhalte komfortabel nutzen.
  • Rahmen-Rechner im Onlineshop der Zweirad- WebsiteService wird auch beim Fahrradhandel gross geschrieben - auf der Website ebenfalls. Im Onlineshop lässt sich anhand der Körpermaße die optimale Rahmengrösse berechnen.
  • Handwerker-Website des Jahres 2016 und 2017 in der Kategorie KFZ Die Website von Zweirad Petersen vereint optimiertes Webdesign und hohe Funktionalität — 2016 und 2017 als Handwerkerseite des Jahres in der Kategorie KFZ ausgezeichnet.
  • Kunde: Zweirad Petersen
  •   Halstenbek / Deutschland
  • Projekt: Firmen-Website mit Onlineshop
  •   Modern, vertikal geteilt
  • Erstellung: 2015
  • Relaunch: 2017

Features

- vertikal geteiltes Layout auf vielen Seiten im Desktop-Bereich, vollflächige Nutzung des gesamten Bildschirms
- Startseite mit zwei ineinanderliegenden Slidern, rein mit HTML5 und CSS umgesetzt
- Produktdarstellung mit Filterfunktion
- Anfahrtskarte via Google API, mit individueller Anpassung
- mobil optimiertes Kontaktformular
- Auszeichnung mit Mikrodaten (LocalBusiness/Product)
- Anbindung an Google Analytics / Google Webmaster Tools

Beschreibung

Zweirad Petersen bietet Werkstattleistungen für Fahrräder und Roller an und handelt auch damit. Aufgabenstellung für dieses Projekt war eine Website zu erstellen, die sich von den Mitbewerbern deutlich abhebt, die über die Tätigkeitsbereiche informiert und eine erweiterbare Möglichkeit zur Produktpräsentation bietet.

Die Startseite wurde mit einem vollflächigen Bilder-Slider umgesetzt. Abwechselnd werden hier mit Überblendungseffekt ein Bild für die Zielgruppe „Fahrrad“ und ein weiteres für die Zielgruppe „Motorroller“ angezeigt um visuell den Themenbereich der Website zu vermitteln. Ergänzt werden die Bilder durch kurze Beschreibungen der Tätigkeitsbereiche und Auflistungen der Hauptleistungen. Zusätzlich zur Hauptnavigation werden auf der Startseite unter dem Slider die neuesten vier Produkte mit einem Hinweis auf die Produktseite vorgestellt.

Zwei Unterseiten der Website stellen die Werkstatt und das Unternehmen vor. Auf beiden Seiten wurde der Bildschirm in der Desktop-Ansicht vertikal geteilt. Auf der einen Hälfte befinden sich die Inhalte mit Bildmaterial in verschiedenen Formaten und Ausrichtungen, auf der anderen Hälfte befindet sich ein gross dimensioniertes Foto. Diese Aufteilung wurde gewählt um die Textinhalte sehr aufgelockert darzustellen und um einen hohen Wiedererkennungswert bei der Unternehmensdarstellung zu erreichen.

Produktvoschau im Onlineshop
Design der Produktansicht mit Detailbildern
Abschlepp-Rechner via jQuery und Google Maps API
Rahmen-Rechner als Service für den Onlineshop

Auf der Produktseite werden die Fahrzeuge mit Bild, den wichtigsten Eckdaten und Preisen in einzelnen Boxen angezeigt. Über eine zusätzliche Navigationsleiste sorgt dafür, dass Interessenten sich die Produkte nach Produktgruppe filtern lassen können, was die Übersicht bei grösseren Produktmengen erleichtern soll.

Die Kontaktseite ist angelehnt an die übrigen Unterseiten auch vertikal zweigeteilt. Hier wird die eine Hälfte des Bildschirms für eine Anfahrtskarte auf Basis von Google Maps API genutzt. Die übrige Fläche beinhaltet die Kontaktdaten, die Öffnungszeiten, eine Anfahrtsbeschreibung und natürlich ein Kontaktformular.

Die Website des Mechanikers wurde für Suchmaschinen optimiert und mit Mikrodaten-Markup (Firmendaten, Kontaktdaten, Öffnungszeiten, Produkte) versehen, um die Darstellung in den Ergebnissen von Google aufzuwerten. Ergänzt wurde dies mit einem Google Business-Profil und Google Analytics zur Erfolgskontrolle.

Auszeichnung

Die Website von Zweirad Petersen wurde zur bei der Wahl der „Handwerkerseite des Jahres“ von MyHammer zur Handwerkerseite 2016 und Handwerkerseite 2017 in der Kategorie KFZ gewählt.

Handwerkerseite des Jahres - KFZHandwerkerseite des Jahres - KFZ