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 ergänzenden Seiten des Werbeflyers passen auch beim fertigen Druckerzeugnis perfekt zusammen:
Der AP-Veranstaltungsservice ist in zwei Bereichen geschäftlich tätig. Er bietet die Dienstleistung als Disc Jockey und den Vertrieb von technischen Produkten an. Hierfür sollte eine neue Website erstellt werden.
Weil die beiden Geschäftsbereiche unabhängig voneinander sind und auch unterschiedliche Zielgruppen ansprechen, haben wir die Website in zwei separate Bereiche unterteilt. Die Hauptseite wurde vertikal (in der Mobilansicht horizontal) geteilt und dort die beiden Bereiche zur Auswahl mit freigestellten Bildern und kurzer Einleitung vorgestellt.
Von der Hauptseite gelangen die Besucher auf den gewählten Bereich, der durch die thematische Trennung jeweils mit vier Navigationspunkten auskommt und so das zurechtfinden erleichtert.
Der DJ-Bereich beinhaltet neben der Vorstellung des Disc Jockeys und dem Leistungsangebot eine Seite mit verschiedenen Paketen als Pauschal-Angebot und eine Seite für Buchungsanfragen mit Anfahrtsskizze und Kontaktformular. Das Kontaktformular wurde so entwickelt, dass die Auswahl eines der Pauschal-Angebote den Interessenten zum Formular leitet und hier Paketbezeichnung und Preis automatisch vorausgefüllt werden.
Im Technik-Bereich wurden neben Vorstellung und Kontaktseite zwei Seiten für die Produktvorstellung entwickelt. Die Produkte lassen sich durch den Betreiber der Website leicht einstellen und werden dem Interessenten platzsparend aufgelistet. Durch Anklicken des gewünschten Produkts werden Detail-Informationen und Produktbild eingeblendet.
Die Website basiert auf dem CMS WordPress, das entwickelte Template wurde nach HTML5 und CSS3-Standards als Responsive Webdesign entwickelt. Es passt sich an die Bildschirmformate an und auch die Eingabefelder der Kontaktformulare sind für Mobilgeräte optimiert. Um die Auffindbarkeit in den Suchmaschinen zu fördern wurde Mikrodaten-Markup integriert.
Bei der Website von DJ Marcel aus Hamburg handelt es sich um eine sogenannte Kompaktpage – eine vorgefertigte CMS-Homepage, die für den Kunden angepasst wird.
Die Fotos von dem Discjockey wurden von unserer Fotografin geschossen und freigestellt. Die Piktogramme stammen ebenfalls von uns, die übrigen Bilder wurden als Lizenzbilder erworben und nachbearbeitet.
Texte und übrige Inhalte wurden suchmaschinenoptimiert und die Geschäftsdaten ala Mikrodaten gemarkupt um gute Voraussetzungen für die Auffindbarkeit in den Suchmaschinen zu schaffen. Außerdem wurde die Website mit Google+ und Google Maps gekoppelt um eine höhere Aufmerksamkeit in den Suchergebnissen zu erzielen.
Zur Erfolgskontrolle wurde das Analysetool Google Analytics eingesetzt.
Auf der Website werden die Leistungen des DJs vorgestellt und die Angebote, bestehend aus 3 verschiedenen Paketen. Die Pakete können bei der Buchungsanfrage über ein Formular angewählt werden und der Wunschtermin über einen Kalender ausgewählt werden.
Wie alle Kompaktpages ist diese Website mobiloptimiert (auch die Formulare) und suchmaschinenoptimiert.
Die Website der Rockband After Midnight wurde bereits in 2011 von uns erstellt. In 2014 fand die Umstellung auf HTML5 und CSS3-Standard statt, hierbei wurde auch das Design grundlegend geändert.
Auf der Startseite ist ein vollflächiges Hintergrundvideo der Band integriert. Durch eine kurze Schleife sind hier die Ladezeiten gering gehalten und für ältere Browser ist ein herkömmliches Hintergrundbild als Alternative vorgesehen.
Im Vordergrund befindet sich ein Text-Slider der in reinem HTML5 und CSS3 geschrieben wurde und entsprechend ohne Java-Script auskommt.
Neben einer Seite auf der Fans sich Videos der Band ansehen können ist auch ein Event-Kalender in die Website integriert. Zusätzlich zu der reinen Auflistung der Termine können Interessenten sich auf Detail-Seite auf Anfahrt zu dem Veranstaltungsort, Eintrittspreis und einen Routenplaner via Google-Maps zugreifen.
Die Website verfügt über eine umfangreiche Fotogalerie und eine Werbe-Seite für das neue Album der Band. Neben den einzelnen Tracks und der Möglichkeit zum Kauf der CD wird auch die Möglichkeit geboten Hörproben der einzelnen Songs abzuspielen.
Im übrigen verfügt das auf WordPress basierende CMS-System über ein Buchungsformular mit mobiloptimierten Eingabefeldern, ein Gästebuch und Informationsseiten über die Band und die einzelnen Musiker.
Neben herkömmlicher Onpage-Suchmaschinenoptimierung wurde die Website mit Mikrodaten gemarkupt um eine gute Platzierung in den Suchmaschinen zu erreichen.
Zur Erfolgskontrolle wurde Google Analytics integriert.
Die Website von DJ Robby wurde bereits 2011 von uns entwickelt, 2012 auf Basis des Content Management Systems WordPress überarbeitet und 2014 auf den neuesten Stand (HTML5, CSS3) gebracht.
Die Basis ist das CMS WordPress mit individuell entwickelten Template (Oberfläche). Die Website wurde 2014 für mobile Geräte optimiert (Responsive Webdesign) und passt sich entsprechend des Bildschirmformats an. Optisch ist das Webdesign als clean/edel zu bezeichnen, das Bildmaterial ist schwarz/weiss gehalten. Fokussierte Zielgruppe sind Hochzeitsgesellschaften, zweitrangig Firmen und Privatpersonen.
Die Unterseite ‹Leistungen› enthält 3 Boxen mit Paket-Angeboten, bei denen sich die Inhalte und Preise über die Benutzeroberfläche komfortabel anpassen lassen.
Die Unterseite ‹Equipment› enthält eine Auflistung verschiedener Equipment-Gegenstände, die sich durch ebenfalls durch den Betreiber beliebig erweitern oder kürzen lässt. Die Formatierung und Grössenanpassung des Bildmaterials erfolgt automatisch.
Die Unterseite ‹Referenzen› enthält neben einer Referenz-Liste einen Bereich in dem Kunden Bewertungen für den DJ abgeben können. Um unerwünschte Einträge zu verhindern müssen die Bewertungen durch den Seitenbetreiber erst freigegeben werden, bevor diese auf der Website sichtbar sind.
Auf der Unterseite ‹Buchung› wurde ein Buchungs-Formular erstellt, das für Smartphones optimiert wurde. Je nach Eingabefeld wird den Benutzern von Smartphones automatisch die passende Eingabe-Tastatur angeboten, was mehr Komfort als herkömmliche Kontaktformulare bietet. Um Spam zu verhindern wurde hier zusätzlich das WordPress-Plugin ‹HoneyPot› verwendet, welches ohne lästiges Captcha Spam erkennt und ausfiltert.
Das Navigations-Menü wechselt bei mobilen Geräten in ein Auswahl-Menü, welches bei Smartphones über interne Mittel bedienbar ist. Auch die Telefonnummern sind von mobilen Geräten anklickbar und speisen die Telefonnummer ein, damit eine direkte Kontaktaufnahme erfolgen kann.
Die Website wurde Suchmaschinenoptimiert und zusätzlich mit Mikrodaten-Markup angereichert um eine bessere Auffindbarkeit zu erreichen und eine umfanreichere Darstellung zu ermöglichen. Zusätlich wurde die Website mit dem Google+-Profil des DJ und Google Analytics gekoppelt.