Menu

Web- Design

Redesign Homepage WEKA Elektrowerkzeuge

Screenshot Homepage WEKA Elektrowerkzeuge auf unterschiedlichen Endgeräten

Da die von uns gestaltete Homepage der Fa. WEKA Elektrowerkzeuge e. K. nun seit gut 4 Jahren ohne größere Änderungen erfolgreich online war, entschied sich die Firmenleitung zu einem vollumfänglichen Redesign für Ihren Internetauftritt. Nachdem wir mit der Fa. WEKA Elektrowerkzeuge e. K. in der Vergangenheit mehrere Projekte erfolgreich gemeinsam gestalten konnten, wurden wir auch mit der Realisierung der neuen Homepage beauftragt.

Anforderungen an die Homepage WEKA Elektrowerkzeuge

Bei den ersten Besprechungen war relativ schnell klar, dass die neue Homepage im Gegensatz zur bestehenden Website folgende Merkmale unbedingt aufweisen soll

  • Ein klares, modernes und zeitgemäßes Design, bei dem auf der Startseite grafische Elemente, verlinkt mit Zielseiten, überwiegen soll
  • Die Farbgestaltung sollte durch Rot-, Weiß- und Grautöne mit dem Rot im Firmenlogo (Corporate Design) harmonisieren
  • Die Hauptnavigation sollte sowohl Text- als auch Grafikelemente beinhalten
  • Der Fußbereich (Footer) der Seite sollte eine Navigation enthalten, die es ermöglicht, neben den Seiten Impressum und Datenschutz, noch weitere Inhaltsbereiche schnell und direkt anwählen zu können.
  • Oberhalb der Hauptnavigation sollte des Weiteren noch eine Navigation eingefügt werden, die unter anderem eine schnelle Kontaktaufnahme, den Login zum bestehenden Service-Portal und den Wechsel von der deutschen auf die englische Sprache und umgekehrt ermöglicht.
  • Auch sollte die Such nach Vertriebs- und Servicepartnern weltweit direkt über die Homepage möglich sein.

Hauptmerkmale der Homepage WEKA Elektrowerkzeuge

Anhand der Anforderungen erstellten wir ein Grobdesign, welches dann bis zum jetzigen Produktionsstand weiterentwickelt und verfeinert wurde. Das Design zeichnet sich dabei durch folgende Merkmale aus.

  • Das Design der Seite ist responsive und für die Anzeige auf allen Endgeräten optimiert
  • Die Hintergrund- und Textfarbe im Header sowie Footer können in der Konfiguration mit einem Farbwähler festgelegt werden
  • Die Schriftenfamilie der Website (Standard- und Google Schriften) ist frei wählbar
  • Auch kann der Anwender die Schriftgröße für Inhalt und Überschriften frei wählen
  • Die Farbe der Hyperlinks ist frei konfigurierbar
  • Die flache einstufige Hauptnavigation, ist im Bereich Produkte als Bildnavigation ausgelegt
  • In der Detailansicht der Produkte ist zur schnellen und einfachen Navigation innerhalb dieses Bereichs eine Sub-Navigation in der linken Seitenleiste integriert
  • Um die Produktinformationen so übersichtlich als möglich zu halten, wurden diese in sogenannte Tab-Sets zusammengefasst
  • Die Startseite enthält zur Auflockerung der aktuell statisch gehaltenen Bildelemente einen großflächigen Slider (DIA-Show). Dieser Lockert die Seite insgesamt und mit versieht sie mit einer Dynamik. Bei Bedarf können die anderen Bildelemente per Konfiguration ebenfalls als Slider ausgelegt werden.
  • Auf der Seite “Über uns” ist ein Zeitstrahl integriert, der in Wort und Bild die Highlights der Firmengeschichte wiedergibt.
  • Für die Suche nach Vertriebs- und Servicepartnern ist ein Modul integriert, welches neben einer eingrenzbaren Suche auch einen Routenplaner integriert hat
Veröffentlicht am 12. Dezember 2017 Gerhard Huzel in der Kategorie Web- Design