UX et UI Design

UX et UI Design

Spécialiste en UX, UI et web design depuis 9 ans, nous concevons des plateformes orientées utilisateurs pour le web et le mobile.

L’agence bluedrop.fr est composé d’experts Drupal mais également d’un directeur artistique, Ryad Karar, spécialiste dans la conception et dans le web design d’interfaces digitales depuis 9 ans, et d'une équipe de développeurs front-end qui l'assistent.

Présentation

Nos principes de web design

  • La simplicité  des interfaces : la simplicité de prise en main et de lecture sont des exigences primordiales dans notre conception ergonomique et artistique.
  • L’expérience utilisateur accentuée : nous estimons qu’atteindre l’interlocuteur ciblé passe par un effort de d’humanisation et de personnalisation de l’identité des pages et des contenus proposés.
  • La qualité de navigation : la clarté de l’information doit permettre une navigation intuitive pour une expérience utilisateur de qualité, et ce malgré la richesse des contenus. 
  • La mobilité et le Responsive Design : nous estimons que l’adaptation des plateformes sur différentes tailles d’interfaces est indispensable pour assurer une expérience de navigation optimale. Pour cela, nous concevons toutes nos projets avec un theming responsive.

Nos styles

  • Flat design : utile pour améliorer la lisibilité, le flat design est un design graphique minimaliste.
  • Material design : ensemble de règles de design proposant une page sur une grille, des animations et des effets de profondeur par l’éclairage et l’ombre.
  • Fluid/ Fullscreen : permet de prévoir un web design adapté automatiquement  à toutes les résolutions.
  • Design off-canvas : facilite la navigation sur un site web depuis un terminal mobile en affichant prioritairement le contenu.
  • UX design : anticipation des contraintes techniques pour placer l’utilisateur au centre des préoccupations.
  • SVG et Retina : le format SVG propose une image vectorielle et dimensionnable à volonté.
Méthodologie

1) Planification

Collecte des informations et ressources nécessaires
Liste définitive des maquettes à réaliser
Analyse des besoins

Outils utilisés : Redmine

2) Conception

Wireframing (si nécessaire)
Design
Guide de style

Outils utilisés: Moqups, Sketch

3) Retours

Retours client
Validation client

Outils utilisés: Invision

4) Suivi

Passage du design au développement
UI Animation*
Contrôle-qualité/conformité en continu

Outils utilisés: Inspect, Zeplin

Nos outils

Pour la conception IU, UX et web design, nos outils de prédilection sont Invision et Moqups.

Invision est un service en ligne qui permet de créer des maquettes graphiques cliquables à partir de copies d’écrans avec la possibilité de les partager de les commenter. Excellent outil de conception et de collaboration, Invision permet de gérer nos projets de web design, en allant de la maquette jusqu’à l’intégration.

Moqups permet de créer des maquettes ergonomiques et des prototypes IU design. Tout comme Invision, cet outil de collaborer et de commenter les travaux. Moqups est pertinent pour la conception et la création d’une navigation orientée utilisateur optimisée.

Demande de documentation / Devis