Processus de création

01

Prise de connaissance

Après plusieurs années d'apprentissage, de projets encadrés et de rencontres enrichissantes, vient enfin le moment de concevoir un projet complet, en autonomie — sur 5 mois, en parallèle d'autres projets.

mockup d'un écran d'ordinateur contenant le briefing du projet

La demande est simple en apparence : concevoir et développer un prototype complet d'une interface interactive autour d'un sujet qui nous tient à cœur, et le rendre pleinement fonctionnel.

J'ai choisi de m'orienter vers une application web, accompagnée d'un site de présentation et d'une brochure explicative. Le sujet : le syndrome du côlon irritable. L'objectif est d'aider l'utilisateur à comprendre et identifier les aliments problématiques, tout en lui donnant accès à des recettes adaptées, des conseils pratiques et des témoignages.

02

Recherches

Je commence par explorer l'existant : des applications similaires existent-elles ? Sur quel sujet précis ? Pour quel public ? Et si aucune solution comparable n'existe, pourquoi ?

mockup d'un écran d'ordinateur contenant la maquette de recherche du projet

C'est justement le cas ici : les rares applications payantes disponibles se limitent à un volet strictement médical, sans réellement accompagner l'utilisateur au quotidien.

Pour construire la meilleure application possible, je réalise une enquête auprès de personnes concernées, afin de cerner leurs besoins réels plutôt que mes propres suppositions. Après plusieurs semaines de démarches, d'analyses et d'échanges, j'obtiens enfin des réponses claires aux questions "quoi" et "comment".

03

Design et prototypage

Place à la structure : je me retrouve face à une page blanche, un cahier des charges, et l'envie de créer quelque chose d'apaisant, de rassurant et d'utile. Je commence par identifier les informations essentielles à faire figurer sur chaque page, et à trouver la meilleure manière de les transmettre : être claire et intuitive, sans jamais devenir oppressante ou surchargée — un enjeu particulièrement sensible pour un public déjà confronté à une charge mentale liée à sa pathologie.

mockup d'un écran d'ordinateur contenant la maquette de wireframe du projet

Donner vie au visuel: Une fois les blocs posés, il faut rendre l'application vivante. Je la veux rassurante, simple d'usage, et pensée pour alléger la charge mentale de l'utilisateur — sans pour autant s'éloigner des codes visuels habituels de ce type d'application, pour ne pas le déstabiliser.

04

Développement et intégration

Pour développer cette application, je choisis HTML, CSS, JavaScript, PHP et phpMyAdmin. J'hésite un temps avec React Native, mais je préfère m'appuyer sur les langages avec lesquels je suis la plus à l'aise et la plus confiante — n'ayant, à ce stade, aucune connaissance de React. Un choix plus sécurisant pour tenir les délais.

mockup d'un écran d'ordinateur contenant la maquette du site

Une fois les langages choisis, je mets en place les fondations : base de données, navigation, footer. Je m'occupe ensuite du responsive, puis je vérifie la conformité du code ainsi que l'accessibilité de l'application.

05

Test et livraison

Je commence par tester l'application moi-même, afin de vérifier qu'elle répond aux contraintes techniques et de repérer d'éventuels bugs majeurs.

mockup d'un écran d'ordinateur contenant le code du site

Je la fais ensuite tester par plusieurs personnes de mon entourage, sur différents supports, systèmes d'exploitation et navigateurs, afin de couvrir un maximum de cas d'usage. Je choisis volontairement des testeurs n'ayant jamais entendu parler du projet, pour garantir une découverte honnête et sans a priori.

Les retours obtenus me permettent d'ajuster plusieurs points avant de livrer le projet et de le mettre en ligne. J'ai également pu le présenter à mes professeurs ainsi qu'à un jury externe.

06

Bilan et apprentissages

Voilà, le projet est terminé et mis en ligne. Un vrai moment de satisfaction !

mockup de la deuxième page du site

Mener ce projet à terme m'a prouvé ma capacité à être autonome, de la conception visuelle jusqu'au déploiement technique. Le respect des délais m'a obligée à prioriser les fonctionnalités essentielles de l'application, et à faire des compromis entre perfection technique et livraison du produit — un exercice qui m'a aussi permis de valider mes acquis et de mieux situer mon niveau.

Ce projet m'a permis de progresser sur certaines compétences techniques, notamment en PHP et en JavaScript. Pour ce premier projet d'envergure, j'ai dû faire quelques concessions, sur la précision du design ou la complexité de certains aspects techniques. Je retiens surtout l'organisation et le suivi de projet que j'ai mis en place, et qui ont porté ce travail jusqu'au bout.