{"id":16086,"date":"2023-06-27T09:26:49","date_gmt":"2023-06-27T00:26:49","guid":{"rendered":"https:\/\/designcompass.org\/?p=16086"},"modified":"2023-06-27T09:26:52","modified_gmt":"2023-06-27T00:26:52","slug":"nike-digital-design","status":"publish","type":"post","link":"https:\/\/designcompass.org\/en\/2023\/06\/27\/nike-digital-design\/","title":{"rendered":"The Nike Digital Design System: A Streamlined System That Makes Your Content Stand Out"},"content":{"rendered":"

It is a digital design system collaborated by Nike and instrument. The collaboration between the two companies began over a decade ago when Nike.com was reorganized. We've helped with almost every part of the web and apps, including SNKRS, NRC, and NTC. We've built a flexible system for creators to unleash their creativity across multiple platforms.<\/p>\n\n\n\n

\"\"
\u00a9Nike<\/figcaption><\/figure>\n\n\n\n
\"\"
\u00a9Nike<\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n

\ud83d\udc41\ufe0f Designer Eye<\/h3>\n\n\n\n
\n

UNIFIED FLEXIBLE PREMIUM<\/p>\n<\/blockquote>\n\n\n\n

It is a design system for almost all app & web experiences of Nike, which is famous for designing customer contact points in detail. It has Futura, which can be seen as a symbol of Nike, and a digital library where attractive photos can stand out.<\/p>\n\n\n\n

It gives a 12px interval grid to a 4pt based grid. We defined a concise palette consisting of 4 levels of gray and 2 levels of point color, as well as columns and gutters applied across mobile and desktop. It is a design system that can scale efficiently while maintaining consistent Nike brand values as it grows.<\/p>\n\n\n\n

\"\"
\u00a9Nike<\/figcaption><\/figure>\n\n\n\n
\"\"
\u00a9Nike<\/figcaption><\/figure>\n\n\n\n
\"\"
\u00a9Nike<\/figcaption><\/figure>\n\n\n\n
\"\"
\u00a9Nike<\/figcaption><\/figure>\n\n\n\n
\"\"
\u00a9Nike<\/figcaption><\/figure>\n\n\n\n
\"\"
\u00a9Nike<\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n

\ud83d\udcd5 Editor's Notes<\/h3>\n\n\n\n

I thought it would have been handled in-house because the whole thing was consistent, but I did it with a great design studio partner. A dinosaur company like Nike will collaborate with more companies, but I think the foundation has been built really well given the look and feel of Nike's entire digital product.<\/p>\n\n\n\n

\"\"
\u00a9Nike<\/figcaption><\/figure>\n\n\n\n

You may think that the system is so simple and concise that it should have more complex content, but rather, I think that this system makes the content stand out more. It is a system that makes you feel more desperate that the main character of the service is not the UI but the content.<\/p>\n\n\n\n

<\/div>\n\n\n\n

More and Sources<\/h2>\n\n\n\n