Website Relaunch für Smart-Camera-Hersteller

Bild von einem Laptop mit VC Website und einem VC Logo

Keyfacts

Created with Sketch.

Partner:in

Vision Components GmbH

Created with Sketch.

Branche

B2B, Embedded Vision

Created with Sketch.

Timeline

08/2021 – andauernd

Created with Sketch.

Aufgaben

UX-Design, Website-Entwicklung, Website-Pflege

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?

Desktopansicht der alten Vision Components Website
Desktopansicht der Design Konzeption für eine neue Website

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.

Desktopansicht mit dem neuen Design der Website

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. Effektivität auf Entwickler-Seite

Desktopansicht der Temples für die Entwicklung in WordPress
Desktopansicht der Website Optimierung

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

Jede:r will Up-to-date bleiben – also auch die Kund:innen von Vision Components. Wir halten sie auf dem Laufenden, indem wir alle Website-Inhalte regelmäßig auf den neusten Stand bringen.
Desktopansicht der News-Seite von Vision Components

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 beispielsweise 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 Ort auf den einzelnen Seiten zu finden.

Entwicklung

1. Arbeite als Team

Gemeinsam arbeiten macht einfach mehr Spaß! Also haben wir uns ein Zeitfenster in der Woche geblockt und uns als ganzes Team auf die Entwicklung der Website konzentriert. Das Ergebnis? Effektive Arbeitsstunden, in denen wir uns auf nur eine Aufgabe fokussiert haben und jederzeit 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.

Kontakt

Du hast eine Projektanfrage? Dann melde dich für dein kostenloses Erstgespräch!

Adresse
Alter Schlachthof 33
76131 Karlsruhe

E-Mail
info@whiteoutstudio.com

Telefon
0721 7820 8636