Projeto Codeby: Lindo e sofisticado, conheça o novo site da Shoulder

Progetto Codeby: Bello e sofisticato, ecco il nuovo sito di Shoulder

Bello e sofisticato, ecco il nuovo sito web di Shoulder

Quest'anno abbiamo realizzato progetti straordinari e clienti soddisfatti dei risultati ottenuti sui loro siti web. Non potevamo non annunciare il nuovo sito web di Shoulder, consegnato questo mese per entrare nel nuovo anno con un nuovo look e molta più qualità nell'esperienza dell'utente.

Dal 1980, Shoulder porta alle donne brasiliane capi di abbigliamento caratterizzati da raffinatezza, eleganza, versatilità e comfort. Ogni collezione è progettata con cura, in modo che i clienti possano sempre trovare il pezzo che desiderano chiamare proprio. E non è difficile, visto che il marchio ha pezzi che compongono look per i più svariati momenti della vita quotidiana.

Shoulder ha ben chiaro che il cliente è la priorità, quindi dispone di alcune strutture per rendere l'esperienza di acquisto ancora più pratica come l'opzione Omnichannel, integrata nel sito per garantire che i negozi fisici e virtuali siano in sintonia per servire il cliente. Inoltre, il sito consente di accedere alle recensioni di altri clienti per aiutare nella scelta finale.

Siamo presenti nel team di Shoulder dal 2016 e quest'anno, per chiudere il 2018 con una chiave d'oro, abbiamo consegnato il nuovo spazio virtuale del brand che aveva come focus principale la performance. I punti principali sono stati:

  • Ogni pagina del sito (Home, Ricerca, Prodotto, Account, ecc.) ha un proprio file JavaScript per limitare le chiamate di file non necessari nelle pagine che non verranno utilizzate in quel momento della navigazione.
  • Ciascuna di queste pagine carica il JavaScript in modo dinamico e carica le funzioni corrispondenti per ogni pagina a cui si accede.
  • Le chiamate API vengono effettuate solo se necessarie.
  • Le immagini fissate nella pagina del prodotto sono state precedentemente caricate per essere memorizzate nella cache.
  • Sul sito non sono state utilizzate immagini, ma forme SVG direttamente nel CSS o incluse nell'HTML.
  • Sito web completamente responsive
  • Menu che si adatta alle dimensioni dello schermo
  • È stata inserita la funzionalità "buy together" realizzata in VUE JS utilizzando le API di VTEX Crosselling.

L'intero sito è stato pensato per avere una delle migliori prestazioni possibili, quindi il codice è stato tutto minificato, contenendo poche interazioni nell'HTML con JavaScript.

E non possiamo dimenticare l'ottimo lavoro del designer che si è preoccupato di realizzare un layout responsive molto ben congegnato che si adatta facilmente a schermi e dispositivi, rendendo più semplice lo sviluppo della versione mobile.

Vedere come si è svolto l'accesso al progetto completo www.shoulder.com.br e per conoscere gli altri progetti che abbiamo realizzato qui visitate Blog di Codeby.

Se vi piace e volete realizzare il vostro progetto con noi, contattateci e saremo lieti di aiutarvi ad avere ancora più successo.