Mr.Day
Il nuovo sito web per i 40 anni di Mr.Day: animazioni premium e totale autonomia editoriale grazie a un WordPress custom
Sfida
Realizzare una vetrina premium per il settore food ad alto impatto visivo, garantendo alla redazione totale autonomia per contenuti e promozioni.
Soluzione
Sviluppo WordPress custom integrato con un sistema a blocchi avanzati e animazioni scroll-driven d'avanguardia.
Impatto
Allineamento del sito web al nuovo posizionamento e allo spot TV del brand.
Possiamo aiutarti in un modo simile?
Il Cliente
Mr.Day è uno dei marchi storici italiani nel mercato delle merende confezionate e brand di punta del Gruppo Vicenzi dedicato al target più giovane.
Il Contesto
In occasione del suo 40° anniversario, il brand ha intrapreso un rebranding radicale: nuova identità visiva, nuovo pack, nuovo posizionamento incentrato sul gaming e uno spot televisivo focalizzato sulla "battaglia intergenerazionale" tra GenZ/Alpha e Boomer. La sfida per MWD era duplice: tradurre sul web questo linguaggio visivo fresco, dinamico e basato sui colori iconici del brand, garantendo al contempo una modularità totale e un'infrastruttura capace di supportare concorsi promozionali ciclici a tempo.
La Soluzione
MWD ha progettato un’applicazione WordPress proprietaria che gestisce in modo fluido la brand experience e le performance del sito. Abbiamo sviluppato un tema custom in grado di separare la logica editoriale da quella visiva, dimostrando come un sito modulare a blocchi possa ospitare animazioni complesse senza scendere a compromessi tecnici. L'architettura è stata poi predisposta per accogliere i futuri progetti di gaming e concorsi commerciali su domini di terzo livello collegati, garantendo linearità e totale sicurezza informatica e legale.
Esecuzione
Il progetto è stato sviluppato seguendo una roadmap rigorosa, volta a tradurre gli obiettivi di marketing in soluzioni tecnologiche stabili e scalabili.
-
Il progetto è iniziato partendo dalla nuova identità e dal rebranding per il 40° anniversario di Mr.Day. Abbiamo avviato un confronto con il team per definire la nuova alberatura informativa.
-
L’interfaccia è stata interamente progettata per riflettere l’anima del brand, puntando su un design energico, dinamico e fortemente basato sull'uso strategico del colore e di animazioni fluide d'avanguardia.
Abbiamo applicato i principi dell’UX-UI per rendere la navigazione naturale e giocosa, garantendo che il payoff "Let’s Play" diventasse l'elemento identitario centrale di ogni pagina.
Il layout unisce le esigenze di un target intergenerazionale. Le animazioni premium e gli elementi interattivi parlano direttamente alla GenZ e all'Alpha, mentre le schede prodotto, chiare e dettagliate, rispondono alle necessità informative dei genitori che detengono il potere d'acquisto.
Per riflettere il rilievo del brand, l'architettura include l'adattamento alle nuove normative europee in termini di accessibilità (Accessibility Act), eliminando ogni barriera tecnologica per una fruizione inclusiva dei servizi digitali.
Abbiamo infine fornito al team di Mr.Day un documento unico di direzione strategica per garantire la coerenza visiva e le performance nel tempo. Questo manuale include una parte tecnica dettagliata con le specifiche di creazione dei contenuti, come peso e dimensioni dei file per preservare la velocità del sito, e una parte creativa focalizzata sul Look & Feel di visual e video -
La scelta strategica di un Wordpress custom proprietario
Abbiamo evitato un'architettura headless per eliminare inutili complessità di manutenzione, implementando invece un'architettura di tema proprietaria e strutturata, lontana dalle logiche del "WordPress a plugin". Il cuore del sistema si basa su una separazione netta fra page templates, componenti e funzioni, in cui i Custom Post Type e le tassonomie sono modellati sulla logica specifica del brand e supportati da un sistema di 22 blocchi ACF avanzati come vero content backbone
Autonomia dell’esperienza editoriale
Integrando l'interfaccia semplificata, le opzioni globali e strumenti come Duplicate Post, la redazione oggi è in grado di comporre qualsiasi pagina, aggiornare tabelle nutrizionali complesse e gestire il ciclo di vita dei concorsi commerciali in totale autonomia, senza mai dover coinvolgere il team di sviluppo
Ingegneria degli URL SEO oriented
Dal punto di vista di codice, abbiamo sviluppato URL semantici e coerenti in tutto l'ecosistema sfruttando esclusivamente regole di rewrite custom e filtri. Questa scelta elimina i plugin terzi e si integra nativamente con Rank Math SEO e con il sistema di breadcrumb proprietario.
Contenuti dinamici sicuri
Per la gestione dei contenuti a scorrimento, il caricamento incrementale di tipo "load more" è stato affidato a chiamate AJAX protette da verifica del nonce e rinnovo dinamico del token, offrendo una navigazione fluida che non si interrompe nelle sessioni lunghe e non espone superfici d'attacco.
Front-end premium
Il front-end di livello premium ha richiesto la perfetta sincronizzazione tra GSAP ScrollTrigger e lo smooth scroll di Lenis, agganciando i rispettivi cicli di aggiornamento per ottenere animazioni frame-perfect su ogni breakpoint.
Performance e ottimizzazione degli asset
Le performance sono state blindate: un code splitting nativo su Webpack 5 importa i moduli JavaScript solo dove serve, mentre l'ottimizzazione degli asset include la pre-compressione gzip, la sanitizzazione degli SVG lato server contro vulnerabilità XSS e la deregistrazione mirata di tutto il codice che WordPress carica di default, come i fogli di stile di Gutenberg.
-
Il rilascio della piattaforma è stato guidato da attività di SEO tecnica e di migrazione per preservare lo storico del brand posizionandolo sulle principali keyword di riferimento. La strategia ha incluso la definizione di suggerimenti per i nuovi contenuti, l'ottimizzazione della sezione news ed eventi e la calibrazione del tone of voice.
-
L'intera piattaforma è stata ospitata su un server ottimizzato per gestire grandi volumi di traffico. Abbiamo inoltre impostato un sistema di controllo automatico, in questo modo, il brand ha a disposizione una piattaforma blindata e costantemente protetta, senza richiedere alcuna competenza tecnica o sforzo di gestione interna.
I Risultati
Il nuovo sito web ha smesso di essere una semplice vetrina statica per trasformarsi in un asset strategico di business, in grado di sostenere gli obiettivi commerciali e di posizionamento del brand.
Esperienza utente ottimizzata
Navigazione fluida, energica e priva di attriti che risponde al look & feel premium richiesto dal mercato e dalle nuove generazioni.
Efficienza e risparmio delle risorse
Riduzione dei tempi di pubblicazione per i nuovi contenuti e abbattimento dei costi di gestione tecnica nel lungo periodo.
Lancio di prodotto
Valorizzazione strategica della nuova linea Donuts, posizionata come elemento centrale e ad alta visibilità nel catalogo.
Infrastruttura e sicurezza solide
Azzeramento del debito tecnico e protezione totale dei dati e dei caricamenti dinamici da attacchi informatici o malfunzionamenti.
Piena conformità normativa
Integrazione strutturale dei requisiti previsti dall'European Accessibility Act per una fruizione digitale inclusiva e senza barriere.
-
Vuoi un sito web ad alto impatto visivo che il tuo team possa gestire in totale autonomia?
Progettiamo soluzioni custom che uniscono animazioni di livello premium e totale flessibilità editoriale, eliminando il debito tecnico e i costi di manutenzione continua.
Per questo progetto MWD ha collaborato con HQH.
