Il Cliente: Veloservice

Veloservice è il punto di riferimento per il turismo esperienziale e sostenibile in Puglia. Nata nel 2009 come start-up di appassionati ciclisti, si è evoluta in una struttura solida di accoglienza turistica. Con un’anima che parla “madrelingua dialetto” ma si rivolge al mondo, offrono esperienze “seriamente divertenti”, combinando la professionalità con il calore delle storie semplici.

L’Evoluzione Digitale

La nostra collaborazione è iniziata nel 2018 con un restyling basato su un tema commerciale per svecchiare la loro immagine. Recentemente, l’azienda ha deciso di fare il salto di qualità definitivo: abbandonare i limiti dei temi pre-confezionati per una piattaforma custom, leggera e scalabile, capace di sostenere la crescita del brand.

Tech Stack: La Potenza di Understrap

Per questo salto evolutivo ho scelto Understrap, un framework che unisce la versatilità di WordPress alla solidità di Bootstrap. Sviluppare un tema su misura ha garantito un codice pulito, tempi di caricamento ridotti e una struttura flessibile, perfettamente adattabile alle esigenze specifiche di un tour operator in espansione.

Architettura CPT: Tour e Noleggio

Il cuore del sito è la gestione dei servizi. Ho creato Custom Post Types (CPT) specifici per “Tour” e “Noleggio”. Questi non sono semplici pagine vetrina, ma fungono da ponte strategico: ogni scheda prodotto è progettata per reindirizzare l’utente in modo fluido verso i due siti e-commerce verticali dell’azienda (Velo Tour e Velo Rent) per la transazione finale.

Interfaccia Dinamica con Slick.js

Il turismo vive di immagini. Per valorizzare la bellezza dei paesaggi pugliesi e delle esperienze offerte, ho integrato slick.js. Questa libreria ha permesso di sviluppare caroselli (slider) fluidi, reattivi e touch-friendly, che raccontano visivamente l’avventura prima ancora che l’utente legga i dettagli.

Storytelling: Blog e Progetti

Coerentemente con la filosofia aziendale (“crediamo nella potenza delle storie semplici”), ho sviluppato sezioni dedicate allo storytelling. Il “Blog” e l’area “Progetti” (un portfolio delle iniziative speciali) sono gestiti tramite CPT, permettendo al team di pubblicare contenuti che mostrano l’impatto culturale e sociale delle loro attività.

Integrazioni: Trust e Social

La riprova sociale è fondamentale nel turismo. Ho integrato le API di TripAdvisor per mostrare le recensioni in tempo reale, costruendo fiducia immediata. Inoltre, un widget personalizzato di Instagram porta il feed social direttamente sul sito, mantenendo la home page sempre fresca e aggiornata con i contenuti generati dagli utenti e dal brand.

Press Area

Per consolidare l’autorevolezza del brand, è stata sviluppata una “Press Area” dedicata. Questa sezione raccoglie le rassegne stampa e le menzioni media, organizzate in modo ordinato. È uno strumento vitale per le PR, che dimostra la crescita di Veloservice da startup locale a player turistico riconosciuto.

UX Design “Glocal”

L’esperienza utente (UX) è stata progettata per riflettere l’anima “glocal” (globale + locale) dell’azienda. Il design è pulito e internazionale per accogliere i turisti stranieri, ma arricchito da dettagli che richiamano l’autenticità pugliese. La navigazione è intuitiva, guidando l’utente dalla scoperta del territorio alla prenotazione del servizio.

Risultati Ottenuti

Il nuovo sito web ha trasformato la presenza digitale di Veloservice. La piattaforma custom ha migliorato drasticamente le performance e il posizionamento SEO. La struttura a CPT ha razionalizzato l’offerta, incanalando efficacemente il traffico verso le piattaforme di vendita e aumentando le conversioni per tour e noleggi.

The post Veloservice appeared first on Mauro Di Marino.

Il Cliente: Fervere Kombucha

Fervere è un brand dinamico nel mercato delle bevande fermentate, specializzato nella vendita di Kombucha artigianale. Il progetto nasce dalla necessità di evolvere la presenza digitale per riflettere un nuovo posizionamento di mercato, unendo un design fresco e accattivante a una piattaforma di vendita solida e scalabile.

La Sfida: Oltre il Restyling

