Istruzione · imparare l'inglese

Lingua Life

lingualife.onlineWordPress FSEGutenbergGitHub ActionsDDEV
8

giorni dall'approvazione al lancio

3

ambienti: dev, staging, prod

5★

recensione del cliente su Fiverr

100

Lighthouse SEO

01Da dove è partito il cliente

Lingua Life è un brand ucraino di flashcard e kit didattici per l'inglese: carte, giochi e kit per il lavoro, per i bambini e per la pratica quotidiana. Il fondatore è arrivato su Fiverr con un design Figma pronto (desktop e mobile) e un brief dettagliato.

  • Un sito WordPress leggero, senza Elementor e senza licenze annuali a pagamento
  • Tutto modificabile dal pannello: testi, prezzi, foto, recensioni, articoli
  • Codice sul GitHub del cliente, una copia locale, un ambiente di staging e aggiornamenti sicuri
  • Una base per future landing page dei singoli prodotti
  • Nessuna supposizione tacita: ogni decisione poco chiara concordata per iscritto
Altre schermate
02Design → sito

Ho trasferito il design Figma sul sito blocco per blocco e controllato ogni sezione su desktop e mobile. Font, colori, spaziature e pulsanti sono esattamente come li ha disegnati il designer.

Design Figma
Design Figma
Sito online
Sito online
03Com'è andata
  1. 29.09

    Analisi e proposta

    Ho esaminato tutto il design e il brief, inviato tutte le domande in un unico messaggio e proposto 3 tappe a prezzo fisso.

  2. 02.10

    Tappa 1: le basi

    Staging protetto da password, deploy automatico da GitHub, header, menu mobile, footer e apertura. Approvata il giorno dopo.

  3. 03.10

    Tappa 2: home page

    Tutte le 7 sezioni, gallerie dei prodotti, recensioni scritte, con foto e video, un modello di landing page.

  4. 05.10

    Tappa 3: blog e il resto

    Blog con ricerca istantanea, pagina articolo con indice e articoli correlati, pagine legali, 404, SEO, cache.

  5. 06.10

    Lancio e consegna

    Sito online su lingualife.online, video e guida PDF, archivio del progetto.

04Tre ambienti: modifiche senza rischi

Il titolare non tocca il codice e non può rompere il sito online: ogni modifica passa dallo staging e arriva in produzione solo dopo il suo «sì».

computerDev

Una copia del sito sul computer per modifiche e verifiche.

stagingStaging

Sito di prova protetto da password. Ogni modifica da GitHub arriva qui in automatico; qui il titolare modifica i contenuti.

lingualife.onlineProd

Il sito online. Non ci arriva nulla senza approvazione e backup.

Non si cancella nulla e ogni aggiornamento del sito online parte da un backup.

Se serve, il sito si può gestire anche tramite un assistente IA: mostra cosa cambierà e lo pubblica solo dopo un «sì».

05Il titolare gestisce tutto

Il tema è fatto con i blocchi standard di WordPress, quindi l'editor somiglia al sito e non a un modulo pieno di campi.

Modifica della home page in WordPress
Ogni sezione della home page si modifica direttamente nell'editor
Aggiunta di una recensione dal pannello
Le recensioni hanno una sezione dedicata: aggiungerne una richiede un minuto
Libreria di blocchi pronti
Blocchi pronti per nuove pagine e landing page
  • Recensioni scritte, con foto e video senza codice
  • Un solo campo imposta il link Telegram per tutti i pulsanti
  • Titolo e descrizione SEO per ogni pagina
  • Il sito funziona anche con JavaScript disattivato
06Formazione e consegna

Ho registrato un video su come gestire il sito e preparato una guida PDF, così il titolare non dipende da uno sviluppatore per le attività di ogni giorno.

Fotogramma dal video guida del sito
Video «Come gestire il sito», 25 minuti con indice dei capitoli
Copertina della guida PDF
Una guida PDF di 38 pagine
Pagina della guida con screenshot annotato
Ogni passaggio con uno screenshot annotato
  • Un archivio del progetto con il codice e tutta la cronologia delle modifiche
  • Tutti gli accessi in un unico file, inviato tramite link privato
  • 30 giorni di correzioni gratuite dopo il lancio
07Cosa ho proposto dopo

Ordini, risposte e recensioni si gestiscono ancora a mano su Telegram. Ho registrato un video a parte e preparato una presentazione su cosa si può automatizzare.

  • Un assistente IA sul sito che risponde alle domande e raccoglie contatti
  • Un CRM con i contatti e le statistiche del sito
  • Etichette di spedizione Nova Poshta automatiche
  • Un report settimanale con IA su vendite e contatti
  • Richieste automatiche di recensione dopo l'acquisto

È una proposta per la fase successiva, non fa parte di questo progetto.

Frame from the automation video
Automation video and deck
08Recensione del cliente
★★★★★

«Lavorare con Yura è stata un'ottima esperienza. Il suo lavoro è stato eccezionale, rapido e oltre le mie aspettative. Apprezzo la grande attenzione ai dettagli, la proattività e la disponibilità. Non vedo l'ora di lavorare ancora con lui nei miei prossimi progetti!»

Lingua Life · 🇺🇦 Ucraina · Fiverr

Il problema

Un brand di flashcard e kit didattici per l'inglese voleva un sito leggero, realizzato da un design Figma già pronto, che il titolare potesse modificare da solo, con un ambiente di staging e aggiornamenti sicuri.

Cosa ho realizzato

Ho creato un tema WordPress a blocchi su misura, senza page builder, fedele a Figma, con tre ambienti (copia locale, staging, produzione), deploy automatico da GitHub e aggiornamenti del sito online solo dopo l'approvazione del titolare. L'ho messo online con un backup completo e ho consegnato un video, una guida PDF e l'archivio completo del progetto.

Risultato

Il sito è andato online su lingualife.online 8 giorni dopo l'approvazione, il titolare gestisce i contenuti da solo e il cliente ha lasciato una recensione a 5★: «oltre le mie aspettative».

Ti serve un sito per la tua attività?

Calcola il costo in 30 secondi o scrivimi, e ti rispondo con prezzo e tempi.

TelegramChiedi un preventivo