Strumenti
Sviluppo
HTML, CSS, JS
Palette
Coolors
Il sito di RecordHero nasce come evoluzione di un e-commerce del marchio Furniro, sviluppato inizialmente seguendo un mockup fornito in precedenza. Successivamente, ho personalizzato il progetto scegliendo come tema principale un e-commerce dedicato alla musica, una mia grande passione. Ho cercato un logo che potesse catturare l'energia che volevo trasmettere, e ho progettato il resto del sito basandomi sulla palette del logo trovato.
Per la palette cromatica, ho utilizzato lo strumento Coolors: ho selezionato un colore principale ispirandomi ai toni del logo e, per creare un contrasto visivo efficace, ho scelto un colore opposto da affiancare. Ho poi cercato immagini che riprendessero o contrastassero la palette scelta, prestando particolare attenzione all’estetica complessiva del sito.
Infine, ho arricchito l’esperienza utente aggiungendo animazioni realizzate con CSS e JavaScript, curando in particolare i pulsanti e implementando uno sticky menu che resta sempre visibile durante la navigazione, per facilitare l’accesso alle principali sezioni del sito. Ho utilizzato JavaScript anche per il menù nella parte responsive, realizzato tramite una tendina che rientra dalla sinistra dello schermo.