John Beckwith | UI/UX Design

Projects

Crate

Crate is a digital asset management and content publishing tool used by thousands of users in Nike's Global Brand Management organization as well as countless agencies that partner with Nike. It is an integral part of Nike's marketing campaign workflow.

×

Above: The default landing page for users is the Team Libraries page. Team Libraries are spaces where individual teams within Nike GBM (i.e. Basketball, Global Football) upload and manage media assets that will eventually be used in Nike's marketing campaigns. Here, users can see what Team Libraries they have access to, and can request access to join ones that they don't. The goal with this page was to provide users with a very clean initial experience, so the actions were hidden behind a hover state initiated by the user hovering the cursor over a Team Library's cover photo.

×

Above: When users are ready to share out more details about marketing campaigns they create "Posts" which appear in the Distribution Library. Here, other users that are collaborating across teams can view the progress of each campaign and edit the post to add descriptions or more assets. Users can browse through the posts, sort via a dropdown menu, or find posts by filtering. The layout and visual design of the Distritbution Library was meant to be simple to let the compelling imagery in the Post cover photos to "pop" off of the page.

×

Above: This is a detail view of a Post after the user has clicked on one from the Distribution Library. Again, the layout and visual design serve the amazing athlete and product photography while not getting in the way of the functionality and information being displayed. Here, a user can view the description of the campaign and view the assets selected by the marketing team to be used in the campaign. Certain users are also able to edit the Post, adding to the description or attaching more assets.

×

Above: View of a Team Library after user has clicked to access on from the Team Libraries landing page. Every Team Library contains the same top level folder structure, based on Fiscal Year and Season/Year used throughout Nike GBM, so every asset is tagged with that information by default. Users can create custom folders within that structure where they can upload and manage assets. There is also heavy permission functionality that allows users to control access and visibility within their team.

×

Above: An example of how users can manage details about assets in their Team Library. A user can manage things like tags, contract information, permissions, and asset ownership.