DisMoi

Redesign Website

DisMoi

Redesign Website
Dismoi homepage redesign screens
  • Équipe
  • Antonin Juillard, Gabriel Piquet, Hugo Barbier
  • Rôle
  • UX/UI designer
  • Durée
  • 10 jours

Contexte

DisMoi permet aux internautes de s’informer et s’entraider directement sur les pages qu’ils visitent. Il se présente sous la forme d'une extension navigateur, qui affiche un message lors de la visite d'une page si l'extension est bien activée et téléchargée.

Challenge

Interviews

Nous avons commencé par choisir deux personnes à interviewer qui pourrait potentiellement être intéressé par l'extension DisMoi, qui serait la cible de cette extension pour nous aider à relever différent besoins/attentes du service en question.

Verbatims

De par ces différentes interviews, nous avons pu relever certains verbatims qui ont retenu notre attention.

dismoi verbatims

Nous avions déjà quelques idées sur ce que l'on devait se focaliser, notamment sur le sujet de la protection des données et de la crédibilité des contributeurs. Les interviews nous ont bien confirmé que ce sont des sujets qui comptent pour se fier à l'extension.

Persona

Nous avons donc pu réaliser un persona, qui reprend un maximum de caractéristiques des interviewés et qui deviendra l’utilisateur type de notre solution.

dismoi persona

Zoning et wireframes haute fidélité

Nous nous sommes lancé sur le zoning et les wireframes pour définir l'organisation globale de nos pages , les structurer et tester nos idées. Nous avons surtout incorporer une mascotte, qui ressemble au robot d'Android pour illustrer un peu plus le ton et l'ambiance générale du site.

dismoi zoningdismoi wireframes

Design System

dismoi design system

Maquettes

Finalisation de la conception UI. On s'est surtout inspiré du neumorphisme pour nos Call-To-Action.

dismoi homepage redesigndismoi contributeurs page redesigndismoi à propos page redesigndismoi contribuer page redesign