BlueMind UI/UX

BlueMind est une solution de messagerie collaborative, alternative éprouvée à Exchange, Google Apps ou Domino. Face au succès et au fort développement du logiciel Open Source français, la messagerie collaborative ainsi que les autres applications (Agenda, Contacts, Tâches, etc.) est repensée dans son entièreté en 2019 pour se doter d’un design spécifique.
Formo assure encore aujourd’hui la mission de design, UI et UX auprès de l’éditeur, en mode studio intégré.

étape 1
Designer le noyau de l’application

L’objectif de BlueMind : bâtir une alternative souveraine aux solutions hégémoniques étrangères, tout en suscitant l’adhésion des utilisateurs. L’email étant l’outil de communication le plus utilisé en entreprise et par tout le monde, les habitudes des utilisateurs imposent de travailler dans le sens des usages existants pour une ergonomie optimale.

Dans ce contexte, les objectifs étaient donc : concevoir un outil ergonomique, permettant de profiter des nombreuses fonctionnalités tout en se dotant d’une identité et d’un style guide propre et original.

étape 2
Maquetter les features

À partir des cas d’usage (user story), chaque fonctionnalité va implémenter le design ; de nouvelles maquettes viennent enrichir l’application et son style guide. Ex : “Je veux attacher un tag à un e-mail”, “Je veux pouvoir drag-n-dropper plusieurs e-mails”…

projet Bluemind fonctionnalites
projet Bluemind exemple-de-feature-fichier-volumineux
projet Bluemind politique des marque non lu 1
projet Bluemind politique des marque non lu 2
projet Bluemind politique des marque non lu 3
projet Bluemind politique des marque non lu 4

étape 3
Points UX :
travail itératif

Les maquettes sont présentées en réunion qui regroupent les différentes équipes : le design, les développeurs front-end et la direction. Les maquettes sont testées, les workflows prototypés, puis retravaillés jusqu’à la validation.
Pour en savoir plus, BlueMind a publié un article détaillant le processus d’amélioration de l’expérience utilisateur.

reunion-pointUX-bluemind-Formo
projet Bluemind couleurs-contraste
Projet BlueMind tests-couleurs-agenda

Enrichir le contenu

Divers créations pour renforcer l’image de marque, la satisfaction utilisateur et la reconnaissance du produit.

projet Bluemind icons
projet Bluemind illustrations
projet Bluemind Illustrations-dark-theme
projet Bluemind loading spinner

Étendre la suite collaborative

À partir du Styleguide, le travail se décline pour chaque nouvel environnement : Agenda, Contacts, Tâches, Drive, outil d’administration, etc.