progetto-nike-1 progetto-nike-2

Page product of Nike.

Sviluppo per ecommerce pagina prodotto interattiva per esercitazione.

Tool utilizzati:

  • xdAdobe Xd
  • html5HTML
  • css3CSS
  • JavascriptJavascript

Visita il sito:

Versione 1: wwww.nike1.netsons.org Versione 2: wwww.nike2.netsons.org

Mi sono occupato di:

Versione 1:
Progettazione Design e realizzazione page product con effetti all'hover.

Versione 2:
Progettazione Design e realizzazione page product con cambio colore della card al click.

Motivazione progetto

Questo è un lavoro svolto per mia iniziativa, il tema Nike è totalmente casuale.

In tutte e due le versioni ho pensato di realizzare due possibili "card product" per un ecommerce innovativo dal design accattivante.
Nella versione n.1 non ho utilizzato Javascript pertanto tutti gli effetti sono stati realizzati via Css.
Molto probabilmente continuerò il lavoro sulle due versioni costruendoci attorno un ecommerce funzionante. Per farlo utilizzerò codice custom e poi integrerò il tutto con Woocommerce.

Punto di vista Tecnico

Dal punto di vista tecnico non ho utilizzato tecniche particolari, effetti hover nella prima versione e Javascript nella seconda.