Non un semplice aggiornamento grafico, ma una completa riscrittura. Il compito era superare la precedente versione del sito (già sviluppata da me) per implementare un design UX/UI sofisticato. La sfida tecnica era piegare le logiche standard di WooCommerce per adattarle a un’esperienza d’acquisto totalmente personalizzata.

Lo Stack: Performance Custom

Ho scelto un approccio “code-first” utilizzando Understrap con Bootstrap 5 come fondamenta. Questo ha garantito un codice leggero e semanticamente corretto. L’integrazione profonda di ACF (Advanced Custom Fields) ha trasformato il backend, permettendo una gestione dei contenuti sartoriale senza appesantire il frontend.

Prodotti Variabili Ricostruiti

La gestione standard delle varianti di WooCommerce era limitante per la UX desiderata. Ho ricostruito totalmente l’interfaccia di selezione delle varianti (gusti e formati) tramite codice custom. L’utente ora interagisce con un selettore visivo intuitivo che aggiorna prezzi e disponibilità senza i ricaricamenti tipici dei temi standard.

Logiche di Sconto nel Carrello

Per incentivare l’acquisto multiplo, ho programmato una logica di sconto condizionale complessa. Il sistema analizza il carrello in tempo reale e applica automaticamente una riduzione di prezzo quando rileva un minimo di 3 prodotti appartenenti allo stesso Brand, stimolando l’upselling in modo trasparente per l’utente.

CPT Brand e Template Dedicati

Ho esteso l’architettura dati creando il Custom Post Type “Brand”. Ogni produttore di Kombucha ha ora una pagina dedicata con un template specifico, diverso dalle categorie standard. Questo valorizza la narrazione dei singoli marchi e aggrega i prodotti correlati in un layout coerente con l’identità visiva del produttore.

Caroselli e Navigazione Visiva

Per migliorare l’esplorazione del catalogo, ho implementato caroselli di prodotto personalizzati all’interno delle categorie. Questa soluzione UI permette di mostrare un’alta densità di referenze senza costringere l’utente a scorrere lunghe pagine, migliorando il tempo di permanenza e l’interazione da mobile.

Integrazione Blog e Shortcode

Il content marketing è centrale per Fervere. Ho sviluppato shortcode custom che permettono di “iniettare” prodotti specifici o caroselli direttamente all’interno degli articoli del blog. Le descrizioni e le Call to Action sono personalizzabili via ACF per ogni post, trasformando i lettori in acquirenti diretti.

UX/UI Design & Frontend

Il lavoro di frontend è stato meticoloso per rispettare il nuovo design system. Ogni elemento, dai bottoni ai form di checkout, è stato stilizzato via CSS/SASS per garantire coerenza visiva. La reingegnerizzazione ha permesso di ottenere un’interfaccia pulita che guida l’utente all’acquisto con il minimo attrito cognitivo.

Risultati Ottenuti

Il nuovo Fervere è un e-commerce veloce e identitario. La ricostruzione delle varianti e le logiche di sconto automatiche hanno semplificato il processo d’acquisto. L’architettura custom basata su Understrap e ACF offre al cliente un controllo totale sui contenuti, unendo l’estetica del design alla potenza di vendita.

The post Fervere appeared first on Mauro Di Marino.

Il Cliente: Solvento

Solvento è uno studio di Avvocati Tributaristi Internazionali e consulenti fiscali. Assistono i clienti nella navigazione di sistemi fiscali complessi, pianificazione della residenza e dispute legali. Con un team multilingue, necessitavano di un sito web studio legale esclusivamente in inglese che trasmettesse chiarezza e competenza transfrontaliera.

Tech Stack: Understrap

Per questo progetto ho scelto la robustezza di Understrap. La combinazione di WordPress e Bootstrap ha permesso di creare un’architettura custom leggera e scalabile, fondamentale per sostenere le funzionalità avanzate richieste dallo studio senza compromettere la velocità o la sicurezza dei dati sensibili.

Hero Video con Controllo

L’impatto visivo è immediato grazie a un video hero integrato via API YouTube. Per migliorare l’esperienza utente su questo portale, ho inserito un controllo personalizzato Play/Pause. Questo dettaglio tecnico denota cura per l’utente, permettendo di gestire la fruizione del contenuto multimediale in totale libertà.

Booking Dinamico con Calendly

L’acquisizione clienti è il cuore di ogni sito web studio legale. Ho automatizzato il processo integrando Calendly tramite shortcode. Il sistema è intelligente: apre un popup di prenotazione specifico in base al piano di consulenza selezionato, riducendo gli attriti e velocizzando il contatto diretto con i legali.

