Octy - Comprendre pour agir | Antonin Seichepine

CadreProjet scolaire - SAE204, BUT MMI

RôleChef de projet (équipe réorganisée à 2 en cours de route)

LivrablesIdentité de marque, wireframes, maquettes UI, landing page, web app

DateJanvier - Juin 2026

Le brief

Face à l'administration, trop de jeunes décrochent. Pas par manque de volonté - par manque d'outil adapté.

37%des jeunes sont en difficulté dans leurs démarches administratives.

34%ignorent leurs droits aux aides auxquelles ils peuvent prétendre.

59%renoncent à leurs démarches face à la complexité.

Le process

Trois axes créatifs explorés sur moodboard. Un anti-axe volontairement écarté.

Axe personnalisation, ludique, gamification — Personnalisation · Ludique · Gamification - la mascotte poulpe, un ton complice.

Axe simplification, ergonomie, accessibilité — Simplification · Ergonomie · Accessibilité - formes géométriques, lisibilité.

Axe accompagnement, repères, orientation — Accompagnement · Repères · Orientation - guider pas à pas dans le parcours.

Écarté

Anti-axe

La direction qu'on ne voulait surtout pas.

Institutionnel, infantilisant, gaming criard : un ton qui aurait éloigné les jeunes au lieu de les accompagner. Posé noir sur blanc pour cadrer ce qu'Octy ne devait pas être.

La mascotte

Octy, un poulpe complice décliné en plusieurs humeurs pour accompagner le jeune tout au long de son parcours.

Neutre

Neutre 2

Intello

Énervé

Choqué

Triste

Charte Octy

Charte OctyL'univers Octy

Mascotte poulpe · ton complice

Nuancier

#FFCFA5Pêche

#EB6856Corail

#E44D4CRouge

#C22D2BRouge foncé

Typographie

Comprendre pour agir

Source Sans 3 - Titres

Octy accompagne les jeunes pas à pas dans leurs démarches : un ton clair, direct et complice, jamais infantilisant.

Inter - Textes

Logotype - 2 variantes

Signature - OCTY

Icône - mascotte

Construit en itérations

Wireframes → maquettes

Itérations successives des wireframes aux maquettes UI haute-fidélité.

Tests terrain

« Entretiens guérilla » auprès de jeunes pour valider les parcours.

Pilotage

Équipe réorganisée à 2 en cours de route - délais tenus malgré les imprévus.

Outils de pilotage

Jira Astro Figma Tailwind CSS Adobe

Parcours validés via des « entretiens guérilla » menés sur le terrain, directement auprès des jeunes concernés.

Le résultat

De la web app à la landing page - l'univers Octy, décliné et en ligne.

Web app Octy sur mobile - parcours guidés

Une identité complète, du logo au produit.

Marque, wireframes, maquettes UI, landing page et web app - une chaîne cohérente de bout en bout.

Aperçu en directLa landing page réelle, chargée en temps réel.

Ouvrir dans un onglet ↗

octy-landing.netlify.app

En direct

Embed en direct de octy-landing.netlify.app - si l'aperçu ne s'affiche pas, ouvrez le site dans un nouvel onglet.

✓

Délais tenus malgré les imprévus.

Équipe réorganisée à 2 en cours de route - de la recherche utilisateur à la livraison, sans décaler l'échéance.