Toine
Connexion
←

CONTEXTE

Design

DATE

10/26

TAGS

UX/UI

PHP

HTML/CSS

FAIRE GAGNER DU TEMPS - OUTIL PERSONNEL DE DEVIS EN LIGNE

Ce projet est né d’un constat simple : un membre proche de ma famille perdait un temps fou à faire ses devis sur Word. Mise en page qui se décale, totaux calculés à la main, pictos qui bougent… Chaque devis été une épreuve. Mon objectif était de lui rendre ce temps, avec un outil où il suffit de remplir les informations pour que la mise en page se fasse toute seule.

Le vrai défi n’était pas technique, il était humain. L’outil devait être utilisable par quelqu’un qui n’est pas à l’aise avec l’informatique, tout en restant fidèle au devis qu’elle utilisait depuis des années. J’ai donc commencé par analyser son document d’origine, puis j’ai conçu l’interface et le parcours sur Figma : maquettes, puis wireframes pour chaque série de retours, validés avec elle avant toute ligne de code (AC24.01).

J’assume pleinement d’avoir développé ce site en vibecoding, c’est à dire en pilotant une IA pour écrire le code. Ma valeur ajoutée était ailleurs : définir le besoin, concevoir l’expérience, tester chaque fonctionnalité et arbitrer les choix. Cette méthode m’a surtout permis d’aborder des sujets que je n’aurais jamais creusés seul :

- la sécurité d’un site web : connexion par compte, inscriptions fermées, règles d’accès qui empêchent quiconque de lire des données qui ne sont pas les siennes , l’hébergement et la mise en ligne d’une application gratuite sur le long terme (AC24.06) , l’export PDF généré directement dans le navigateur, pour que l’aperçu soit exactement le fichier téléchargé.

C'est un outil concret qui répond à un vrai besoin, et la preuve qu’on peut créer quelque chose d’utile sans maîtriser chaque ligne de code, à condition de comprendre ce que l’on construit.

FAIRE GAGNER DU TEMPS - OUTIL PERSONNEL DE DEVIS EN LIGNE
FAIRE GAGNER DU TEMPS - OUTIL PERSONNEL DE DEVIS EN LIGNEFAIRE GAGNER DU TEMPS - OUTIL PERSONNEL DE DEVIS EN LIGNEFAIRE GAGNER DU TEMPS - OUTIL PERSONNEL DE DEVIS EN LIGNE
APPRENTISSAGES CRITIQUES

DÉVELOPPER

AC24.01 — Produire des pages et applications Web responsives

AC24.03 — Intégrer, produire ou développer des interactions riches ou des dispositifs interactifs

AC24.06 — Configurer une solution d'hébergement adaptée aux besoins

Premiere Pro
VS Code

VOUS AIMEREZ AUSSI

MM’INECRAFT, SERVEUR MINECRAFT POUR LES ÉTUDIANTSFlowBank - Banque en ligne fictiveSite Suzuki Moto