Interattività: Swiper.js

Per presentare i servizi complessi in modo fluido, ho implementato Swiper.js. Questa libreria permette di scorrere i contenuti con facilità anche da mobile. L’uso di caroselli touch-friendly rende la navigazione piacevole, modernizzando l’immagine tradizionale e spesso statica del settore.

Design “English Only”

Il sito è stato sviluppato esclusivamente in lingua inglese per rivolgersi a un pubblico globale. Il design istituzionale, pulito e rigoroso, utilizza i codici visivi tipici del settore (“Blue & White”) per ispirare ordine e autorità, elementi imprescindibili per un sito web studio legale di alto profilo.

Attenzione all’Accessibilità

Una moderna presenza digitale deve essere inclusiva. Ho curato l’interfaccia affinché fosse fruibile da tutti gli utenti, garantendo contrasti cromatici adeguati e una navigazione chiara. Questo approccio etico rafforza la reputazione dello studio, dimostrando attenzione verso ogni tipologia di cliente.

Risultati Ottenuti

Il nuovo portale di Solvento è un sito web studio legale performante e sicuro. L’integrazione di strumenti di booking e la chiarezza espositiva hanno migliorato la conversione dei visitatori in clienti, consolidando la presenza digitale dello studio come punto di riferimento per la fiscalità internazionale.

The post Solvento appeared first on Mauro Di Marino.

Il Progetto: Wearefancards

Wearefancards è l’iniziativa di Lab Go dedicata alla promozione delle “Fancards”, strumenti phygital per il fan engagement. Il progetto richiedeva una landing page verticale, dal forte impatto visivo, disegnata per convertire visitatori in clienti, mantenendo la coerenza estetica rigorosa del brand madre.

La Sfida: Design Senza Compromessi

Il reparto grafico ha fornito un layout complesso e non convenzionale. La sfida non era solo replicarlo Pixel-perfect, ma renderlo dinamico. Gli elementi grafici “fluttuanti” e le sovrapposizioni non potevano essere statici: il cliente doveva poterli gestire senza rompere l’equilibrio visivo del design originale.

Lo Stack: Bootstrap & WordPress

Per ottenere la massima fedeltà al design Figma, ho utilizzato Bootstrap 5 integrato in un tema WordPress custom. Questo ha permesso di gestire la griglia responsive con precisione millimetrica, evitando le limitazioni dei page builder commerciali e garantendo un codice pulito e veloce per la landing page.

Gallery Ibrida & Video Overlay

Il cuore della pagina è una gallery multimediale complessa. Ho sviluppato una soluzione custom che permette di visualizzare video in sovraimpressione sulle immagini. Tramite ACF, il cliente può associare un file video a specifiche immagini della galleria, creando un’esperienza utente interattiva e dinamica.

Controllo Posizionale Avanzato

La caratteristica tecnica più rilevante è il controllo delle immagini. Ho programmato campi ACF che mappano le proprietà CSS top, left, right, bottom. Il cliente può inserire valori specifici dal backend per spostare ogni singola immagine nello spazio, decidendo l’esatto posizionamento orizzontale e verticale.

Gestione Dimensioni Autonoma

Oltre alla posizione, il cliente ha il controllo sulle dimensioni. Attraverso campi numerici dedicati nel backend, è possibile definire larghezza e altezza di ogni elemento grafico. Questo trasforma l’editor di WordPress in un tool di layout potente, senza che l’utente debba scrivere una riga di CSS.

Carosello ACF Custom

Il carosello non è un plugin esterno, ma è costruito su un campo “Gallery” nativo di ACF. Questo semplifica drasticamente l’inserimento dei contenuti: l’amministratore seleziona le immagini in blocco dalla libreria media e il frontend le renderizza automaticamente in uno slider touch-friendly e ottimizzato.

User Experience Backend

Ho progettato il backend per essere “a prova di errore”. Nonostante la complessità dei controlli posizionali, l’interfaccia di inserimento dati è pulita e intuitiva. Le istruzioni condizionali di ACF mostrano solo i campi necessari, permettendo al cliente di modellare la pagina con facilità e sicurezza.

Performance & Ottimizzazione

