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.
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.
Die Website der Rockagentur besteht im wesentlichen aus 4 Bereichen, dem Künstler-Portfolio, dem Veranstaltungskalender, dem Onlineshop und einem Bereich der interessierten Musikern dazu dient sich zu Informieren und zu bewerben.
Als CMS-Systeme wurden für die Website selbst das bekannte System WordPress und für den Onlineshop XT Commerce verwendet. Die Oberflächen (Templates) wurden von uns individuell entwickelt und das als Responsive Webdesign (flexible Oberflächen, die sich an jedes Bildformat anpassen und so auch eine optimierte Darstellung für Smartphones, Tablets und andere mobilen Geräte ermöglichen).
Für die Künstler gibt es 4 verschiedene Möglichkeiten der Mitgliedschaft und diese 4 Varianten haben wir im Portfolio berücksichtigt. Je nach Hochwertigkeit der Mitgliedschaft werden die Künstler-Profile automatisch positioniert und unterscheiden sich auch in der Grösse der Darstellung und Umfang der angezeigten Informationen.
In den Profilen selbst wird neben einer kurzen Zusammenfassung der relevanten Eckdaten eine Beschreibung der Musiker angezeigt. Per Tabs ist es den Besuchern der Website möglich komfortabel und übersichtlich zwischen zusätzlichen Informationen, wie Bildern und Beschreibung der einzelnen Künstler, dem Repertoire der Band, Infos zum Equipment und Video-Clips zur Anschauung zu wählen.
Über einen Button, der in jedem Profil integriert ist, erhält der Besucher der Website die Möglichkeit die Band zu buchen. Durch das anklicken des Buttons wird der Name der Künstler automatisch in das nachfolgende Kontaktformular übernommen und der Interessen kann nun weitere Angaben hinzufügen.
Auf der Website werden die nächsten 8 Veranstaltungstermine angezeigt. Der Besucher hat hier die Möglichkeit sich weitere Termine anzeigen zu lassen oder sich Detail-Informationen zu jedem Termin anzeigen zu lassen. Vergangene Termine werden automatisch ausgeblendet und in der Detailansicht der Termine wird neben einem Bild des Künstlers und Zusatzinformationen auch die Möglichkeit geboten auf das Künstler-Profil zu gelangen.
Die Termine wurden mit Rich Snippets versehen, um semnatische Inhalte für die Suchmaschinen zu erzeugen und so das Ranking zu verbessern.
Der Onlineshop bietet neben den klassischen Funktionen eines Onlineshops die Möglichkeit mehrere Produktbilder einzustellen und diese per Lightbox zu vergrössern.
Neben einem Beschreibungstext ist je nach Produkt die Auswahl zwischen mehreren Produktoptionen per Checkbox möglich.
Es wurden Schnittstellen für verschiedene Produktsuchmaschinen und Zahlungsdienstleister integriert um so die Auffindbarkeit zu steigern und den Kunden einen möglichst hohen Komfort zu bieten.
Der Mitglieds-Bereich informiert die Künstler über die Vorteile der verschiedenen Mitgliedschaften und die damit verbundenen Kosten. Es bietet zusätzlich die Möglichkeit sich über ein Formular für eine der Mitgliedschaften anzumelden. Dieses Formular fragt die für die Profilerstellung und Vertragsgestaltung notwendigen Informationen ab und lässt auch gleich die Anerkennung der AGB bestätigen.