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

Prototype graphique

Puis on décline tous les écrans du wireframe dans un prototype graphique qui reflète l’univers de votre entreprise :

Les éléments graphiques

  • Le logo et la palette de couleurs
  • Les typographies
  • L’iconographie

La ligne éditoriale

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

C’est l’assurance d’un résultat 100% unique !

reponsive-design-ux-ui-min

Mobile first

De nos jours, on ne navigue pas seulement sur un ordinateur de bureau. On parle de mobilité, c’est pourquoi il est indispensable de concevoir une maquette en prenant en compte les contraintes du responsive design, et cela passe par la création de maquette en version ordinateur et mobile, parfois même en version tablette, pour offrir la meilleure expérience utilisateur, qu’importe le format.

Au delà du design