Nike

CR7 Digital Lookbook

Das CR7 Digital Lookbook ist eine webbasierte multi-device-Applikation, die zur Markteinführung der neuen CR7-Kollektion realisiert wurde. Es handelt sich dabei um die interaktive und animierte Version der klassischen Kollektionsbroschüre, die zu Werbezwecken an Kunden, Händler und E-Commerce-Partner gegeben wird.

Die multi-device Applikation

Unsere Aufgabe war es, die neue CR7-Kollektion in eine Web-Anwendung zu bringen, die universell und unabhängig von Browserversionen und Devices funktionieren soll. Die Applikation wurde an E-Commerce-Partner herausgegeben, die diese eigenständig in ihre Kommunikation einbanden. Bei der Umsetzung des Lookbooks haben wir daher den Mobile First-Gedanken verfolgt.

Die multi-device Applikation

Entertainment und Conversion

Der Vorteil digitaler Kollektionsbroschüren liegt nicht nur in der Inszenierung und den erweiterten Inhalten. Vielmehr bieten diese interaktiven Lookbooks den Vorteil, dass die darin beworbenen Produkte direkt und ohne Hürde gekauft werden können.

Direktes Shopping

Wir haben darauf geachtet, dass auf allen Seiten des Fashion-Lookbooks die dargestellten Produkte anklickbar sind. Über eine Schnittstelle können die E-Commerce Partner die Produkte direkt mit ihren Online-Shops verknüpfen.

Die Web-App

Da die Anwendung in jeder digitalen Umgebung funktionieren musste, haben wir das Design so angepasst, dass es auf unterschiedlichsten Screengrößen optimal aussieht. Das galt auch für die Navigation. Das Blättern durch die Seiten der Broschüre musste sowohl mit dem Finger auf einen Touchscreen funktionieren, als auch mit einer Mouse auf einem Laptop. Damit wir keine Kompromisse hinsichtlich Performance und Zuverlässigkeit eingehen mussten, wurde die gesamte Anwendung in HTML5 und Javascript entwickelt.

Adobe Edge Animate

Für dieses Projekt haben wir unseren Workflow angepasst. Da alle Animationen über den Code generiert werden mussten, haben wir unsere Motiondesigner direkt in Adobe Edge Animate arbeiten lassen. Die darüber erstellten Animationen konnten so direkt in die HTML-Umgebung integriert und getestet werden.

Die Web-App
Nike

CR7 Digital Lookbook