Nonostante la ricchezza di media e video, la pagina mantiene prestazioni elevate. Il caricamento condizionale degli script e l’ottimizzazione degli asset (lazy loading gestito) assicurano che l’esperienza di navigazione sia fluida anche da mobile, fondamentale per una campagna promozionale.

Risultati Ottenuti

Wearefancards è un esempio di come WordPress possa diventare uno strumento di design. Il cliente ha ottenuto una landing page identica al mockup grafico, ma con una libertà di gestione dei contenuti solitamente impossibile in layout così creativi, grazie a un uso ingegneristico di ACF.

The post Wearefancards appeared first on Mauro Di Marino.

Il Cliente: Coaching Outside the Box

Coaching Outside the Box offre servizi di alto profilo come mentoring, training e coaching professionale. L’azienda necessitava di un ecosistema digitale che non fosse solo una vetrina, ma un vero strumento di lavoro per erogare formazione a distanza, gestire classi virtuali e vendere corsi complessi a un’utenza internazionale.

Fase 1: Sviluppo Custom Bootstrap

Il progetto è iniziato con lo sviluppo piattaforma e-learning LMS con un approccio sartoriale, applicando il Framework Bootstrap al CMS WordPress. Non un tema preconfezionato, ma una struttura creata su misura per garantire leggerezza e totale aderenza al brand. Questo ha permesso di inserire molteplici controlli personalizzati per la gestione dei contenuti.

UX Internazionale: Timezone Detection

Una delle funzionalità critiche implementate nella prima fase è stata la gestione dei fusi orari. Trattandosi di corsi live con studenti globali, ho programmato una funzione che rileva automaticamente la posizione dell’utente, visualizzando le date e gli orari delle lezioni secondo il fuso orario locale del visitatore, eliminando confusioni e problemi di frequenza.

Autonomia del Cliente

L’obiettivo era rendere il cliente indipendente. Attraverso l’uso di campi personalizzati (Custom Fields), ho strutturato il backend in modo che il team potesse creare nuovi corsi in autonomia. È stata fornita una formazione specifica per trasferire il know-how necessario alla gestione quotidiana della piattaforma.

Fase 2: Evoluzione e Migrazione

Con la crescita del business, è emersa la necessità di differenziare l’offerta “Corporate” dalla vendita diretta, richiedendo un upgrade nello sviluppo piattaforma e-learning LMS. Abbiamo deciso di migrare l’intero e-commerce dal plugin Masterstudy LMS a LearnDash, leader di mercato per flessibilità e stabilità.

Data Migration Complex

Il passaggio a LearnDash ha richiesto un delicato processo di migrazione dati. Ho gestito il trasferimento di tutti gli account utente, lo storico degli ordini e i progressi dei corsi dalla vecchia alla nuova struttura, assicurando che nessun dato andasse perso e che gli studenti potessero continuare la formazione senza interruzioni.

Logica Smart del Bottone “Acquista”

Per ottimizzare il funnel di vendita, ho implementato nello sviluppo piattaforma e-learning LMS una logica condizionale sul bottone “Acquista”. Il sistema riconosce la tipologia del prodotto: se è un “Video Corso”, l’accesso è immediato; se è un “Corso Live”, il processo cambia, attivando messaggistica specifica e flussi di iscrizione differenti.

Automazione Inviti e Checkout

Questa differenziazione ha impattato positivamente il post-vendita. Ho modificato il processo di checkout affinché, per i corsi live, partissero in automatico gli inviti personalizzati agli studenti con i link alle aule virtuali. Questo ha ridotto drasticamente il lavoro manuale di segreteria e gestione iscritti.

Ottimizzazione dei Processi

Il passaggio alla nuova architettura ha permesso di snellire i processi aziendali. Questo livello avanzato di sviluppo piattaforma e-learning LMS, unito alla potenza di LearnDash, ha fornito al cliente una struttura scalabile, capace di gestire picchi di traffico e un catalogo corsi in continua espansione.

Risultati Ottenuti

Coaching Outside the Box dispone ora di una tecnologia di livello enterprise. Lo sviluppo piattaforma e-learning LMS ha risolto i colli di bottiglia precedenti, migliorando l’esperienza utente sia per chi acquista (studenti) sia per chi amministra (il team), garantendo solidità e automazione.

The post Coaching outside the box appeared first on Mauro Di Marino.

Il Cliente: Lab Go

