saporesemplice.it

Panoramica del Progetto

Sapore Semplice è un progetto editoriale digitale dedicato alla cucina genuina e consapevole. L'obiettivo era trasformare un classico blog di ricette in un'esperienza utente fluida, elegante e altamente funzionale, eliminando il "rumore" visivo tipico dei grandi portali di cucina per rimettere al centro il contenuto e la materia prima.

La Sfida

Creare una piattaforma che non fosse solo bella da vedere, ma uno strumento attivo per l'utente in cucina. Le sfide principali sono state:

1. Editorial UX: Sviluppare un layout split-screen moderno che valorizzasse la fotografia macro degli alimenti.
2. Performance Estreme: Ottimizzare il caricamento su Oxygen Builder eliminando i fastidiosi flash di contenuti non stilizzati (FOUC).
3. Utilità Reale: Implementare funzioni interattive come timer integrati e liste della spesa intelligenti.

Soluzioni Tecniche Implementate

1. Architettura Custom con Oxygen Builder

Il sito è stato interamente sviluppato evitando temi predefiniti. Ho utilizzato un approccio Code-First all'interno di Oxygen, scrivendo componenti PHP e CSS personalizzati per ogni sezione, garantendo un codice pulito e prestazioni fulminee.

2. Esperienza Utente Interattiva

• La Mia Spesa (Privacy First): Sistema di salvataggio ingredienti basato su localStorage (browser-side), che permette all'utente di creare la propria lista senza inviare dati al server, con funzione di condivisione istantanea su WhatsApp.
• Timer Intelligenti: Integrazione di trigger JavaScript all'interno dei testi di preparazione che attivano cronometri modali con avvisi visivi e sonori.
• Ricerca AJAX: Barra di ricerca istantanea ottimizzata per il reperimento immediato di ricette e ingredienti.

3. SEO & Accessibilità (A11y)

• Schema Markup Dinamico: Generatore automatico di JSON-LD Recipe per garantire a Google tutti i dati necessari (tempi, calorie, porzioni) per visualizzare le Rich Cards nei risultati di ricerca.
• Inclusività: Implementazione di standard WCAG 2.1, inclusi Skip Links per navigazione da tastiera, gestione avanzata dei Focus States e markup semantico per screen reader.

4. Ottimizzazione delle Performance

• LiteSpeed Optimization: Configurazione granulare della cache per massimizzare i punteggi Core Web Vitals (LCP/FCP).

Stack Tecnologico

• Core: WordPress + Oxygen Builder
• Data Management: Advanced Custom Fields (ACF) Pro per la gestione strutturata delle ricette.
• SEO: Rank Math SEO con Schema Markup custom.
• Frontend: PHP, CSS (Custom Grid System), JavaScript (Vanilla ES6).
• Performance: LiteSpeed Cache & WebP Image Conversion.

Il Risultato

Sapore Semplice si presenta come un magazine di alta cucina: pulito, veloce (95+ su Google PageSpeed) e profondamente utile. Una piattaforma dove la tecnologia è al servizio della semplicità, rendendo l'atto del cucinare un piacere privo di attriti digitali.