Nike Hub
Website
Introduction
We designed a new logo and visual identity for the WM Hub, drawing inspiration from CODE VC. This project included developing a comprehensive style guide and templates to ensure a cohesive appearance across all internal WM Hub pages.
Challenge
To create a new image for the Nike Marketing Hub website outfitted with a new logo, cleaner sub page designs and an engaging bento-style homepage.
Role
Lead Product Designer
Product Inventory
Before diving in, we aimed to better understand the content within the Hub ecosystem and identify the necessary blades for the web system. We determined that the subpages primarily follow an editorial approach, with requirements for various image and media blades. Therefore, we focused most of our efforts on iterating the bento-style homepage.
Consistency is Key
To create a seamless experience for users searching for their next destination, we aimed to ensure consistent representation of similar modules across the web experience, regardless of location.
Once the site strategy was finalized, we began building the modules that would be featured in the bento layout and the subpages.
Prototyping
One of the primary goals for the hub site was to enhance interactivity, engaging users without compromising findability. Drawing inspiration from CODE, we incorporated Lottie animations for the tracklines to ensure the background remains dynamic and engaging. Additionally, we added a Lottie animation for the logo, clearly indicating that the hub represents all companies under the Nike brand, including Converse and Jordan.
The Final Product
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.