Fondata nel 2020 nel Nord Italia, Lab Go è pioniera nell’esperienza “phygital”. L’azienda digitalizza prodotti fisici per proteggere i brand dalla contraffazione e connetterli con i clienti autentici. Collaborano con realtà di alto profilo, inclusi grandi eventi live e band musicali di fama internazionale.

La Sfida: Design Pixel-Perfect

L’obiettivo primario era la fedeltà assoluta al design. Il reparto grafico di Lab Go ha fornito file Figma complessi e dettagliati. La sfida tecnica è stata tradurre questa visione estatica in codice funzionale, garantendo che ogni pixel, spaziatura e interazione corrispondesse esattamente alle bozze approvate.

Lo Stack: Bootstrap 5 Custom

Per garantire precisione e reattività, ho evitato temi preconfezionati. Ho sviluppato un tema custom basato su Bootstrap 5. Questo framework ha fornito una griglia solida per il layout responsive, mantenendo il codice leggero e pulito, essenziale per un sito che deve gestire picchi di traffico durante i grandi eventi.

Moduli Gutenberg Su Misura

Nessun page builder pesante. Ho creato una libreria di blocchi Gutenberg personalizzati. Questo permette al cliente di comporre nuove pagine in autonomia mantenendo intatta la coerenza grafica. Ogni modulo è stato codificato per rispettare le linee guida del brand, offrendo flessibilità editoriale senza rompere il layout.

Dinamicità con Slick.js

Per presentare i case study e i partner in modo accattivante, ho integrato Slick.js. Ho creato caroselli fluidi e touch-friendly che permettono di navigare tra i contenuti visivi con eleganza. L’integrazione è stata ottimizzata per non impattare sulle performance di caricamento della pagina (Core Web Vitals).

Animazioni CSS & HTML

L’esperienza “phygital” doveva essere percepibile. Ho implementato animazioni CSS e HTML custom per dare vita agli elementi dell’interfaccia. Micro-interazioni e transizioni fluide accompagnano l’utente durante lo scroll, rendendo la navigazione immersiva e in linea con l’identità tecnologica del brand.

Sezione Blog Autentica

Il blog non è standard. Seguendo le bozze grafiche, ho sviluppato un template di archivio e di articolo singolo (Single Post) unico. La struttura valorizza i contenuti editoriali con layout specifici per immagini e tipografia, trasformando la sezione notizie in un vero magazine digitale integrato.

Integrazione Mailchimp

Per supportare le strategie di marketing, ho collegato il sito all’ecosistema Mailchimp. I moduli di iscrizione sono stati stilizzati custom per integrarsi nel footer e nelle pagine chiave, garantendo un flusso dati diretto verso le liste marketing dell’azienda per la gestione delle newsletter.

Vocazione Globale: WPML

Dato il target internazionale (band e tour mondiali), il sito è nativamente multilingua. Ho configurato WPML per gestire traduzioni precise di ogni custom post type e stringa del tema. Questo assicura che l’esperienza utente sia perfetta sia per i clienti italiani che per i partner esteri.

Risultati Ottenuti

Il sito Lab Go è la fusione perfetta tra creatività e codice. La conversione Pixel-perfect da Figma ha soddisfatto le alte aspettative estetiche del cliente, mentre l’architettura Gutenberg/Bootstrap garantisce performance e scalabilità. Un biglietto da visita digitale potente per il mercato globale.

The post Lab GO appeared first on Mauro Di Marino.

Il Cliente: Eccellenza Industriale

Comer S.p.A. è leader dal 1978 nella produzione di raccordi e valvole termoplastiche. Con 25.000 mq di produzione e 7 milioni di prodotti, serve settori critici come idraulica e nautica. L’obiettivo era creare un ecosistema digitale performante che riflettesse l’affidabilità logistica e la precisione del Made in Italy.

La Sfida: Superare il Debito Tecnico

Il progetto partiva da un pesante debito tecnico. Il vecchio sito usava un WooCommerce non ottimizzato e il page builder WP Bakery, limitando velocità e manutenibilità. La sfida era creare un’esperienza segmentata per mostrare dati sensibili solo a utenti specifici, mantenendo il sync con il gestionale aziendale.

Lo Stack: Sviluppo Custom Understrap

Per garantire leggerezza e modularità, ho sviluppato un tema totalmente custom basato su Understrap (Bootstrap 5). Questo approccio “code-first” ha permesso di abbandonare i plugin pesanti per un’architettura pulita, assicurando performance elevate e una base solida per le future evoluzioni del portale B2B.

