#amazing, , website case study

Website
Relaunch / Redesign
Kosi-Busse.de

Die Firma Kosi-Busse ist Ostbayerns größter VW Bus und VW Nutzfahrzeug Händler mit über 20 jähriger Tradition. Das Unternehmen genießt ein hohes Ansehen als Experte im Bereich VW-Bus-Handel und Campingaus- und umbau von VW Bussen.

[
#amazing, , website case study

Website
Relaunch / Redesign
Kosi-Busse.de

Die Firma Kosi-Busse ist Ostbayerns größter VW Bus und VW Nutzfahrzeug Händler mit über 20 jähriger Tradition. Das Unternehmen genießt ein hohes Ansehen als Experte im Bereich VW-Bus-Handel und Campingaus- und umbau von VW Bussen.

[

Kundenmeinung:

Briefing:

Das Hauptziel war die Neugestaltung der Firmenwebseite in einer Art und Weise, die die Professionalität des Unternehmens und die angebotenen Dienstleistungen widerspiegelt und es den Kunden ermöglicht, die benötigten Informationen leicht in einem modernen, einfachen und intuitiven Design zu finden.

Dem Kunden soll das Gefühl vermittelt werden im “VW Bulli-Wonderland” zu sein.

Das Problem:

Die fehlende kundenfreundliche Navigation führt zu einer hohen Absprungrate. Benötigte Informationen werden schwer oder erst gar nicht auf der aktuellen Website von Kosi-Busse gefunden. Auch spiegelt die aktuelle Website die Fachkompetenz und Leistungen, über die das Unternehmen verfügt, nicht wider.

Timeline:

Um unseren Kunden durch den Herstellungsprozess seiner Website zu führen, entschieden wir uns bei diesem Redesign-Projekt schon früh Layout- und Illustrationsarbeiten in die Visualisierung einzubringen. So konnten wir Kosi-Busse bereits früh einen Eindruck der neuen Website vermitteln. 

#amazing, , website case study

Lösung:

Wir führten unseren Kunden an unsere Arbeitsweise heran. Nach Materialsichtung wurde zunächst eine Sitemap erstellt, um den Umfang der neuen Website zu bestimmen. Anschließend wurde ein Styleguide für das Projekt angefertigt.

Auf dieser Basis wurde ein Wireframe (Drahtmodell) mit allen repräsentativen Seiten erstellt. In diesem Wireframe wurden künftige Textlayouts positioniert und grafische Illustrationen mit Platzhaltern geplant.

#amazing, , website case study

Phase 1:

Konzeption

Style

Guide

Unser Styleguide soll Kosi-Busse zur Unterstützung für einen einheitlichen Auftritt dienen.

Im Wesentlichen umfasst unser Guide den Einsatz von Typografie und Farben.

Eine einheitlich gestaltete Website vermittelt Professionalität und Seriosität. Kunden fühlen sich angesprochen und bleiben länger auf der Seite.

Typo

grafie

Jede Schriftart kommuniziert eine andere Botschaft und hat verschiedene Stärken und Schwächen.

Die Beschaffenheit der hier gewählten Schriftarten hilft, die Aufmerksamkeit des Benutzers auf das UI (User Interface) und die vor ihm liegenden Handlungen zu lenken.

Poppins 

Bold

Semi Bold

Regular

– Überschriften
– Buttons

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789!@#$%^&*()

Open Sans

Bold

Semi Bold

– Textinhalt

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

Farb

Palette

Die besondere Wirkung von Farben spielt eine große Rolle im Webdesign, denn Farben berühren die Sinne, lösen Gefühle aus und bleiben im Gedächtnis.

Strong Cyan

Cyan ist die Farbe, die Freiheit symbolisiert. Eine Farbe, die uns an Wasser erinnert.

#008A88
RGB: 0, 138, 136
CMYK: 100,0, 1, 46

Light Grayish Cyan

#86B9BC
RGB: 134, 185, 188
CMYK: 29, 2, 0, 26

Cyan ist die Farbe, die Freiheit symbolisiert. Eine Farbe, die uns an Wasser erinnert.

Grayish Blue

#324855
RGB: 50, 72, 85
CMYK: 41, 15, 0, 67

Blau ist die Farbe, die an Beruhigung und Vertrauen erinnert.

Light Gray

#B3B5B6
RGB: 179, 181, 182
CMYK: 2, 1, 0, 29

Die Farbe Hellgrau erinnert an Ruhe und Gelassenheit.

Light Orange

#F3BC6A
RGB: 243, 188, 106
CMYK: 0, 23, 56, 5

Orange ist die Farbe der Vitalität und des Glücks.

Layout

Grid System

#amazing, , website case study

Wireframe

Text und Bildpositionierung

#amazing, , website case study

Phase 2:

Illustration, Design & Prototyp

#amazing, , website case study
#amazing, , website case study#amazing, , website case study
#amazing, , website case study#amazing, , website case study
#amazing, , website case study#amazing, , website case study
#amazing, , website case study#amazing, , website case study
#amazing, , website case study

Interaktiver

Prototyp

Bevor es an die Umsetzung des Layouts mittels HTML, CSS & Javascript ging, wurde ein interaktiver funktionsfähiger Prototyp der Website erstellt.

Anhand des Prototyps konnte sich unser Kunde bereits einen umfangreichen Eindruck seiner zukünftigen Website verschaffen. 

Phase 3:

Umsetzung, Konfiguration & Testphase

#amazing, , website case study

Viel Platz für Angebote und Aktionen in einem animierten Header

 

Damit den Websitebesuchern Angebote und Aktionen auf den ersten Blick präsentiert werden können, erstellten wir für Kosi einen animierten Hero-Header-Slider (Kopfzeilen-Slider). So können auch saisonale Angebote in den Website-Auftritt an gewünschter Stelle eingesetzt werden, ohne später die Grundstruktur der Website verändern zu müssen.

#amazing, , website case study

Breites Angebot – kompakt verpackt und schnell erreichbar in der Navigation

 

Eines der Probleme, welches zu lösen galt, war es der hohen Absprungrate entgegenzuwirken. Unser eigens für Kosi entworfenes Menü bringt den Nutzer ohne Umwege zum gewünschten Punkt. Dabei liefert es einen weitaus besseren Einblick in das gesamte Leistungsprogramm als eine herkömmliche Navigation, da mehr Informationen ohne Ladezeiten an den Websitebesucher weitergegeben werden.

#amazing, , website case study

Im Rampenlicht – Team Vorstellung mit Insights

 

#amazing, , website case study

Funktionen, die auf der Website des Ostbayerns größten VW Bulli Experten nicht fehlen dürfen:

  • mobile.de API-Schnittstelle
  • Fahrzeugdetail und Vergleichsansicht
  • Fahrzeug Expose PDF-Druck
  • Santander Finanzierungsrechner
  • diverse Kontaktformulare

 

#amazing, , website case study

Phase 4:

Liveschaltung von kosi-busse.de

#amazing, , website case study

Erfolg auf ganzer Linie:

Bei einem Projekt wie diesem spielten hohe Qualitätsstandards eine übergeordnete Rolle. Bereits kurz nach Launch der Website konnten messbare Erfolge erzielt werden.

&

Verbesserung des Suchmaschinen-Rankings

&

deutliche Zunahme der Kontaktaufnahme

&

geringere Absprungrate der Websitebesucher

&

schnellere Ladezeiten

&

längere Verweildauer auf der Website

&

weitere gemeinsame Zusammenarbeit zwischen Kosi-Busse und #amazing Internetagentur

Live Website: kosi-busse.de

(Link öffnet im neuen Tab bzw. Fenster)

Bereit Ihr Projekt umzusetzen?

let's get #amazing

Kontaktieren Sie uns, wir besprechen Ihr Projekt und beantworten gerne Ihre Fragen.

Sie erreichen uns auch telefonisch unter
0941 / 56 99 2742

Workflow

Schauen Sie sich unser Beispiel-Workflow eines Webprojektes an. Dieser gibt Ihnen einen kleinen Einblick, welche Schritte für die Realisierung und Umsetzung eines Projekts gegangen werden.

#amazing, , website case study

Im Internet beginnt alles mit einem starken Webauftritt

Webdesign

Durch innovative Designideen, modernes Management und Anwendungstools etablieren wir Ihren Webauftritt. Mit unseren visuellen, funktionalen und strukturellen Gestaltung Ihrer Website überzeugen wir Ihre Kunden.

mehr erfahren

#amazing, , website case study

Social Media Management

Social Media ist ein fester Bestandteil im Marketing-Mix. Wir helfen Ihnen dort zu sein, wo Ihre Zielgruppe ist.

mehr erfahren

Online Marketing

Mit Ihrer Website und Auftritt in den sozialen Netzwerken sind die ersten Schritte getan. Mit weiteren Features setzen wir Ihre Werbekampagnen perfekt in Szene.

mehr erfahren

SEO

Mit den richtigen Maßnahmen verbessern wir Ihre Platzierung in den Suchmaschinen und steigern den Traffic auf Ihrer Website.

mehr erfahren

Hosting & Service

Mit uns haben Sie einen starken Partner an der Seite, um Ihren Webauftritt bestmöglich und rechtssicher zu pflegen und zu betreuen.

mehr erfahren

Pin It on Pinterest