From The Depth
From The Depth è una band power metal di Parma, attiva dal 2010.
Nel 2020 ho curato il restyling e l’ampliamento del sito web ufficiale, partendo da una versione precedente visivamente forte ma completamente non responsive, ferma a un linguaggio da era MySpace.
Il progetto è tuttora online ed è stato ulteriormente migliorato nel 2021 in occasione della ristampa per il decimo anniversario del primo album.
The Mission
- Modernizzare il sito esistente rendendolo responsive e mobile-first
- Centralizzare i contenuti ufficiali della band:
- biografia
- discografia con dettagli completi e link a shop esterni
- calendario concerti live (integrazione Songkick)
- news e annunci ufficiali
- contatti e collegamenti ai social
- Supportare la promozione del secondo album
- Creare una base tecnica solida ed estendibile per future evoluzioni
Visual Identity & Design
La direzione visiva è stata costruita a partire dalla copertina del secondo album, utilizzando una palette basata su viola, lavanda, grigio e nero.
Obiettivi della scelta cromatica:
- forte coerenza tra musica, artwork e presenza digitale
- atmosfera oscura e immersiva coerente con il genere power metal
- riconoscibilità immediata per il pubblico della band
Il layout utilizza immagini full-screen come sfondo delle sezioni, con un’impostazione editoriale pensata per valorizzare l’impatto visivo più che la conversione diretta.
UX & Accessibilità – Limiti emersi
La scelta di una palette molto omogenea e artistica ha portato a una criticità importante:
- Call to action troppo simili allo sfondo
- Contrasti non sempre sufficienti
- Priorità visiva delle azioni non sempre chiara
- Accessibilità sotto gli standard WCAG AA in alcune sezioni
Queste scelte sono state in parte consapevoli nel contesto del progetto, privilegiando l’allineamento estetico con l’identità artistica rispetto a un approccio conversion-oriented.
Il progetto ha rappresentato un passaggio chiave nel comprendere il valore di:
- integrare accessibilità e contrasto come parte del design system fin dalle prime fasi
- separare brand palette e interaction palette
- trattare le CTA come elementi funzionali prima che estetici
UX & Content Strategy
La struttura del sito è stata pensata come hub centrale per fan, promoter e media:
- Discografia: schede complete per ogni album con tracklist, credits e link a store esterni
- Live dates: integrazione con Songkick per aggiornamento automatico del calendario concerti
- News / Blog: annunci ufficiali, aggiornamenti e comunicazioni
- Contatti: canale diretto per booking e comunicazione
- Social: collegamenti diretti alle piattaforme principali
L’obiettivo non era la conversione commerciale diretta, ma la costruzione di una presenza ufficiale affidabile e aggiornata.
Development
Stack
- WordPress
- Tema custom “Next Level WordPress”
- Bootstrap 4.5
- Gutenberg per la gestione dei contenuti
- Integrazione Songkick
- Hosting Aruba (low-cost)
Il tema è un’evoluzione tecnica dello stesso framework utilizzato in progetti precedenti, aggiornato a Bootstrap 4.5 e adattato a un contesto più editoriale e visivo.
Performance
Lighthouse 2025
Mobile
- Performance: 74
- Accessibility: 79
- Best Practices: 96
- SEO: 92
Desktop
- Performance: 96
- Accessibility: 81
- Best Practices: 96
- SEO: 92
Le prestazioni sono buone nonostante:
- immagini full-screen
- hosting economico
- struttura visiva complessa
L’accessibilità resta l’area principale di miglioramento.
Risultati
- Sito online e operativo dal 2020
- Presenza digitale coerente e centralizzata per la band
- Supporto alla promozione del secondo album
- Base tecnica stabile e facilmente estendibile
- Miglioramento significativo rispetto al sito precedente non responsive
Learnings & Conclusion
Cosa ha funzionato
- Coerenza visiva forte tra musica, artwork e web
- Struttura dei contenuti chiara e scalabile
- Buone performance nonostante vincoli tecnici
- Adozione di Gutenberg per autonomia editoriale
Cosa migliorerei oggi
- Gerarchia visiva più orientata all’azione
- Palette CTA separata dalla palette artistica
- Maggiore contrasto e leggibilità
- Accessibilità WCAG AA come requisito minimo
Evoluzione futura
È previsto un redesign nel 2026 in occasione dell’uscita del terzo album, con focus su:
- accessibilità
- conversione
- separazione netta tra identità visiva e UI funzionale
- design system più robusto
Client Feedback
Working with Marco has been a wonderful experience. He is extremely reliable, professional and knowledgeable. His technical skills are excellent, and it’s clear that he keeps himself up to date with the latest technologies and best practices. Communication was smooth, deadlines were met, and the quality of work exceeded expectations. He does not only deliver but also tries to go above and beyond always explaining his point of view. I highly recommend him to anyone looking for a skilled and trustworthy web developer.
Santo Clemenzi
