UI design sito web Nike

Realizzazione UI design concept per Nike

Ho realizzato come progetto personale con il software Figma una UI design di una pagina dello shop online Nike.

Sviluppo della UI:

Mentre realizzavo la UI ho registrato lo schermo in modo tale da poter mostrare tutti i passaggi che ho effettuato per la realizzazione dell’interfaccia.

Guarda il video sul mio canale Youtube !

La pagina è suddivisa in tre blocchi

  1. Navbar
  2. Header
  3. Body

La navbar è composta da logo Nike a sinistra e bottone del menù a destra.

Nella header troviamo uno sfondo nero con al centro il payoff Nike “Just do it” con il logo Nike rosso con un effetto grafico di esclusione del colore, in modo tale da rendere la header dinamica e accattivante.

Il body contiente due caroselli il primo con le scarpe in evidenza, gli ultimi arrivi, il secondo carosello altre scarpe presenti nello shop.

Le scapre sono ben visibili e posizionate con un inclinazine di circa 20° in modo da comunicare il senso di movimento e dinamicità di queste scarpe.

Ui mobile design nike

UI design Nike

Palette di colori e fonts

Colori e font utilizzati per realizzare la UI

Colori

#000000

#ffffff

#EF2714

Font

Hai bisogno di un sito web professionale ?

Richiedi un preventivo

Realizzazione di siti web vetrina professionali

Share This