Yoann Delaloy

● Maison Siranno — Site vitrine d'agence digitale · React 19 + TypeScript Conception et développement intégral du site officiel de Maison Siranno, une agence digitale positionnée sur le segment luxe-tech. Projet livré de A à Z en autonomie complète, de l'architecture technique à la mise en production sur VPS.

Ce qui a été conçu et développé :

- SPA React 19 / TypeScript sans framework de routing tiers — navigation gérée via state machine dans

App.tsx, pour un bundle léger et un contrôle total.

- Système de design UI/UX sur-mesure : identité visuelle premium (or métallique, bleu nuit, textures papier

aquarelle) via Tailwind CSS avec tokens personnalisés, dégradés multi-stops, effets verre dépoli et grain

SVG fractal.

- 25 composants React modulaires et typés : Hero animé, carrousel services avec swipe mobile natif, blog 42

articles, modales projets, graphiques Recharts, cursor personnalisé, bannière cookies RGPD, pages légales.

- Internationalisation FR / EN / ES — système i18n custom (Context API + hooks) sans librairie externe,

couvrant l'intégralité des textes statiques et dynamiques.

- Optimisation performances — SEO dynamique par page, Core Web Vitals, lazy loading, audit Lighthouse

intégré au workflow.

- Déploiement Docker + VPS — Dockerfile, Nginx, pipeline de mise en production sur yoanndelaloy.com.

- 70 commits conventionnels tracés, architecture scalable, JSDoc et revue de code niveau senior.

Client : JD Rénovation – Artisan du bâtiment

Objectif : Créer une marque forte et automatiser l’intégralité de l’écosystème numérique pour propulser la croissance.

🎨 Identité de Marque & Print

Pour assurer un positionnement premium, j'ai conçu l'image de marque de A à Z :

Design Global : Création de l'identité visuelle, de la charte graphique et des supports print (flyers) pour la prospection locale.

☁️ Infrastructure Cloud & Formation (Volet RH)

L'enjeu était de moderniser la gestion interne pour libérer du temps à l'artisan :

Environnement Cloud : Migration complète vers un écosystème numérique dématérialisé (Google Workspace).

Accompagnement sur mesure : Formation globale du client à l'utilisation de son nouvel environnement de travail.

Coaching IA : Formation à Gemini pour automatiser la rédaction administrative et la gestion quotidienne.

🌐 Écosystème Web & Performance SEO

Déploiement d'une stratégie de capture de leads massive et automatisée :

Développement Web : Création du site sur Hostinger, enrichi de code HTML/CSS personnalisé pour une interface unique et performante.

Lien du site :

Contenu & Automatisation : Production de 80 articles SEO via n8n. Automatisation de la génération de textes, d'images et de vidéos par IA.

SEO Local : Optimisation de la présence sur Google Maps et de la fiche Google Business Profile.

🤖 Marketing Automatisé

Social Media : Stratégie Facebook et Instagram avec mise en place de workflows automatisés pour valoriser les chantiers de manière autonome.

Résultat : Une entreprise "IA-Ready", une visibilité web dominante et un flux d'acquisition client 100% automatisé.

Ce projet personnel est une démonstration de force technique et stratégique, visant à créer un écosystème numérique totalement autonome et hautement performant.

🎨 Design & Branding Stratégique

Avant la phase technique, j'ai orchestré une refonte complète de mon identité :

Identité Visuelle : Création d'une charte graphique moderne et cohérente, appliquée à l'ensemble de mes supports.

Rebranding Social Media : Harmonisation de ma présence sur les réseaux pour refléter un positionnement d'expert technologique.

💻 Architecture Web & Développement Next-Gen

Mon portfolio est le cœur battant de cet écosystème, conçu pour la performance pure :

Stack Technique : Développement sous React.js pour une interface fluide et réactive.

Productivité IA : Utilisation avancée de Claude Code et Gemini CLI pour optimiser le cycle de développement et la qualité du code.

Open Source : Code source documenté et disponible sur GitHub :

Site Web : yoanndelaloy.fr

⚙️ Administration Système & Automatisation (n8n)

Je pilote l'intégralité de la chaîne de production, garantissant une indépendance technique totale :

SysAdmin : Gestion et configuration d'un VPS Hostinger dédié pour un contrôle total de l'hébergement et de la sécurité.

Growth Automation : Mise en place de workflows complexes sur n8n pour automatiser la création et la planification de 3 mois de contenu (posts, visuels, articles), libérant un temps précieux pour l'analyse stratégique.

📈 SEO & Visibilité

Optimisation Structurelle : Audit et mise en conformité SEO pour maximiser le référencement organique.

Stratégie de Contenu : Synergie entre intelligence artificielle et expertise métier pour dominer les thématiques ciblées.

Résultat : Un écosystème "IA-Ready", alliant la finesse du design, la puissance du développement moderne et l'efficacité de l'automatisation.