AdigitallookbookfortheCR7collectionbyCristianoRonaldo.Designedwithamobile-firstapproachandimplementedthroughanewworkflowusingAdobeEdgeAnimate.
Client
Nike
Industry
Consumer Goods
Services
Technical ConsultingUX DesignVisual DesignSoftware DevelopmentDevOpsProducing
The CR7 Digital Lookbook tells the collection in a mobile, interactive, and directly purchasable way.
Why a digital lookbook was necessary.
The CR7 collection needed more reach and direct connection to retail and e-commerce partners. The goal was a universal, high-performance web application that starts on small screens, utilizes animation and interaction, and offers products for purchase without barriers.
The result was an interactive, clickable lookbook that seamlessly integrates into partner communication.
An interactive lookbook connects presentation and sales.
As deliverables, we provided a mobile-first web app, animated page layouts, clickable products with interfaces to e-commerce partners, and a reusable package for partner integrations.
The workflow utilized Adobe Edge Animate, allowing motion design to be directly converted into HTML5/JS. The app supports touch gestures and mouse, performs well on all devices, and allows partners to directly link to their shops.
This is how we proceeded.
In four phases, we explored the content on small displays, prototyped animations, built the HTML5 application, and rolled out the package to partners. The central lever was the motion-to-code pipeline; the most impact was achieved through clear touch gestures and immediately clickable product links.