Migrazione Dati e Bonifica

Abbandonato WooCommerce, ho migrato i prodotti verso Custom Post Types. È stata necessaria una massiccia sanitizzazione del database per rimuovere gli shortcode residui di WP Bakery. I dati sono stati normalizzati per garantire una struttura pulita, essenziale per le performance e la corretta indicizzazione.

Nuova Architettura Dati

La nuova architettura si basa su campi ACF e blocchi Gutenberg nativi. Questo ha permesso di strutturare le informazioni tecniche in modo granulare. La transizione ha migliorato drasticamente i tempi di caricamento, offrendo all’amministratore un backend intuitivo per la gestione dei contenuti senza codice sporco.

Gestione Utenza Multilivello

Il sistema gestisce un’area pubblica e una riservata a due livelli, integrata con l’ERP aziendale. L’infrastruttura verifica in tempo reale lo status del cliente, differenziando l’accesso tra visitatori anonimi, utenti base e partner certificati, garantendo la sicurezza dei dati industriali sensibili.

Rendering Condizionale

La complessità maggiore risiede nelle schede prodotto dinamiche. Il sistema riconosce il livello dell’utente e genera tabelle tecniche differenziate sullo stesso URL. Un partner vede tolleranze e dettagli che restano nascosti all’utente base, ottimizzando la gestione dei contenuti senza duplicare le pagine.

Dashboard e Ricerca Intelligente

La dashboard utente include un motore di ricerca a step per guidare nella scelta del componente. L’algoritmo combina criteri automatici su tassonomie con keyword prioritarie definite manualmente dall’admin. Questo sistema ibrido assicura la massima precisione nel trovare il prodotto giusto tra migliaia di referenze.

Automazione Documentale PDF

L’area download è autonoma e sicura. Ho implementato la generazione PDF “on-the-fly”: il sistema compila automaticamente le schede tecniche prelevando testi e immagini dal database in tempo reale. Questo elimina l’impaginazione manuale e garantisce che i documenti scaricati siano sempre aggiornati.

Risultati e Performance

Il nuovo portale è un potente strumento di lavoro B2B. Grazie al Mega Menu custom e alla rimozione di plugin obsoleti, la navigazione è immediata. L’approccio custom ha restituito al cliente una piattaforma veloce, sicura e perfettamente allineata ai flussi logistici industriali, pronta per future scalabilità.

The post Comer Italy appeared first on Mauro Di Marino.

Il Cliente: La Content

La Content è una realtà ibrida e dinamica che unisce un’agenzia web specializzata in storytelling a un’accademia di formazione sulla scrittura creativa. Rivolgendosi a professionisti e aziende che vogliono narrare il proprio brand, necessitavano di un sito che fosse il primo esempio tangibile della loro competenza: chiaro, narrativo e performante.

La Sfida: Restyling Radicale

Il sito esistente non rispecchiava più la qualità dei corsi offerti e soffriva di problemi strutturali. L’obiettivo non era un semplice “ritocco” estetico, ma una ricostruzione dalle fondamenta. Abbiamo ridisegnato l’architettura informativa per unire le due anime del brand (Agency e Academy) in un’esperienza di navigazione fluida e coerente.

Tech Stack: Bootstrap & WordPress

Per garantire flessibilità e controllo totale sul codice, ho sviluppato il nuovo tema utilizzando il Framework Bootstrap applicato al CMS WordPress. Questa scelta ha permesso di creare layout grigliati precisi e responsive, mantenendo la facilità di gestione dei contenuti per il cliente, essenziale per una realtà che pubblica costantemente nuovi corsi e articoli.

UI Design per la Conversione

L’interfaccia utente (UI) è stata ridisegnata con un approccio “Conversion-Centered”. Abbandonando i vecchi schemi, ho progettato percorsi visivi che guidano l’utente dalla lettura dei contenuti all’acquisto. L’uso strategico degli spazi bianchi e delle Call to Action (CTA) focalizza l’attenzione sui corsi, riducendo le distrazioni.

E-learning ed E-commerce

Il cuore pulsante del sito è l’integrazione tra la piattaforma di vendita e il sistema LMS (Learning Management System). Ho configurato un plugin di e-learning collegandolo perfettamente al modulo e-commerce. Questo permette all’utente di acquistare un corso e accedere immediatamente all’area didattica riservata in un unico flusso continuo.

