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 de jardinage.
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 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 pour aider 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 backend, en travaillant environ 1 semaine et demie au développement de la partie serveur du site. J’ai réfléchi à la structure de la base de données et aux tables utiles 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 vérifiant bien à ce que les données soient correctement enregistrées en base. J’ai aussi mis en place un système proposant des pseudonymes alternatifs lorsque celui qu'on a choisi était déjà utilisé.
J’ai ensuite intégré une carte intéractive permettant de voir les différents jardins disponibles. Les utilisateurs peuvent cliquer sur les marqueurs pour afficher les informations liées à chaque jardin, et la page se met automatiquement à défiler jusqu’au jardin sélectionné.
J’ai aussi participé à la mise en place de l’interface d’administration dans la page "Admin", en créant les bases nécessaires pour permettre aux administrateurs de gérer les jardins, les utilisateurs et les réservations.
J’ai travaillé sur la page de contact, en mettant en place l’envoi de mails. J’ai réutilisé un code que j'avais fait dans un autre projet.
En tant que cheffe de projet, je demandais à chaque membre d'écrire ses avancées quotidiennes dans le WordPress que nous utilisions pour présenter notre agence. Je vérifiais que le planning soit respecté et j’apportais mon aide en cas de difficulté.
Côté graphisme, j'ai utilisé la moodboard déjà créée pour le logo afin de respecter l’identité visuelle de notre site. J’ai dessiné l’ensemble des illustrations du site (sauf le logo) comme les petits personnages avec une plante sur la tête, inspirés de nains de jardin et de leur chapeu en triangle. J’ai choisi un style simple pour garder une interface moderne et éviter de la surcharger, surtout à cause des couleurs déjà très flashy.
Et enfin, je me suis occupée de toutes les maquettes sur Figma, pour mobile et ordinateur. J’ai choisi un agencement simple, à la fois pour que ce soit facile à utiliser et parce que le projet avait des délais assez courts. Vous pouvez voir quelques pages ci-dessous, en version PC et mobile.
Ce projet m’a appris à 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 backend et des choix visuels pour l’interface.
