Domaine Roumier Aperçu 1
Domaine Roumier Aperçu 2
Cette réalisation décrit ma première mission en tant que Développeur Full Stack auto-entrepreneur, effectuée pour le prestigieux Domaine George Roumier entre décembre 2021 et février 2022, sur une durée de trois mois.
Le Domaine George Roumier, dont l'histoire débute en 1924 au cœur de la Côte de Nuits à Chambolle-Musigny, est une référence incontournable, réputé pour la finesse de ses vins issus d'appellations remarquables comme Bonnes-Mares ou Musigny Grand Cru. Transmis et agrandi de génération en génération, le domaine familial, aujourd'hui mené par Christophe Roumier, perpétue une philosophie centrée sur la parfaite expression du terroir.
Cette première mission en tant qu'auto-entrepreneur pour le Domaine George Roumier comportait des objectifs précis tant pour le client que pour mon propre développement professionnel et technique.
Le Domaine souhaitait avant tout se doter d'un nouveau site web vitrine qui soit perçu comme nettement plus moderne et attractif pour sa clientèle. L'accent était mis sur l'esthétique : le site devait refléter l'image d'élégance et de luxe associée au Domaine, tout en présentant une interface originale.
Au-delà de l'aspect visuel, le site devait être fonctionnel et facilement administrable par le client (via le panel d'administration prévu). Mon mandat incluait la responsabilité technique complète : non seulement la conception et le développement, mais aussi la mise en ligne effective, la configuration de l'hébergement et même les démarches pour récupérer la gestion des noms de domaine (DNS) auprès de l'ancien prestataire.
Pour ma part, cette première mission revêtait une importance particulière :
Validation de mon activité freelance : L'objectif principal était de prouver ma capacité à mener à bien un projet complet en totale autonomie, de la prise de contact initiale jusqu'à la livraison finale. Cela incluait la gestion directe de la relation client et l'atteinte de sa satisfaction complète. Obtenir une première référence client aussi prestigieuse était également un but majeur.
Montée en compétences techniques : Je visais à appliquer et consolider mes compétences sur React et Node.js dans un projet concret de bout en bout. C'était aussi l'occasion de développer une expertise en cartographie web interactive avec Leaflet, de maîtriser le processus complet de déploiement d'un site web, et d'apprendre la gestion de la base de données MongoDB associée au back-office.
Compréhension du métier : Enfin, cette mission avait pour objectif de me confronter à la réalité du freelancing afin de mieux en comprendre les rouages et les exigences.
Dans le cadre de cette mission freelance, la relation s'est établie avec un interlocuteur unique et dédié au sein du Domaine George Roumier. Il s'agissait d'un employé polyvalent qui était précédemment en charge de la communication avec l'ancien prestataire du site web.
Cette personne a été mon point de contact principal pour toute la durée du projet. C'est avec elle que je validais les attendus fonctionnels et que je communiquais sur l'avancement des travaux. Bien que je n'aie pas eu d'échanges directs avec d'autres membres du personnel ou la direction, mon contact me relayait leurs avis et retours. C'est également lui qui centralisait et me fournissait tous les contenus nécessaires (textes, photographies, informations sur les vins, etc.).
Nos échanges se faisaient principalement par email et via la plateforme Discord. Cette dernière était utilisée non seulement pour les messages instantanés et les appels, mais aussi très pratiquement pour réaliser des partages d'écran afin de présenter l'évolution du site web lors de nos points réguliers.
Pour ce projet, j'ai opté pour une stack technique basée sur JavaScript : le front-end du site vitrine a été développé avec React, tandis que le back-end servant le panel d'administration a été réalisé en Node.js. La persistance des données (contenus, informations sur les vins...) était assurée par une base de données MongoDB. La partie cartographie interactive utilisait la bibliothèque Leaflet. Le gestionnaire de paquets npm a été utilisé pour gérer les dépendances du projet.
L'ensemble de l'application (front-end et back-end) a été hébergé sur un serveur privé virtuel (VPS) fonctionnant sous Ubuntu. Pour la gestion du serveur web et des requêtes entrantes, j'ai mis en place Caddy comme reverse proxy. Le processus de l'application Node.js était quant à lui géré et maintenu actif grâce à PM2, un gestionnaire de processus pour Node.js. Dans le cadre de la mise en ligne, j'ai également pris en charge la configuration des enregistrements DNS pour le nom de domaine du client.
Pour le Domaine George Roumier, l'enjeu principal de ce nouveau site web était de renforcer son image de marque prestigieuse en ligne. Il s'agissait d'offrir une expérience visiteur améliorée et de présenter de manière claire et élégante son histoire et ses vins.
De mon côté, en tant qu'auto-entrepreneur débutant, l'enjeu était crucial : il était impératif de réussir ce premier projet pour lancer mon activité, d'obtenir une référence client de grande qualité, et de prouver mon professionnalisme et ma fiabilité en travaillant en totale autonomie.
Plusieurs risques ont été identifiés ou gérés durant cette mission :
Conformité RGPD : Le risque principal que j'avais identifié concernait la mise en conformité avec le RGPD, un domaine dans lequel je manquais de compétences spécifiques au début du projet. Le risque était donc de commettre un manquement involontaire aux obligations légales.
Gestion du travail en solo : Travailler seul pouvait présenter le risque de dispersion ou de perte de vue des objectifs. Pour pallier cela, j'ai mis en place et amélioré mon organisation personnelle au fur et à mesure du projet afin d'assurer un suivi rigoureux.
Gestion administrative : Étant ma première mission, la gestion des aspects administratifs et financiers (devis, contrat, facturation) comportait un risque d'erreur. J'ai dû faire preuve d'autonomie pour rechercher les informations nécessaires et gérer ces aspects correctement, ce qui s'est finalement bien déroulé.
Dépendance externe (DNS) : La difficulté à joindre l'ancien prestataire pour la récupération des accès DNS constituait un risque pour le planning de mise en ligne. Heureusement, le Domaine était conscient de cette situation, ce qui a permis de gérer les attentes par rapport à ce point spécifique.
La réalisation de cette mission s'est déroulée en plusieurs phases distinctes, gérées en autonomie de bout en bout.
J'ai débuté par un recueil approfondi des attentes du client, en posant des questions précises, page par page, sur les fonctionnalités et le rendu souhaités. Sur la base de ces échanges, j'ai réalisé un maquettage complet et détaillé, présentant un visuel très proche du résultat final, et non de simples wireframes. Cette approche visuelle concrète a été un facteur décisif pour convaincre le Domaine de me choisir face à d'autres propositions plus sommaires. Le design a ensuite été validé par mon contact et la direction.
Le développement de l'interface utilisateur s'est fait avec React, une technologie que je maîtrisais et qui s'est avérée adaptée. Après une brève exploration initiale d'Angular, le choix de React s'est confirmé comme étant le plus pertinent pour atteindre les objectifs fixés. L'intégration de la carte interactive a été simplifiée par l'utilisation de la bibliothèque react-leaflet, configurée pour afficher une carte de France via une API de tuiles cartographiques gratuite.
Parallèlement, j'ai développé le back-end en Node.js et l'interface du panel d'administration, en utilisant MongoDB comme base de données. Cette partie, hébergée sur le même VPS que le front-end, a été conçue de manière indépendante pour permettre au client de gérer ses contenus.
Concernant la récupération du nom de domaine, une fois le contact établi avec l'ancien prestataire, le transfert s'est effectué sans difficulté majeure vers un nouveau compte d'hébergement créé spécifiquement au nom du Domaine George Roumier. À la fin de la mission, j'ai fourni tous les identifiants de ce compte au client, lui assurant ainsi une pleine autonomie et évitant les problèmes de dépendance rencontrés précédemment.
Le déploiement a été réalisé sur un VPS Ubuntu. J'ai procédé à l'installation et à la configuration de Caddy (pour le reverse proxy et la gestion HTTPS), de MongoDB, et de PM2 pour assurer le lancement et le redémarrage automatique de l'application Node.js en cas de crash. J'ai également mis en place un système de sauvegarde automatique mensuelle de la base de données, avec une rétention d'un an, par mesure de précaution.
Avant la mise en production définitive, le client a pu tester et valider le site sur un environnement de pré-production. Une fois le site validé, j'ai formé mon contact référent à l'utilisation du panel d'administration et aux bases de la maintenance du serveur. J'ai également fourni une documentation complète (utilisateur et technique) et remis l'ensemble des accès et identifiants (VPS, compte DNS, etc.) au client.
À l'issue de la période de développement de trois mois, en février 2022, le projet a été livré avec succès. Le nouveau site web du Domaine George Roumier était entièrement fonctionnel et en ligne. Le client disposait de tous les accès nécessaires (hébergement VPS, gestion DNS, panel d'administration) et avait reçu la formation lui permettant d'être autonome pour la mise à jour des contenus et la maintenance de base.
Conformément à ce qui était prévu dans le contrat de prestation, j'ai assuré un support technique durant les trois mois qui ont suivi la mise en ligne, afin de garantir une transition fluide et de répondre aux éventuelles questions post-livraison.
Le site web réalisé correspondait parfaitement aux attentes du Domaine George Roumier à ce moment-là. Aucune évolution fonctionnelle majeure supplémentaire n'a été évoquée ou planifiée à l'issue de cette première phase de création du nouveau site vitrine.
Cette mission pour le Domaine George Roumier restera une expérience fondatrice et un grand apprentissage sur de multiples plans. L'aspect le plus significatif pour moi a été de gérer pour la première fois un client en direct, de bout en bout, en totale autonomie. Assumer la responsabilité complète du projet, depuis la phase commerciale jusqu'à la livraison et la formation, a été un défi très formateur.
J'ai pu développer ou clairement améliorer un large éventail de compétences, tant sur le plan technique que sur celui du métier de freelance. Cela inclut la prospection et la vente (où la qualité des maquettes a été décisive), la gestion administrative et financière d'une mission, la communication directe avec le client, mais aussi la mise en œuvre technique complète : développement full-stack (React, Node.js, MongoDB, Leaflet), déploiement de A à Z et maintenance serveur de base.
Cette réussite est clairement importante pour moi et pour mon avenir professionnel. Elle m'a donné confiance en ma capacité à mener des projets de manière indépendante et a renforcé mon intérêt pour le freelancing, que j'envisage potentiellement de poursuivre en parallèle d'une activité salariée. Ce fut réellement une très belle expérience, riche en enseignements.