Leggibilità e Storytelling

Trattandosi di esperti di scrittura, il testo è protagonista. Ho curato maniacalmente la tipografia, scegliendo font e interlinee che rendessero la lettura piacevole e non affaticante su ogni dispositivo. Il design non sovrasta il contenuto, ma lo incornicia, esaltando la potenza dello storytelling aziendale.

Performance Boost

Un sito lento non converte. Ho lavorato sull’ottimizzazione del codice, sulla minificazione delle risorse (CSS/JS) e sulla gestione delle immagini. I risultati sono stati tangibili: i tempi di caricamento sono crollati rispetto alla versione precedente, migliorando drasticamente il punteggio Core Web Vitals e l’esperienza utente.

Mobile Experience

Dato che gran parte del target fruisce contenuti da smartphone, l’approccio Bootstrap ha garantito una responsività nativa. Ho ottimizzato i menu di navigazione e i processi di checkout per il mobile, assicurando che l’iscrizione a un corso fosse semplice e veloce anche da schermi ridotti.

Strategia SEO Tecnica

La ristrutturazione ha coinvolto anche la SEO. Abbiamo mantenuto la “link equity” dei vecchi URL tramite redirect corretti e pulito la struttura dei permalink. La nuova velocità del sito e il codice semantico pulito hanno fornito una spinta immediata al posizionamento organico sui motori di ricerca.

Risultati Ottenuti

Il lancio del nuovo sito ha segnato un punto di svolta. La Content ha registrato un aumento delle iscrizioni grazie al funnel di acquisto semplificato. Il feedback degli utenti sulla velocità e sulla chiarezza di navigazione è stato entusiasta, consolidando l’autorevolezza del brand nel settore della formazione digitale.

The post La Content appeared first on Mauro Di Marino.

Il Cliente: Makkè Poke

Makkè Poke è una realtà innovativa nel panorama gastronomico di Mola di Bari. Si posiziona come un fast food che rompe gli schemi, offrendo la freschezza delle Poke Bowl con la velocità e la golosità tipica dello street food americano. Il nome stesso, ironico e diretto, suggerisce sorpresa e novità.

Partnership: Italy SWAG

Il progetto nasce da una collaborazione strategica. Mentre l’agenzia Italy SWAG cura interamente il marketing, la gestione dei social media (Facebook e Instagram) e la strategia comunicativa, il mio ruolo è stato quello di definire l’identità visiva primaria, creando il logo che funge da volto per tutte le attività promozionali.

La Sfida: Fusion Concept

La richiesta del cliente era audace: unire due mondi apparentemente distanti. Da un lato il concetto “carnivoro” e sostanzioso del Fast Food (Hamburger), dall’altro quello fresco e salutare del Poke (Pesce). Il logo doveva comunicare questa doppia anima senza creare confusione, ma anzi stimolando la curiosità.

Design del Logo: Il Panino-Pesce

L’idea creativa è stata quella di generare una chimera gastronomica. Il pittogramma raffigura un “hamburger impossibile”: la parte superiore è il classico “bun” (il pane da hamburger) morbido e rotondo, mentre la parte inferiore si trasforma nella sagoma stilizzata di un pesce. È una sintesi visiva perfetta dell’offerta culinaria del locale.

Tipografia “Soft” e Golosa

Per accompagnare un’icona così giocosa, ho scelto dei font dalle linee morbide e arrotondate (rounded). Questo stile tipografico non solo migliora la leggibilità su insegne e social, ma evoca a livello inconscio la sofficità del pane e la gentilezza dell’accoglienza, rendendo il brand amichevole e accessibile a tutti.

Palette: Natura e Gusto

La scelta cromatica è stata guidata dalla psicologia del colore applicata al food. Il Verde brillante richiama immediatamente la freschezza delle verdure, l’avocado e l’aspetto “healthy” del Poke. Il Marrone caldo evoca la carne grigliata, il pane tostato e la concretezza della terra, bilanciando la leggerezza con il gusto.

Versatilità del Marchio

Un logo per un fast food deve vivere ovunque. Il design è stato studiato per essere estremamente versatile e leggibile anche in dimensioni ridotte. Funziona perfettamente sia come icona per i profili social gestiti da Italy SWAG, sia stampato in grande formato sulle vetrine del locale.

Packaging Design

