Site Web Biotasis
Ce projet a été réalisé en groupe dans le cadre d’un exercice autour de la création d’un site et d’une vidéo pour une association.
Nous étions une équipe de 4 à 5 personnes et nous devions concevoir un site web ainsi qu’une vidéo pour une association qui encourage le partage et la convivialité autour du jardinage. L’objectif était de mettre en relation des personnes disposant d’espaces verts avec celles qui souhaitent jardiner sans en posséder.
Le projet avait pour but de proposer une plateforme simple et accessible, facilitant la mise en relation entre les utilisateurs, tout en transmettant les valeurs de l’association : entraide, convivialité et lien social autour du jardinage.
J’ai eu plusieurs rôles dans ce projet, ce qui m’a permis de participer à la fois à l’organisation, à la conception et au développement.
J’ai d’abord travaillé en tant que développeuse back-end, en consacrant environ une semaine et demie au développement de la partie serveur du site. J’ai notamment réfléchi à la structure de la base de données et aux tables nécessaires pour gérer les utilisateurs, les jardins et les réservations.
J’ai développé les fonctionnalités de connexion, déconnexion et inscription des utilisateurs, en veillant à ce que les données soient correctement enregistrées en base. J’ai également mis en place un système proposant des pseudonymes alternatifs lorsque celui choisi était déjà utilisé.
J’ai ensuite intégré une carte interactive permettant de visualiser les différents jardins disponibles. Les utilisateurs peuvent cliquer sur des marqueurs pour afficher les informations liées à chaque jardin, et la page se met automatiquement à défiler jusqu’au jardin sélectionné. J’ai codé seule la page « jardin », qui affiche la liste des jardins avec une description détaillée et une carte interactive associée.
J’ai aussi participé à la mise en place de l’interface d’administration, en créant les bases nécessaires pour permettre aux administrateurs de gérer les jardins, les utilisateurs et les réservations de manière plus intuitive.
J’ai également travaillé sur la page de contact, en mettant en place un système d’envoi d’e-mails. J’ai adapté et réutilisé du code provenant d’un autre projet, ce qui m’a permis de gagner du temps tout en assurant un fonctionnement fiable.
En tant que cheffe de projet, je demandais à chaque membre de l’équipe de renseigner ses avancées quotidiennes dans le WordPress que nous utilisions pour présenter notre agence. Je m’assurais que le planning soit respecté et j’apportais mon aide en cas de difficulté, ce qui m’a amenée à intervenir sur plusieurs aspects du projet.
Côté graphisme, je me suis appuyée sur la moodboard déjà créée pour le logo afin de rester cohérente avec l’identité visuelle. J’ai imaginé et réalisé l’ensemble des illustrations du site (sauf le logo), notamment de petits personnages avec une plante sur la tête, inspirés de nains de jardin. J’ai choisi de faire un style simple afin de rester moderne et de ne pas surcharger l’interface.
Enfin, je me suis occupée de toutes les maquettes sur Figma, en version mobile et ordinateur. J’ai choisi un agencement simple pour faciliter la prise en main par l’utilisateur, mais aussi en raison du délai assez court imposé par le projet.
Ce projet m’a permis de découvrir ce que ça implique de gérer un projet tout en restant impliquée techniquement et créativement.
Il m’a appris à mieux m’organiser, à communiquer avec une équipe et à m’adapter lorsque les choses ne se passent pas comme prévu. Le fait d’avoir plusieurs rôles m’a obligée à jongler entre une vision globale du projet, des contraintes techniques liées au développement back-end et des choix visuels pour l’interface.
