Antoine G.

Contexte : Réalisation d’un site vitrine monopage pour Vexin Pièces Autos, garage spécialisé dans la vente de pièces automobiles.

L’objectif est de présenter l’activité, les services, les horaires et de faciliter la prise de contact, aussi bien pour les particuliers que pour les professionnels.

Fonctionnalités principales :

• Site one-page avec sections : présentation, services, marques, informations pratiques.

• Intégration d’une fenêtre pop-up “Contact” affichant :

•

o Adresse du garage,

o Carte Google Maps intégrée,

o Téléphone, horaires,

o Formulaire de contact classique (nom, email, téléphone, besoin).

• Fenêtre pop-up dédiée aux professionnels et garages avec :

o Nom de l’entreprise,

o Numéro de SIRET,

o Coordonnées complètes,

o Description du besoin.

• Envoi des deux formulaires via EmailJS (transmission directe au gérant).

• Interface responsive, lisible sur mobile, tablette et desktop.

Réalisations techniques :

• Développement du site en React + Vite pour un rendu rapide et une base moderne.

• Mise en place d’un système de modales (pop-up) pour les formulaires, sans changer de page.

• Intégration d’EmailJS pour l’envoi des messages sans backend personnalisé.

• Intégration d’un iframe Google Maps dans le pop-up de contact et en fin de page.

• Gestion des validations de champs et messages d’erreur utilisateurs.

• Mise en place d’un design sobre et professionnel adapté au secteur automobile.

Environnement technique :

React, Vite, Tailwind CSS, EmailJS, Google Maps (iframe), GitHub, hébergement sur vercel.

Contexte : Développement d’un CRM minimaliste orienté prospection commerciale, destiné aux freelances et petites entreprises.

L’objectif est de proposer un outil simple, léger et accessible, permettant de gérer la prospection sans la complexité des CRM traditionnels (HubSpot, Pipedrive).

Le projet s’appuie sur une philosophie claire :

• Import simple de contacts (CSV / Excel).

• Pipeline intuitif.

• Relances légères.

• Interface épurée.

• Automatisation non-intrusive.

• Coût réduit.

Le CRM s’intègre également à un workflow utilisant les données publiques de l’Annuaire des Entreprises (ex-Sirene).

Fonctionnalités principales :

• Import de fichiers CSV/Excel contenant des données d’entreprises.

• Prétraitement automatique : nettoyage, normalisation, détection du secteur d’activité.

• Pipeline commercial simple :

Prospects → Contactés → En attente → Client / Perdu

• Ajout, modification et suppression de prospects.

• Filtres avancés : secteur, localisation, statut, taille.

• Module de relance simple :

o Envoi d’emails via EmailJS

o Historique de contact

o Date de relance programmée

• Interface ultra minimaliste orientée productivité.

• Automatisations légères : rappels, suivi d’activité, indicateurs simples.

• Export des données et sauvegarde locale ou cloud (selon version).

Réalisations techniques :

• Développement du front-end en React + Vite pour un chargement très rapide.

• Utilisation de la librairie xlsx pour l’import et le parsing des fichiers CSV/Excel.

• Architecture interne orientée état global (React + gestion locale).

• Intégration d’EmailJS pour l’envoi d’emails de prospection personnalisés.

• Système de stockage : local storage ou backend léger (Supabase / API interne selon version).

• Construction du pipeline commercial et de la logique métier.

• Design d’une interface claire et ergonomique via Tailwind.

• Optimisation de la navigation et de l’accès rapide aux actions clés.

Environnement technique :

Contexte : Développement d’un site de référencement de romans asiatiques permettant aux lecteurs d’être redirigés vers les plateformes de traduction ou les éditeurs officiels. Novel Index sert d’intermédiaire entre les utilisateurs, les traducteurs indépendants et les équipes d’édition.

Initialement conçu en PHP/MySQL, le site a ensuite été reconstruit avec Next.js et Strapi afin d’améliorer les performances, l’extensibilité et l’expérience utilisateur.

Fonctionnalités principales :

• Espace utilisateur complet (inscription, connexion, gestion du profil).

• Système d’abonnement aux œuvres : notification des nouvelles sorties ou chapitres.

• Personnalisation du profil (avatar, présentation, préférences).

• Système de commentaires sous chaque œuvre ou fiche roman.

• Ajout d’œuvres et chapitres par les traducteurs disposant d’un site ou d’une plateforme externe.

• Redirections dynamiques vers les sites des traducteurs/éditeurs officiels.

• Catégorisation avancée (genres, types, statut, origine du roman).

• Amélioration SEO et optimisation des performances via Next.js.

• Scraping automatisé de certains sites de traduction afin de détecter les mises à jour d’œuvres (nouveaux chapitres, statuts, métadonnées).

Réalisations techniques :

• Conception et développement de la version initiale en PHP/MySQL (structure des données, back-end, front-end).

• Refonte complète en Next.js + Strapi pour bénéficier d’un CMS headless et d’une API flexible.

• Intégration du système d’authentification, permissions et rôles utilisateurs.

• Implémentation d’un module de scraping (Puppeteer / Axios + parsing/ Cron-job) pour automatiser la récupération de données sur certains sites.

• Développement d’un tableau de bord pour les traducteurs (gestion de leurs œuvres).

• Gestion des images et médias via Cloudinary.

• Déploiement continu via Vercel et gestion DNS via OVH.

Résultat : 4.5k visiteurs/mois 2024/2025