Nike's E-Commerce Website UI/UX Case Study 2023
Aug. 2 2023
Creating an E-commerce site means considering the website’s overall design, from the aesthetics to navigation and accessibility. These aspects are crucial for providing a seamless shopping experience.
We find a lot of time being wasted ( to the tune of months) on trying to get an e-commerce website design inspired by a big brand, to come up with a website that looks like a worse copy of the original inspiration. What gets lost in this e-commerce store design project is the need to understand not just how a website looks but also how it works.
Nike is known for its strong brand identity, and a well-designed website. We analyze the Nike website to find design tactics that stores can use to build a high-converting website.
Typography:
Nike has been using Helvetica Neue since its inception in 1957. The company uses the same font across the Nike website all their marketing materials.
Color Scheme:
Nike uses clean and minimalistic layouts can help focus attention on the products and content. Their website mainly comprises of black and grey tones, with a focus on emphasizing products while browsing through it. Also note how Nike uses a light grey figure background color to make sure the products pop out well.
Mobile UI
The Rise of the Swoosh
The Nike swoosh logo was designed by Carolyn Davidson, a graphic design student at Portland State University. Pressed by a tight deadline, Davidson came out with several concepts, in the end, the company chose the “Swoosh” as Nike’s logo.
The Nike swoosh logo is shaped as a wing of the Greek goddess of Victory, Nike. So, the designer had the wing shape in mind because of the goddess. By borrowing the shape and other design elements from mythical, cultural, and historical sources, you can engage people with the design.
The original Nike ‘Swoosh’ logo wasn’t black as we see it today. For a very long time, Nike used red and white color palette on its logo. The company motive behind the color scheme was that red stood for energy, passion and joy and white expressed nobility, purity and charm of the brand. Later, the company changed the color scheme of its ‘Swoosh’ logo to make it sleek and classy.