Keep in Touch

Mission UX design et UI design pour la startup grenobloise Keep in Touch.
Solution B2C et B2B de gestion d’accueil pour les agences de location et les conciergeries.
Amélioration et mise à jour de la webapp responsive existante.

Outils : Figma, suite Adobe.

« J’ai beaucoup apprécié les propositions et la réactivité de Séphora, ce qui nous a amené à prendre du recul sur nos réels besoins, pour que la solution colle le parfaitement à notre cahier des charges. »
Emmanuel Collet, président de KeepInTouch SAS

Atelier

Améliorer le parcours existant, voir le détruire pour le reconstruire ensemble avec une vision et méthodologie design centrée utilisateur.

début de wireframes(exercice crazy 8)
définition des CTA (call to action buttons)
point de vue et encadrement de designer sur le wording employé : UX wording
architecture et une hiérarchisation claire
rassemblement des besoins / pain points(blocages) utilisateurs récoltés jusque-là par le SAV
co-conception de personaes pour des interfaces qui s’adaptent à toutes et tous !

Photo de l'atelier : Deux personnes planifient et font du brainstorming.

UX Design

Suite à l’atelier de co-conception, création de wireframes mobile first sur Figma. Réalisation de premiers prototypes cliquables basses fidélités pour mieux se rendre compte des enchainement des écrans.
Itérations en réunion d’équipe afin d’obtenir une arborescence qui conviennent avant de passer à l’UI design.

Amélioration de l’arborescence sur la base de l’atelier.
Audit et review de la solution existante.
Rédaction de spécifications pour le développement.
Wireframes responsives mobile first.

UI Design

Adaptation et déclinaisons des interfaces avec le design system de Vuetify. Différentes propositions de couleurs,de formes et de pictogrammes sur des écrans phares. Après validation d’un style : déclinaison sur tous les écrans puis livraison. Dernières itérations coté client(wordings, iconographie) et c’est prêt à être développé !

Proposition d’un design d’interface cohérent, intuitif et user first.
Cohérence avec les interfaces de la partie B2B.
Design responsive de la webapp.
Proposition de palettes de couleurs adaptées au statut du logement.
Iconographie adaptée au secteur immobilier.
Itérations et reviews après le développement.

Note : Le secteur étant concurrentiel, je ne peux montrer les wireframes et l’UX / UI design de la web application et de la partie saas. Crédit images d’habillages : pixabay