Web app d’aide administrative
Design et interface • Développement web

Présentation
Réalisé en groupe, Octy est un projet de web app d’aide administrative, en mobile first et destinée aux jeunes. Grâce à des parcours simples expliqués étape par étape, elle les aide à mieux comprendre leurs droits et à gagner en autonomie.
- Illustrator
- InDesign
- Jira
- Astro
- Tailwind CSS
- Figma
- Photoshop
Un projet collectif réparti en 3 pôles : communication, création et développement.
Mon rôle : Création & UX/UI
MOODBOARDS 3 axes créatifs retenus et 1 anti-axe

Axe 1 - Fonctionnel
Simplification • ergonomie • accessibilité • formes géométriques

Axe 2 - Ludique
Personnalisation • gamification • personnage • univers chaleureux

Axe 3 - Pédagogique
Accompagnement • orientation • création de repères

Anti-axe - Institutionnel et infantilisant
Éviter les codes administratifs trop officiels et rigides, qui renforceraient la distance avec les jeunes. À l’inverse, un univers trop enfantin, chargé ou inspiré du gaming ferait perdre en clarté et en crédibilité au projet.
MASCOTTE Déclinée en 6 formes
Neutre
Heureux
Intelligent
Enervé
Choqué
Triste
Charte graphique Univers graphique d’Octy
Nuancier
- FFCFA5Beige
- EB6856Corail
- E44D4CRouge
- C22D2BRouge foncé
Typographies
OCTY - Comprendre pour agir
Source sans 3 - titres
Octy aide à comprendre les démarches administratives grâce à des parcours simples, expliqués étape par étape !
Inter - texte
Logotype
Guide de style

Résultat Final Maquette de l’interface

Connexion
Accéder à son espace

Accueil
Retrouver ses parcours en cours

Carte
Trouver un organisme à proximité

Cours
Comprendre une démarche simplement

Questionnaire
Tester ses connaissances


