uKoment
Ce projet est une collaboration avec la nouvelle startup : uKoment
En tant que seul designer sur le projet, j’ai travaillé sur l’Ux, le WebDesign, l’identité et les illustrations.
L’HISTOIRE :
uKoment est une webapp qui permet les commentaires granulaires sur les articles, pour des collaborations et échanges fructueux. La seule étape à faire est d’importer un url d’un article sous uKoment, et c’est parti.
Surlignez des extraits de l’article et partagez les avec vos amis ou collègues.
Ils verront le commentaire dans son contexte et pourront y réagir en rajoutant leurs propres commentaires.
LE PROJET :
Le contenu principal de l’app sont des articles et des commentaires. Le défi a été de rendre cela attirant et intéressant pour l’utilisateur. Pour réussir, outre un design élégant, nous souhaitions créer un outil innovant (paramètres de confidentialité, aperçu des commentaires, fil d’actualités, etc.)
Quand vous importez un article dans uKoment, vous créez ce que l’on appelle une « discussion ». Et l’application se divise essentiellement en deux principaux usages : à l’intérieur des discussions et autours des discussions.
1. À L’INTÉRIEUR D’UNE DISCUSSION
Lorsque vous importez un article, vous avez d’abord accès à une série de paramètres. (titre de la discussion, confidentialité, membres, etc.)
Ensuite, en sélectionnant du texte vous pouvez choisir de surligner, commenter ou partager directement.
Écrivez vos pensées dans une bulle juste à côté de texte surligné. Partagez les avec vos amis ou collègues, ils pourront les voir en contexte et réagir directement.
Nous voulions faire de la lecture et de l’ajout de commentaires, une expérience limpide et propre. Ainsi, un scroll vers le bas fait disparaître l’interface. Un simple scroll vers le haut la fait réapparaître.
2. AUTOUR DES DISCUSSIONS
Nous voulions donner à uKoment un fort aspect social, pour rendre la lecture et les commentaires plus collaboratifs et interactifs. Une série de fonctionnalités permettent ceci : inviter des amis, les taguer dans des koments ou discussions, créer des groupes de travail, etc.
Home vous donne accès à un fil d’actualité des discussions et koments de vos amis / conections. Vous pouvez choisir de voir toute l’actualité (likes, tags, koments, etc.) ou seulement les nouvelles discussions, en changer de tab.
My Page vous donner accès à votre profil et votre fil personnel. Une fonctionnalité unique à uKoment est que vous pouvez avoir un profil « work » et un profil « social ». Passer de l’un à l’autre se fait d’un simple clic. Démarrez une discussion sur les dernières actualités sportives dans l’espace « work », puis changez d’univers pour partager votre opinion sur la dernière crise pétrolière! Vous pouvez aussi avoir différentes images de profil et différents amis dans chaque univers.
Groups vous permet d’avoir un aperçu des différents groupes auxquels vous appartenez et d’en créer de nouveaux. Cette fonctionnalité à été prévu pour des groupes de travail principalement.
LANDING PAGE
UKOMENT’S IDENTITY
Le but était de créer un sigle simple qui permette de véhiculer la fonction du produit, celle de commenter.
J’ai voulu créer un univers de marque coloré et frais, tout en restant minimaliste, pour contraster avec le côté noir & blanc des contenus textes. Un des défis a été de que uKoment possède deux univers : « work » et « social ».
Pour mieux les identifier et les différencier, nous avons pris le parti de changer de couleur principale pour l’interface utilisateur lorsque l’on change d’univers. Les recherches colorées ont été réalisées pour trouver deux couleurs qui avaient assez de contraste, mais qui fonctionnaient bien ensemble, sans tomber dans les stéréotypes ou combinaisons triviales.
ILLUSTRATIONS
Pour ajouter gaieté et légèreté à l’interface, nous avons aussi réalisé des illustrations. Elles sont principalement utilisées pour les « empty states ». Une texture a également été créée à partir de ces illustrations, servant de fond subtil à certains éléments.
ICÔNES
Un ensemble d’icônes a spécialement été créé pour le projet. Celles-ci agrémentent l’expérience, tout en restant simples et minimalistes.
MERCI DE VOTRE VISITE!