La vera prova del nove per il logo è stata l’applicazione sui materiali di consumo. Ho curato la declinazione del marchio sui packaging delle Poke Bowl e sui bicchieri. Il logo diventa un sigillo di qualità che accompagna il cliente durante il pasto, trasformando ogni confezione da asporto in un veicolo pubblicitario per le strade della città.

Risultati Ottenuti

Il logo Makkè Poke ha centrato l’obiettivo: è memorabile, ironico e descrive perfettamente il menu ibrido del locale. La forte identità visiva ha fornito a Italy SWAG una base solida per le campagne social, contribuendo al successo del lancio e alla riconoscibilità immediata del brand a Mola di Bari.

The post Makke Pokè appeared first on Mauro Di Marino.

Il Cliente: Il Manovale

Il Manovale è una micro-torrefazione artigianale nata dalla passione di professionisti del settore. La loro missione è portare nelle case un caffè “fatto a mano”, fresco e tracciabile, elevando il consumo a scelta consapevole. Utilizzano tostatrici Giesen W6A e W15A per tostare in piccole quantità, rispettando l’unicità di ogni chicco.

Tech Stack: Understrap & WooCommerce

Per garantire prestazioni elevate e massima personalizzazione, ho sviluppato il sito utilizzando Understrap come starter theme. Questa combinazione ibrida tra la solidità di WordPress e la griglia responsive di Bootstrap ha permesso di costruire un e-commerce leggero, veloce e perfettamente adattabile alle esigenze specifiche della torrefazione.

Automazione Macinatura

Una delle feature chiave è l’automazione nella pagina prodotto. Ho sviluppato una funzione che calcola e suggerisce la macinatura ideale in base al metodo di estrazione selezionato dall’utente (moka, espresso, filtro, ecc.). Questo migliora la User Experience (UX), guidando il cliente verso l’acquisto del prodotto perfetto per la sua attrezzatura.

ACF e Filtri Avanzati

La gestione del catalogo è potenziata da ACF (Advanced Custom Fields). Ho creato campi personalizzati per ogni caratteristica organolettica del caffè (acidità, corpo, note aromatiche). Questi dati non sono solo descrittivi, ma alimentano il sistema di filtri nello shop, permettendo agli utenti di cercare il caffè in base al profilo gustativo desiderato.

Redesign Galleria Prodotto

La scheda prodotto è stata completamente ridisegnata. Abbandonando il layout standard di WooCommerce, ho creato una galleria visiva che mette in risalto il packaging e la texture del caffè. I campi personalizzati popolano dinamicamente le infografiche delle caratteristiche, rendendo la lettura delle specifiche tecnica immediata e visivamente appagante.

Architettura CPT: Eventi

Per l’area “Eventi”, ho implementato dei Custom Post Types (CPT) dedicati. A differenza dei post blog standard, questi sono programmati per ordinarsi cronologicamente in base alla data dell’evento e non di pubblicazione. Questo permette alla torrefazione di gestire un calendario corsi e degustazioni sempre aggiornato e logico.

Content Design: Info & Press

Il sito non è solo vendita, ma cultura. Ho curato il redesign delle pagine informative per raccontare la filosofia “fatta a mano”. Inoltre, sono state create sezioni specifiche come l’Area Press e l’Area Blog, strutturate per ospitare contenuti editoriali che rafforzano l’autorità del brand nel mondo del caffè artigianale.

User Experience Artigianale

L’interfaccia utente (UI) è stata progettata per riflettere l’artigianalità del brand. Colori caldi, tipografia curata e spazi bianchi generosi comunicano l’attenzione al dettaglio che Il Manovale mette nella tostatura. L’esperienza di navigazione è fluida, trasformando l’acquisto online in un rituale piacevole quanto bere un buon caffè.

Ottimizzazione Backend

L’uso massiccio di ACF e CPT ha reso il backend estremamente intuitivo per il cliente. L’inserimento di nuovi prodotti o eventi è guidato da maschere personalizzate, riducendo il rischio di errori e garantendo che il design del frontend rimanga coerente indipendentemente da chi inserisce i contenuti.

Risultati Ottenuti

Il nuovo e-commerce ha trasformato la presenza digitale de Il Manovale. La facilità di navigazione e le guide all’acquisto (macinatura) hanno aumentato il tasso di conversione. La struttura tecnica solida permette al brand di gestire autonomamente la narrazione e la vendita, consolidando il suo posizionamento di eccellenza.

The post Il Manovale appeared first on Mauro Di Marino.