wireframe-conception-fonctionnelle-min

Design fonctionnel

Qu’il s’agisse d’un site web ou d’une application mobile, la conception du projet doit tenir compte de vos objectifs principaux ainsi que de la cible que vous visez. Ces informations permettent d’établir le périmètre fonctionnel de votre projet avant de se pencher sur son aspect graphique.

Concrètement, cette étape consiste à réaliser un wireframe : des maquettes en noir et blanc qui vont structurer les pages du site. L’objectif ici n’est pas de faire joli, mais bien de poser chaque fonctionnalité et contenu au bon endroit. Ce document permet de se poser les questions des contraintes techniques, de SEO, d’accessibilité, etc.

prototype-graphique-ui-design-maxine-ficheux

Maquette graphique

L’objectif : respecter votre charte graphique en tenant compte des contraintes du numérique, notamment l’accessibilité. Vous n’avez pas déjà d’identité visuelle ? C’est le moment d’en créer une ! Pour un design sur-mesure, il nous faut : 

Les éléments graphiques

  • Le logo et la palette de couleurs
  • Les typographies

La ligne éditoriale

  • Le ton employé dans la communication
  • Le champ lexical, etc.

Je conçois alors une maquette UI sur Figma en reprenant tous les écrans du wireframe dans un prototype graphique moderne et ergonomique.

reponsive-design-ux-ui-min

Des maquettes mobiles optimisées

Les utilisateurs naviguent de plus en plus sur le web via leurs smartphone. Pour se balader sur un site e-commerce, consulter leurs comptes ou bien changer d’assurance auto ; quelque soit la raison, leur navigation doit être fluide et efficace !

👉 Avec +6 ans d’expérience en agence spécialisée en applications mobiles, mes maquettes sont optimisées pour offrir la meilleure expérience utilisateur, en desktop comme en mobile.

Au delà du design