Vai al contenuto
Valerio Varvaglione

Ciao, sono Valerio

Siti WordPress che reggono nel tempo.

Web developer in un’agenzia a Taranto. Lavoro tra frontend, temi WordPress custom, WooCommerce e automazioni che collegano il sito agli strumenti che gli stanno intorno.

Illustrazione di Valerio Varvaglione

Lavoro tra WordPress, frontend e performance, per costruire siti dove design, codice e contenuti funzionano insieme.

  • 05 progetti nel portfolio, dal tema al checkout
  • 2023 l’anno in cui entro in agenzia come web developer
  • 11 strumenti nello stack di tutti i giorni, elencati qui sotto

Con cosa lavoro.

Quelli che uso davvero, progetto dopo progetto.

Sviluppo

  • HTML Struttura prima di tutto. Semantica, non file pieni di div.
  • CSS Grid, custom properties e niente framework addosso.
  • JavaScript Vanilla finché basta. Di solito basta.
  • PHP Quello che sta sotto a ogni tema WordPress fatto a mano.

WordPress

  • WordPress Temi scritti da zero, mai template comprati e adattati.
  • ACF Campi che chi scrive i contenuti capisce senza manuale.

E-commerce

  • WooCommerce Cataloghi, varianti e checkout che non perdono ordini.

Automazioni

  • n8n Il collante fra gli strumenti che non si parlano fra loro.
  • GitHub Repository e Actions: online si va da un commit, non da un FTP.

Design & Motion

  • GSAP Animazioni legate allo scroll, dove servono a capire qualcosa.
  • Three.js WebGL quando un oggetto va girato invece che guardato: il modello qui sopra è suo.

Metodo

Le cose che curo, sempre.

Non sono servizi separati: sono cinque aspetti che tengo sotto controllo in ogni progetto.

  • Contrasto, focus, tastiera, gerarchie e struttura semantica entrano nel progetto fin dall’inizio, non come controllo finale.

    Nel concreto

    • contrasto
    • tastiera
    • focus
    • semantica
  • Prima chiarisco cosa deve fare una pagina, poi costruisco gerarchie, navigazione e interazioni intorno a quell’obiettivo.

    Nel concreto

    • gerarchie
    • navigazione
    • chiarezza
    • interazioni
  • Ottimizzo asset e codice durante lo sviluppo, così la parte visiva non diventa il motivo per cui il sito è lento.

    Nel concreto

    • immagini
    • font
    • script
    • motion
  • Componenti, spacing, tipografia e motion vengono costruiti intorno al progetto invece di adattare il progetto a un template.

    Nel concreto

    • componenti
    • tipografia
    • spacing
    • coerenza
  • Semantica, metadata, URL e architettura vengono impostati in modo che la tecnica non remi contro contenuti e indicizzazione.

    Nel concreto

    • markup
    • metadata
    • URL
    • struttura

Qualcosa che ho costruito.

  • Automazione & AI

    Un’automazione n8n che legge la posta, la classifica con l’AI e prepara le risposte in bozza.

  • WooCommerce

    Un plugin WordPress scritto da zero per gestire promo multi-sede, coupon e link tracciati, collegato al CRM.

  • E-commerce

    Un e-commerce dal taglio editoriale, costruito per dare spazio al prodotto senza perdere velocità e chiarezza.

  • E-commerce

    Redesign e sviluppo e-commerce per una storica torrefazione palermitana, tra heritage, prodotto e un’esperienza d’acquisto contemporanea.

  • WordPress

    Esperienza web interattiva ispirata al linguaggio visivo di Apple, realizzata con React, GSAP e Three.js.

Schermata desktop di Flowy

Automazione & AI

Flowy

Un’automazione n8n che legge la posta, la classifica con l’AI e prepara le risposte in bozza.

Il progetto

Flowy nasce attorno a un problema molto concreto: quando un processo passa tra strumenti, messaggi e attività manuali, capire cosa sta succedendo diventa più difficile del lavoro stesso. Il progetto mette ordine in quel flusso e porta in primo piano le azioni davvero utili.

L’interfaccia è stata pensata per essere chiara prima ancora che ricca: gerarchie nette, componenti riutilizzabili e un linguaggio visivo capace di accompagnare automazioni e stati senza trasformare ogni schermata in un pannello tecnico.

Sul lato sviluppo il focus resta sulla modularità: struttura WordPress, frontend e integrazioni possono evolvere senza dover ridisegnare ogni volta l’esperienza. L’obiettivo è un prodotto che resti comprensibile anche quando cresce.

Cosa ho curato

  • Controllo di Gmail ogni 5 minuti, con filtro di newsletter e no-reply
  • Classificazione con GPT-4o-mini in JSON strutturato
  • Estrazione di azienda, contatto, valore e scadenze
  • Archivio delle email analizzate su Airtable
  • Bozza di risposta creata nel thread di Gmail
  • Notifica WhatsApp per lead, preventivi e urgenze
  • Fallback se la risposta dell’AI non è valida
Anno
2026

Stack

  • OpenAI API
