Florilège by Sisley
Une chasse aux fleurs interactive.
Florilège est la quête interactive de votre bouquet florale parfait, et vous propose une sélection de soins Sisley uniques. Florilège by Sisley est une application designée et développée dans le cadre d’un partenariat entre Sisley et Gobelins, école de l’image.
De nos jours, la présence sur internet se fait incontournable pour une marque souhaitant cibler les jeunes. C’est devenu le lieu privilégié des marques pour prouver leur modernité et rester actuelles. Sisley Paris nous a donc invité à réfléchir sur la problématique suivante, dans le cadre d’un partenariat avec Gobelins, l’école de l’image : comment exploiter les atouts de l’outil numérique à savoir la mobilité, la captation et le partage pour s’adresser de manière ludique à leurs utilisatrices?
Discovery
— Observation
En tant que designer, mon rôle est avant tout de comprendre clairement les attentes de l’utilisateur. Afin de mieux cerner le domaine du e-commerce, ma team et moi-même nous sommes intéressés aux nouveaux usages, habitudes et attitudes du consommateur connecté en magasin, dans le cadre d’une semaine de workshop à Amsterdam. Nos observations nous ont menés à plusieurs conclusions qui nous ont aidées dans la construction de notre réflexion.
— Analyse
Sisley est une marque de cosmétique française, naturelle & responsable qui se positionne dans la grande lignée de la tradition et de l’excellence à la française dans ce domaine.
« La phyto-cosmétologie, un concept au cœur des créations Sisley, consiste à utiliser les meilleurs extraits de plantes pour obtenir le meilleur de la cosmétique. »
« Sisley a puisé son inspiration au cœur même des plantes et s’est imposé comme un des précurseurs de la photo-cosmétologie. »
Pour autant, nous avons constaté que Sisley faisait face à deux problèmes primordiaux :
— Ne possédant pas leur propre store, mais seulement des corners dans des points de vente particuliers, la marque parisienne ne possède qu’une très faible base de données sur sa clientèle. Il s’avérait donc difficile de proposer un dispositif numérique sans au préalable devoir récolter des données sur l’utilisateur.
— Sisley place son savoir-faire au coeur de la nature et de la phyto-cosmétique. Cependant, la plupart des clientes Sisley ne semblent posséder en réalité qu’une faible connaissance de la botanique et ont oublié les nombreux bienfaits dont regorgent la nature.
— Conclusion
Les objectifs étaient simples : il nous fallait créer quelque chose de ludique et de poétique, que les gens pourraient utiliser plus d’une fois. Nos conclusions permirent de dessiner deux axes à prendre en compte lors de la phase de conceptualisation:
— Une application pour en apprendre d’avantage sur la cosmétique naturelle.
— Une application qui tienne compte des besoins spécifiques de l’utilisateur en matière de soins de la peau.
Au final, ce qui caractérise avant-tout Sisley, ce sont les plantes. Alors, pourquoi ne pas proposer aux utilisatrices une petite balade dans la nature. La problématique derrière : Comment faire découvrir de manière personnalisé l’univers Sisley par la symbolique des fleurs et la valorisation de leur bienfaits naturels à travers un dispositif interactif ?
Le concept de Florilège
Nous avons donc conçu Florilège : une quête photographique interactive de votre bouquet floral parfait.
Un bouquet correspondant à une sélection personnalisée de soins Sisley, il nous a fallu concevoir le tableau de réponses et l’arbre de choix. Un vrai travail de conception et de réflexion ! Mais rien n’est impossible et nous avons su trouver les bonnes corrélations entre les bonnes questions / réponses et les bons produits sur une selection réduite afin de valider notre prototype. Le cheminement est plutôt simple : la couleur & l’humeur nous indique 1 vertu laquelle étant reliée à une fleur et les besoins nous permettent de corréler avec les bons produits correspondant à la fleur. La fleur reste symbolique mais les produits liés derrière correspondent eux à un véritable besoin pour l’utilisatrice.
La direction artistique
— Entre modernité et authenticité
Sisley est une marque de cosmétique de luxe française. Nous avons donc recherché la sobriété à travers une interface épurée. L’application se veut poétique et sensible. Pour cela, nous préconisons l’utilisation de références au bouquet et à l’univers floral dans chacun de nos textes. Nous avons mis l’accent sur la représentation des fleurs avec une illustration contrastante avec le reste de l’interface.
Nous avons mis en place un contraste entre modernité et authenticité, deux valeurs fortes à Sisley, à travers nos choix typographiques, en optant pour la combinaison d’une sérif épurée et d’une linéale géométrique : la Freight Sans et la Circular Pro. Outre leur extrême visibilité sur écran, ses deux typographies possèdent un grand nombres de déclinaisons ce qui permet une meilleure hiérarchisation du texte tout en gardant une belle harmonie visuelle.
Les couleurs choisies sont synonyme de sobriété, de part le beige clair, et de luxe grâce à l’utilisation d’un doré chatoyant. Seules les illustrations des fleurs possèdent une gammes colorées plus étendue.
Le nom fait quant à lui directement référence à la définition même d’un florilège; un recueil de poésies, une sélection d’oeuvres de qualité. Un florilège contient les plus beaux textes.
Pour le coté technique
L’application a été développée sous Unity en C# et fut présentée sur un iPhone 6s. Ce fut un choix avant tout pragmatique puisque nos 2 développeurs sont bien plus à l’aise en C# qu’en Objective C. La documention abondante sur Unity et le moteur 2D ont grandement facilité le processus d’intégration et les animations. De plus, l’environnement de développement est multi-platerfome. De fait, l’application peut être téléchargée via n’importe quel OS.
No Comments