Sites de produits numériques · Familles et découverte des premiers apprentissages
SmartSongs
Musique, mobile et boutique dans une même identité ludique.
Captures des sites publics · octobre 2026
- La contribution de Webility
- Site web, application mobile et boutique en ligne
- Public
- Familles et découverte des premiers apprentissages
- Type de projet
- Sites de produits numériques
Le contexte
SmartSongs réunit un site musical pour enfants, un design d’application mobile et une boutique en ligne. L’aperçu de développement applique la même identité colorée à la présentation musicale, à la section éducative illustrée et à la boutique. Le portfolio présente ces interfaces ; l’adresse du site en ligne sera ajoutée ultérieurement.
L’enjeu de présentation
Une expérience musicale pour enfants demande une identité ludique tout en aidant les adultes à comprendre l’offre éducative. L’enjeu de présentation est de relier domaines colorés, repères d’âge et expérience mobile grâce à des motifs clairs et récurrents.
Les choix de conception
Ouvrir sur une identité musicale reconnaissable
Les lettres arc-en-ciel, les actions violettes et un grand panneau de démonstration introduisent l’expérience musicale. La section éducative illustrée reprend les dégradés, les cadres arrondis et les motifs musicaux.
Intégrer la boutique au même système visuel
La boutique conserve les accents violets et les surfaces douces, tout en ajoutant recherche, filtres par catégorie et cartes produits cohérentes. Badges, prix et actions de panier occupent des positions prévisibles sur ordinateur et mobile.
Prolonger l’identité dans la présentation mobile
L’illustration de l’application reprend les surfaces arrondies et les couleurs vives, avec un accueil et des lignes de chansons répétées. Elle relie visuellement le site à l’expérience mobile prévue.
La direction visuelle
Des panneaux roses, bleus, violets et menthe organisent les domaines d’apprentissage. Les cartes arrondies, les icônes ludiques et les intitulés généreux prolongent ce ton convivial dans la présentation de l’application.
Le parcours visiteur
Le site relie découverte des chansons, présentation de l’application et boutique. La boutique propose recherche, filtres par catégorie, fiches produits, présentation des prix et boutons d’ajout au panier. La navigation par catégorie a été inspectée ; le paiement n’a pas été testé.
L’expérience proposée par le site
- Site musical et présentation éducative illustrée
- Boutique en ligne avec recherche et filtres par catégorie
- Cartes produits adaptatives et design des actions de panier
- Identité commune au site, à la boutique et à l’application mobile
Voir de plus près
Les captures présentent le site public au moment de leur réalisation. Le site en ligne peut évoluer.
Un site et une application avec une identité commune ?
Parlons d’une expérience qui relie vos contenus, votre public et votre design mobile dans un système visuel cohérent.