Website Relaunch für Smart-Camera-Hersteller
Keyfacts
Partner:in
Vision Components GmbH
Branche
B2B, Embedded Vision
Timeline
10/2021 – 03/2022
Aufgaben
UX-Design, Website-Entwicklung
Kontext
New Year, new Vision Components. Im Jahr 2022 stand die Veröffentlichung des neuen Brandings der Firma auf der Prioritätenliste ganz weit oben – und damit auch die Konzeption und Umsetzung einer neuen Website. Da auf der bestehenden Website vor allem Seitenstruktur und Produktdarstellung mit der Zeit an Übersicht verloren hatten, haben wir diesen Aspekten besonders unsere Aufmerksamkeit geschenkt.
Ziele
Moderner, exklusiver, nutzerzentrierter. Die neue Website sollte vor allem eins: Nutzer:innen auf übersichtlichem Wege die große Produktvielfalt von Vision Components zugänglich machen. Im gleichen Zuge konnte das neue Branding der Firma gestaltet und somit ein Grundstein für vielseitige Marketingmaßnahmen gelegt werden, die die Kameraprodukte in der Branche noch populärer machen.
Vorgehensweise
Designprozess
Analyse
Wir verschaffen uns einen Überblick: Wie sehen Seitenstruktur und Inhalte der aktuellen Website aus und welchen Umfang hat die VC Produktvielfalt zu bieten?
Konzeption
Grundlage der Konzeption war die Definition von neuen Produktkategorien, die zu mehr Struktur führen sollten. Im Anschluss haben wir Wireframes für jede einzelne Seite erstellt und den Fokus auf einen nutzerfreundlichen Aufbau gelegt.
Umsetzung
Nach der Konzeptabnahme ging es an die Umsetzung: Wireframes in Sketch übertragen, UI Design einbinden und regelmäßig mit dem Kunden austauschen, um die Vorstellungen für das Design miteinander zu vereinen.
Entwicklungsprozess
WordPress Entwicklung
Als Basis unserer Entwicklung haben wir Templates konzipiert, die wir für alle Seiten wiederverwenden konnten. Das sorgt zum einen für eine bessere Orientierung auf der Nutzer-Seite und zum anderen für mehr Effektivität auf der Entwickler-Seite. On top kamen dann aber auch individuelle Lösungen und Animationen für die Produktseiten, um die Besonderheiten der einzelnen Produkte in den Vordergrund zu heben.
Optimierung
Ein Websitelaunch ist nicht das Ende des Entwicklungsprozesses. Das regelmäßige Testen und Optimieren der verschiedenen Funktionen ist wichtig, um jederzeit ein ausgezeichnetes Nutzer:innenerlebnis zu garantieren.
Pflege
Takeaways 🍕
Design
1. Kenne dein CI-Design
Jedes Unternehmen verfolgt ein individuelles Leitbild. Es beeinflusst die Gestaltung des Corporate Designs, also beispielsweise die Verwendung von Farben und Formen. Besonders die Website sollte konsequent die Vorgaben des Corporate Designs beachten und somit die Werte des Unternehmens für die Öffentlichkeit sichtbar machen.
2. Wähle die Platzierung deiner Informationen weise
Informationen sind vielfältig – sie stecken in Bildern, Texten, Videos oder in ganz anderen Elementen wie Links. Eine neue Website bietet unendlich viele Möglichkeiten sie unterzubringen. In Zusammenarbeit mit VC haben wir intensiv daran gearbeitet, für jede Information den richtigen Platz zu finden.
Entwicklung
1. Arbeite als Team
Gemeinsam arbeiten macht einfach mehr Spaß! Also haben wir uns bestimmte Zeiten geblockt und uns als ganzes Team auf die Entwicklung der Website konzentriert. Das Ergebnis? Effektive Stunden, in denen wir uns auf nur eine Aufgabe fokussiert haben und immer mit der Unterstützung der anderen rechnen konnten.
2. Nutze professionelles Projektmanagement
Die Arbeit von Vision Components ist komplex – und so auch deren Website. Um den Überblick zu behalten haben wir deshalb den Fokus auf ein aufwändiges Projektmanagement gelegt, das auch nach Erstellung der Website immer wieder reflektiert und optimiert wird.