Placeholder Screenshot completo del sito Inserire qui una schermata desktop full-page del progetto.
Responsive Versione mobile Inserire qui uno screen responsive mobile.

WooCommerce

FitExpress

Un plugin WordPress scritto da zero per gestire promo multi-sede, coupon e link tracciati, collegato al CRM.

Il progetto

FitExpress richiede un’esperienza digitale capace di tenere insieme contenuti, servizi e acquisto senza far percepire all’utente la complessità che c’è dietro. Il lavoro parte quindi dalla struttura: percorsi chiari, componenti coerenti e un e-commerce integrato nel linguaggio del sito.

La parte WordPress e WooCommerce è stata trattata come un sistema unico, non come due blocchi separati. Template, dati e flussi sono organizzati per rendere più semplice sia la navigazione sul front-end sia la gestione quotidiana del progetto.

Performance e manutenibilità restano centrali: immagini, query, componenti e script vengono tenuti sotto controllo per evitare che la crescita dei contenuti renda l’esperienza più lenta o fragile nel tempo.

Cosa ho curato

  • Quattro tipi di promo: percentuale, importo fisso, prezzo finale, prova gratuita
  • Coupon WooCommerce e link tracciati generati in automatico per ogni sede
  • Validità per date e fasce orarie, con priorità fra promo
  • Canale call center separato, con link dedicati e attribuzione degli ordini
  • Dashboard con utilizzi, sconto concesso e vendite per canale
  • Lead e ordini inviati al CRM via webhook, senza duplicati
Anno
2025

Stack

  • WP-CLI
Placeholder Screenshot completo del sito Inserire qui una schermata desktop full-page del progetto.
Responsive Versione mobile Inserire qui uno screen responsive mobile.

E-commerce

Pizzeria dai!bro

Un e-commerce dal taglio editoriale, costruito per dare spazio al prodotto senza perdere velocità e chiarezza.

Il progetto

Per Pizzeria dai!bro il sito deve fare due cose insieme: trasmettere il carattere del brand e accompagnare rapidamente verso il prodotto. La direzione visiva lavora quindi con immagini molto presenti, tipografia decisa e una gerarchia semplice, evitando di trasformare l’esperienza in un catalogo anonimo.

La struttura e-commerce mantiene il percorso di acquisto leggibile anche quando la parte editoriale diventa protagonista. Navigazione, schede prodotto e call to action restano riconoscibili, mentre il visual conserva il ritmo più vicino a una rivista che a un tema WooCommerce standard.

Il risultato è un impianto flessibile: contenuti e prodotti possono cambiare senza perdere coerenza, e le scelte di frontend restano orientate a responsive, accessibilità e performance.

Cosa ho curato

  • Direzione visuale editoriale
  • WooCommerce integrato nel design
  • Gerarchie e call to action responsive
  • Ottimizzazione immagini e performance frontend
Anno
2025

Stack

  • Elementor
Placeholder Screenshot completo del sito Inserire qui una schermata desktop full-page del progetto.
Responsive Versione mobile Inserire qui uno screen responsive mobile.

E-commerce

Ideal Caffè Stagnitta

Redesign e sviluppo e-commerce per una storica torrefazione palermitana, tra heritage, prodotto e un’esperienza d’acquisto contemporanea.

Il progetto

Redesign e sviluppo dell’e-commerce di Ideal Caffè Stagnitta, storica torrefazione palermitana attiva dal 1922. Il progetto reinterpreta un’identità con oltre un secolo di storia attraverso un’esperienza digitale più contemporanea, valorizzando il racconto del brand, la lavorazione artigianale e il catalogo prodotti. Lo shop è sviluppato su WordPress e WooCommerce, con particolare attenzione alla navigazione, alla presentazione delle diverse miscele e formati, all’esperienza responsive e alla conversione.

 

Ruolo
Web design, sviluppo frontend e WooCommerce
Cliente
Ideal Caffè Stagnitta
Anno
2026

Stack

Placeholder Screenshot completo del sito Inserire qui una schermata desktop full-page del progetto.
Responsive Versione mobile Inserire qui uno screen responsive mobile.

Apple Interactive Experience

Esperienza web interattiva ispirata al linguaggio visivo di Apple, realizzata con React, GSAP e Three.js.

Il progetto

Esperienza web interattiva ispirata al linguaggio visivo di Apple, realizzata con React, GSAP e Three.js. Il progetto esplora l’integrazione tra sviluppo frontend, animazioni avanzate e contenuti 3D, con transizioni fluide, sezioni animate allo scroll e una forte attenzione alla qualità dell’esperienza utente. Un progetto pensato per sperimentare motion design, interazioni immersive e performance in un’interfaccia moderna e responsive.

Anno
2024

Stack

Codice, cura e un punto di vista personale.

Sono Valerio, web developer con base a Taranto.

Lavoro tra frontend, temi WordPress custom, WooCommerce e automazioni. Mi interessa costruire siti chiari, veloci e facili da gestire nel tempo.

Esperienza

  1. 2023 - oggi

    Web Developer

    Mediabrand

  2. Parallelamente

    Collaborazioni selezionate

    WordPress, WooCommerce, frontend, automazioni