Éducation · apprentissage de l'anglais

Lingua Life

lingualife.onlineWordPress FSEGutenbergGitHub ActionsDDEV
8

jours entre la validation et la mise en ligne

3

environnements : dev, staging, prod

5★

avis client sur Fiverr

100

Lighthouse SEO

01Le point de départ du client

Lingua Life est une marque ukrainienne de cartes et de kits pour apprendre l'anglais : cartes, jeux et kits pour le travail, les enfants et la pratique au quotidien. Le fondateur est venu sur Fiverr avec une maquette Figma terminée (ordinateur et mobile) et un brief détaillé.

  • Un site WordPress léger, sans Elementor ni licences payantes annuelles
  • Tout modifiable dans l'admin : textes, prix, photos, avis, articles
  • Le code sur le GitHub du client, une copie locale, un environnement de test et des mises à jour sans risque
  • Une base pour de futures landing pages par produit
  • Aucune supposition en silence : chaque point flou validé par écrit
Plus d'écrans
02Maquette → site

J'ai transposé la maquette Figma sur le site bloc par bloc et vérifié chaque section sur ordinateur et sur mobile. Polices, couleurs, espacements et boutons sont exactement comme le designer les a dessinés.

Maquette Figma
Maquette Figma
Site en ligne
Site en ligne
03Le déroulement
  1. 29.09

    Audit et proposition

    J'ai étudié toute la maquette et le brief, envoyé toutes les questions en un seul message et proposé 3 étapes à prix fixe.

  2. 02.10

    Étape 1 : les fondations

    Staging protégé par mot de passe, déploiement automatique depuis GitHub, en-tête, menu mobile, pied de page et premier écran. Validé le lendemain.

  3. 03.10

    Étape 2 : la page d'accueil

    Les 7 sections, les galeries de produits, les avis texte, photo et vidéo, un modèle de landing page.

  4. 05.10

    Étape 3 : le blog et le reste

    Blog avec recherche instantanée, page d'article avec sommaire et articles liés, pages légales, 404, SEO, mise en cache.

  5. 06.10

    Mise en ligne et remise

    Site en ligne sur lingualife.online, vidéo et guide PDF, archive du projet.

04Trois environnements : des modifications sans risque

Le propriétaire ne touche pas au code et ne peut pas casser le site en ligne : chaque modification passe par le staging et n'arrive en production qu'après son « oui ».

ordinateurDev

Une copie du site sur l'ordinateur pour les modifications et les vérifications.

stagingStaging

Site de test protégé par mot de passe. Chaque modification depuis GitHub y arrive automatiquement ; c'est ici que le propriétaire modifie le contenu.

lingualife.onlineProd

Le site en ligne. Rien n'y arrive sans validation ni sauvegarde.

Rien n'est supprimé, et chaque mise à jour en ligne commence par une sauvegarde.

Si besoin, le site peut aussi être géré via un assistant IA : il montre ce qui va changer et ne l'applique qu'après un « oui ».

05Le propriétaire gère tout

Le thème est construit avec les blocs WordPress standard : l'éditeur ressemble au site, pas à un formulaire rempli de champs.

Modification de la page d'accueil dans WordPress
Chaque section de la page d'accueil se modifie directement dans l'éditeur
Ajout d'un avis dans l'admin
Les avis ont leur propre rubrique : en ajouter un prend une minute
Bibliothèque de blocs prêts à l'emploi
Des blocs prêts à l'emploi pour de nouvelles pages et landing pages
  • Avis texte, photo et vidéo sans code
  • Un seul champ définit le lien Telegram de tous les boutons
  • Titre et description SEO pour chaque page
  • Le site fonctionne même avec JavaScript désactivé
06Formation et remise

J'ai enregistré une vidéo sur la gestion du site et préparé un guide PDF, pour que le propriétaire ne dépende pas d'un développeur au quotidien.

Image extraite du guide vidéo du site
Vidéo « Comment gérer le site », 25 min avec chapitres
Couverture du guide PDF
Un guide PDF de 38 pages
Page du guide avec capture annotée
Chaque étape avec une capture annotée
  • Une archive du projet avec le code et tout l'historique des modifications
  • Tous les accès dans un seul fichier, envoyé par lien privé
  • 30 jours de corrections gratuites après la mise en ligne
07Ce que j'ai proposé ensuite

Les commandes, les réponses et les avis sont encore gérés à la main dans Telegram. J'ai enregistré une vidéo et préparé une présentation à part sur ce qui peut être automatisé.

  • Un assistant IA sur le site qui répond aux questions et collecte les demandes
  • Un CRM avec les demandes et les statistiques du site
  • Bordereaux d'expédition Nova Poshta automatiques
  • Un rapport IA hebdomadaire sur les ventes et les demandes
  • Demandes d'avis automatiques après achat

C'est une proposition pour l'étape suivante, pas une partie de ce projet.

Frame from the automation video
Automation video and deck
08Avis du client
★★★★★

« Travailler avec Yura a été une excellente expérience. Son travail était exceptionnel, rapide et au-delà de mes attentes. J'apprécie son grand souci du détail, sa proactivité et sa serviabilité. J'ai hâte de travailler à nouveau avec lui sur mes futurs projets ! »

Lingua Life · 🇺🇦 Ukraine · Fiverr

Le problème

Une marque de cartes et de kits pour apprendre l'anglais avait besoin d'un site léger, réalisé à partir d'une maquette Figma terminée, que le propriétaire peut modifier lui-même, avec un environnement de test et des mises à jour sans risque.

Ce que j'ai réalisé

J'ai créé un thème WordPress à blocs sur mesure, sans constructeur de pages, fidèle à Figma, avec trois environnements (copie locale, staging, production), un déploiement automatique depuis GitHub et des mises à jour en ligne uniquement après validation du propriétaire. Mise en ligne avec une sauvegarde complète, puis remise d'une vidéo, d'un guide PDF et de l'archive complète du projet.

Résultat

Le site est en ligne sur lingualife.online 8 jours après validation, le propriétaire gère le contenu lui-même, et le client a laissé un avis 5★ : « au-delà de mes attentes ».

Besoin d'un site pour votre entreprise ?

Estimez le coût en 30 secondes ou écrivez-moi, je vous réponds avec un prix et un délai.

TelegramDemander un devis