Site web · Illustration

HowTo

Imaginer un site de A à Z : j'ai conçu un réseau social éducatif où la communauté apprend tout grâce à des tutoriels qu'elle crée elle-même. Mascotte animée, identité complète, thèmes et publication communautaire.

Concept produit Site web Identité & illustration Motion UI/UX

Travail scolaire réalisé en 1 à 2 semaines dans le cadre de mon CFC de designer en média interactif au CFP Arts de Genève — projet web volontairement très ambitieux.

Univers illustré de HowTo
L'univers : mascotte & identité
Le site en défilement
La mascotte expressive
La mascotte du réseau
Système de notifications
Système de notifications communautaires
Accueil — défilement du site
Page catégories
Page guide & article
Animation de la mascotte
Animation de la mascotte
Animation de la mascotte
Animation de la mascotte
Animation de la mascotte
Marque / favicon
Pose de la mascotte
Pose de la mascotte
Pose de la mascotte
Pose de la mascotte
Pose de la mascotte
Pose de la mascotte

Le brief : imaginer un site internet, sans autre cadre. J'en ai fait un concept produit complet — un réseau social éducatif où l'on peut apprendre n'importe quoi grâce à des tutoriels créés et partagés par la communauté. Définir ce besoin d'usage avant de dessiner a guidé toutes les décisions suivantes.

La réponse créative est un système cohérent de bout en bout : une mascotte expressive et animée qui incarne l'apprentissage, une identité graphique complète, des thèmes personnalisables, des animations et un véritable système de publication communautaire. Chaque écran sert l'idée d'une communauté qui s'entraide.

C'était un projet web volontairement très ambitieux pour un travail de cours — et c'est précisément ce que je cherchais : montrer qu'à partir d'une consigne ouverte, je peux structurer une vision produit et la décliner jusqu'au moindre détail d'interface.

Retour aux projets