Website Relaunch für Vision Components | Whiteout Studio
Website von Vision Components.

Vision Components

Website Relaunch für Smart-Camera-Hersteller

    Wordpress-Entwicklung
    Konzeption & Wireframe
    Branding
    UI Design
    Animation
    Content & Seo
Gestaltung der Website von Vision Components.

B2B, Embedded Vision

08/2018 - andauernd

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.

Der Designprozess

Laptop, auf dem die alte Version der Vision Components Website zu sehen ist.

Analyse

Wir verschaffen uns einen Überblick: Wie sehen Seitenstruktur und Inhalte der aktuellen Website aus und welchen Umfang hat die VC Produktvielfalt zu bieten?

Laptop, auf dem das UI der Website von Vision Components zu sehen ist.

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.

Laptop, auf dem das UI der Website von Vision Components zu sehen ist.

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.

Und dann der Teamwechsel…🤝

Der Entwicklungsprozess

Laptop, auf dem die Website von Vision Components in Elementor bearbeitet wird.

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.

Laptop, auf dem die SEO-Performance einer Website bewertet wird.

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.

Laptop, auf dem die News-Seite von Vision Components geöffnet ist.

Pflege

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

Papagei aus bunten, geometrischen Formen, der in einer Sprechblase auffordert Hi zusagen

Say Hi!

Du hast eine Projektanfrage? Dann melde dich für dein kostenloses Erstgespräch!
Please enable JavaScript in your browser to complete this form.