Wilo: Wilo-World

Interaktiver 360° „Reiseführer“

Von komplexer Produktpalette zu globalem Sales-Ökosystem

3D Design
Konzeption
Beratung
UX/UI-Design
Web/App Development
Corporate Identity
Corporate Design
Systemarchitektur
Betriebsunterstützung
Administration/DevOps
API/Schnittstellen
Kommunikation/Koordination
Go-Live
Projektmanagement
Ideation

Jahr
2020 - heute

Kunde
Wilo

Sektor
Digital-Marketing
Digital-Vertrieb
Messen und Veranstaltungen

Herausforderung
Viele Produkte, Weltweiter Vertieb mit unterschiedlichesten Anforderungen, Schnittstellen zu vorhandenen Systemen

Technologien
Diverse Back- und Frontend-Technologien

Unsere Rolle
Konzeption, Architektur, Projektbegleitung und Pflege

Worum es ging

Ursprünglich hat uns Wilo gebeten, eine Hochglanzbroschüre für ihre wichtigsten Produkte zu schaffen, in welchem die Produkte und ihr Leistungsvermögen bestmöglich im Arbeitsumfeld präsentiert wird.

Ziel

Konzeption zur Darstellung, Präsentation und Gestaltung der wichtigsten Referenzprodukte der Wilo in unterschiedlichen Märkten und Einsatzbereiche der Produkte.

Was wir daraus gemacht haben

Kreation eines interaktiven 360° "Reiseführers" durch die Einsatzbereiche, Referenzobjekte und Produkte von Wilo. Schaffung einer webbasierten Pflegemöglichkeit zur potenziellen Ausspielung der Wilo-World in bis zu 65 Märkte und in mehr als 40 Sprachversionen.

Gradlinig und strukturiert

Klare Strukturen, ein intuitives UI/UX-Design und ein konsistentes Corporate Design verwandeln die Wilo-World in ein beeindruckendes digitales Markenerlebnis.

Besucherinnen und Besucher tauchen ein in eine faszinierende Reise durch die vielfältigen Einsatzgebiete, Lösungen und Dienstleistungen von Wilo. Informativ, emotional und unvergesslich.

Check mal unsere Disziplin Grafikdesign aus!

Das ist passiert

In mehreren Meilensteinen nach dem MVP-Ansatz haben wir eine Erlebniswelt entwickelt und deren technische Machbarkeit zu jedem Zeitpunkt der Ideenfindung stets im Blick behalten.

Aufbauend auf der ersten Idee haben wir gemeinsam mit Wilo einen konkreten Ansatz basierend auf den Zielpersona konzipiert. Es stand schnell fest, dass die Wilo-World eine Objektreferenz gepaart mit den Leistungen der Wilo in realen Darstellungsszenarien werden soll.

Nach Ausarbeitung eines gradlinigen Kommunikationskonzepts zur Präsentation musste ein eingäniges und einfach nachzuvollziehende UX entwickelt werden, welche durch die Farb- und Designobjekte strukturiert wird.

Nach einer technischen Machbarkeitsstudie hinsichtlich der Performance auf unterschiedlichsten Devices entwickelten wir für Wilo gemeinsam mit Parnern die Möglichkeit, dynamische 3D-Welten zu erstellen und diese kontinuierlich in verschiedenste Märkte und Sprachversionen weltweit auszuliefern.

Basierend auf der über mehrere Iterationen hinweg entstandenen Komponentenbibliothek haben wir Wilo in die Lage versetzt, den stetig wachsenden Inhalt der Wilo-Welten eigenverantwortlich voranzutreiben.
 

Wenn dich die technische
Umsetzung der
Wilo-World interessiert,
gibt es hier weitere Infos:
Wilo-World 3D-CMS

 

Check mal unsere Disziplinen
Konzeption und
Technische Entwicklung aus!

Ergebnis
Ein einmaliges interaktive Erlebnis geschaffen
Check

Ein aussergewöhnliches On- und Offline 3D Erlebnis, das jenseits üblicher Webseiten begeistert.

Sichtbarkeit der Produkte durch Stoytelling:
100%

Durch die Umkehrung von Produktdarstellung in deren Leistungsfähigkeiten in der Praxis.

Unsere Tools
Beratung
Beratung
Cai
Cai
Confluence
Confluence
Adobe XD
Adobe XD
Google Analytics
Google Analytics
Google Tag Manager
Google Tag Manager
RapidUsertests
RapidUsertests
XOVI
XOVI
Konzeption
Konzeption
Miro
Miro
Confluence
Confluence
Adobe XD
Adobe XD
Adobe Illustrator
Adobe Illustrator
Adobe InDesign
Adobe InDesign
Atlassian
Atlassian
Google Analytics
Google Analytics
Design
Design
Figma
Figma
Adobe XD
Adobe XD
Adobe Aero
Adobe Aero
Adobe After Effects
Adobe After Effects
Adobe Animate
Adobe Animate
Adobe Audition
Adobe Audition
Adobe Illustrator
Adobe Illustrator
Adobe InDesign
Adobe InDesign
Adobe Lightroom
Adobe Lightroom
Adobe Photoshop
Adobe Photoshop
Adobe Premiere Pro
Adobe Premiere Pro
Adobe Substance
Adobe Substance
Apple Logic Pro
Apple Logic Pro
Blender
Blender
Flux
Flux
Midjourney
Midjourney
Pika
Pika
Procreate
Procreate
Runway
Runway
Sora
Sora
Stable Diffusion
Stable Diffusion
Steinberg Cubase
Steinberg Cubase
Suno
Suno
Veo
Veo
Weavy
Weavy
Entwicklung
Entwicklung
Angular
Angular
Angular Material
Angular Material
Azure
Azure
Bitbucket
Bitbucket
Bootstrap
Bootstrap
CI/CD-Pipelines
CI/CD-Pipelines
Composer
Composer
Contao
Contao
CookieHub
CookieHub
Cursor
Cursor
D3.js
D3.js
Deployer
Deployer
Docker
Docker
Doctrine
Doctrine
Flow
Flow
Fusion
Fusion
Google Analytics
Google Analytics
GSAP
GSAP
Gulp
Gulp
Handlebars
Handlebars
Helm
Helm
JavaScript
JavaScript
jQuery
jQuery
JWT
JWT
krpano
krpano
Kubernetes
Kubernetes
Llama
Llama
Mercure
Mercure
Moment.js
Moment.js
MySQL
MySQL
n8n
n8n
Neos
Neos
npm
npm
Pattern Lab
Pattern Lab
PHP
PHP
PHP Unit
PHP Unit
Podman
Podman
Protractor
Protractor
React
React
Redshift
Redshift
Sass
Sass
Selenium
Selenium
Shopware
Shopware
Sulu
Sulu
Symfony
Symfony
Three.js
Three.js
Twig
Twig
TypeScript
TypeScript
TYPO3
TYPO3
Usercentrics
Usercentrics
Webpack
Webpack
WordPress
WordPress
Projektmanagement
Projektmanagement
Scrum
Scrum
Cai
Cai
Jira
Jira
Atlassian
Atlassian
Bitbucket
Bitbucket
Dein Vorteil
Unser Fundament

Du möchtest mehr erfahren, wie bei uns Projektmanagement verstanden wird, um solche Projekte erfolgreiche zum Go-Live zu begleiten? 

Match?
Starte jetzt
dein Projekt

Von der Idee zur Realität: Als Boutique-Agentur analysieren wir, denken mit und entwickeln passgenaue Konzepte. 
Unsere Digitale Originale® sind kreativ, relevant und technisch perfekt umgesetzt.