Sharedreams
Ce projet, réalisé en collaboration avec deux camarades, avait pour objectif de créer une application web mobile où les utilisateurs pouvaient recenser leurs rêves dans un journal personnel et les partager avec leurs amis. Parmi les fonctionnalités, on retrouvait également la possibilité d'échanger avec une intelligence artificielle pour interpréter et mieux comprendre ses rêves, ainsi qu'un système de messagerie pour discuter avec ses amis. J'ai été responsable de la création de la maquette de l'application ainsi que du développement web. Voici les différentes étapes du design présentées à travers les images fournies.
Inspiration
Pour commencer, nous avons rassemblé plusieurs inspirations visuelles afin de définir le style de l'application. Nous avons exploré des palettes de couleurs douces et apaisantes, des interfaces fluides, et des visuels orientés vers le thème des rêves, de l'espace, et de la nuit. Ces inspirations visaient à créer une ambiance immersive et sereine, qui pourrait facilement transporter l'utilisateur dans un univers onirique, tout en restant moderne et intuitif. Les images sélectionnées nous ont permis d’établir les fondations esthétiques du projet, en ciblant un design capable de représenter l’univers des rêves.
Moodboard
Le moodboard que nous avons créé illustre l’univers que nous souhaitions donner à l’application. Il rassemble des éléments comme des couleurs pastels (violet, bleu, rose), des textures douces, et des éléments visuels représentant des nuages, des planètes, et des paysages imaginaires. Ces images véhiculent une sensation de tranquillité, d’évasion, et de rêve, exactement ce que nous voulions que l’utilisateur ressente lorsqu’il navigue sur l’application. L'idée était de marier des éléments du quotidien avec des touches fantastiques, pour inviter l'utilisateur à explorer et à s'évader.
Guide de Style
Le guide de style de l'application a été conçu pour assurer la cohérence graphique sur toutes les interfaces. Il contient les palettes de couleurs, les typographies, et les icônes utilisés dans l'application. Nous avons opté pour une combinaison de couleurs vives et apaisantes, telles que des nuances de violet, de bleu, et des teintes orangées pour créer des contrastes harmonieux. La typographie choisie est moderne, facile à lire, et contribue à l’aspect accueillant de l'application. Les icônes, quant à elles, sont simplifiées et ludiques, représentant des éléments liés au sommeil et aux rêves pour renforcer l'immersion de l’utilisateur.
Maquette Finale
Enfin, la maquette de l’application web illustre la structure et les interactions que nous souhaitions proposer aux utilisateurs. Elle montre les différentes pages et fonctionnalités, comme l’écran d’accueil, l’inscription, le journal des rêves, les discussions avec l’IA, et le système de messagerie. Chaque élément de la maquette a été pensé pour offrir une expérience fluide et intuitive, avec une navigation simple et des visuels attrayants qui guident naturellement l’utilisateur. L’utilisation de couleurs douces et des animations subtiles vise à immerger les utilisateurs dans un espace calme, propice à la réflexion et à la rêverie.
