
Conception et développement d’Octy, une application web pédagogique de micro-learning pour accompagner les 18-29 ans dans leur autonomie administrative.
Contexte
Octy est un projet académique et personnel développé dans le cadre du BUT MMI. Le constat de départ : les jeunes adultes (18-29 ans) se retrouvent souvent démunis face aux démarches administratives — CAF, APL, impôts, droits locataires — sans disposer d’un outil adapté à leur mode de consommation de l’information. Octy propose une réponse concrète : des micro-modules pédagogiques accessibles sur mobile, pensés pour expliquer sans infantiliser.
Slogan : « Comprendre pour agir. »
Positionnement : Un traducteur du système administratif, pas un guichet.
Objectifs
- Rendre les démarches administratives compréhensibles pour un public jeune
- Concevoir une expérience mobile-first avec une navigation par situations de vie (logement, aides, santé, impôts)
- Produire des parcours pédagogiques complets avec quiz et checklists
- Développer un socle technique performant et évolutif
Réalisation
Recherche UX
Le projet a démarré par une phase de recherche approfondie : construction de personas, guides d’entretien utilisateur, questionnaires structurés autour de trois hypothèses (préférences de contenu, efficacité des parcours guidés, barrières de vocabulaire). Cette phase a permis de valider l’approche par situations de vie plutôt que par type de démarche.
Design & contenu
Maquettage complet sur Figma en mobile-first. Quatre parcours pédagogiques ont été produits : CAF (comprendre et s’inscrire), APL (simuler et demander), méthodologie administrative (aborder une démarche inconnue), et budget locataire (anticiper ses charges). Chaque parcours intègre des micro-modules, des quiz de validation et des checklists d’action. Travail parallèle sur le SEO, le copywriting de la landing page et l’analyse concurrentielle.
Développement
Stack technique : Astro + Tailwind CSS en front-end, PocketBase en back-end, déployé sur un VPS Debian avec Apache et certificat SSL. L’architecture a été pensée pour être légère, rapide et facile à maintenir — avec une perspective d’évolution vers un modèle B2B2C.
Résultat
Octy est un projet structurant qui m’a permis de travailler l’ensemble de la chaîne de production — de la recherche utilisateur au déploiement technique. Le cadrage académique (MCD/MPD, SWOT, DEEPLIST, 4P) a renforcé la rigueur méthodologique, tandis que la production concrète (maquettes, code, contenu) a confirmé la faisabilité du concept. Le projet reste actif et continue d’évoluer.
Compétences mobilisées
Outils
Figma, VS Code, PocketBase, Apache, Git
Technologies
Astro, Tailwind CSS, HTML/CSS, JavaScript, PocketBase, VPS Debian, SSL
Méthodes
Recherche UX, personas, SWOT, DEEPLIST, 4P, micro-learning, mobile-first, SEO
