Accéder au contenu principal

Webdesign & graphisme

Webdesign et expérience utilisateur

Des interfaces qui donnent envie et permettent d’avancer.

Trouver une information, découvrir une offre, remplir un formulaire ou accomplir une tâche : chaque interface doit aider son utilisateur à comprendre où il se trouve et ce qu’il peut faire.

Pixim conçoit les maquettes et les parcours de vos sites, applications et outils métier. Nous travaillons leur présentation et leur fonctionnement avec vous avant de passer à l’intégration ou au développement.

Site internet de Dreamsmile conçu par Pixim, affiché sur un écran d’ordinateur et un ordinateur portable

Votre projet commence par les usages

Créer ou repenser un site

Organiser les informations, rendre l’offre compréhensible et proposer des parcours cohérents avec les objectifs du site.

Concevoir une application ou un outil métier

Réfléchir aux tâches à accomplir, aux écrans nécessaires et aux interactions avant de développer les fonctionnalités.

Préparer un cahier des charges

Clarifier les besoins et les traduire en parcours et en maquettes pour faciliter les échanges avec le futur développeur.

UI et UX : deux dimensions d’une même interface

L’UI : ce que l’utilisateur voit et manipule

L’interface utilisateur, ou UI, rassemble les éléments visibles et interactifs : typographies, couleurs, boutons, champs, menus et organisation des écrans.

Nous travaillons ces éléments pour créer une présentation cohérente avec votre identité et faciliter la lecture et les interactions.

L’UX : comment l’utilisateur accomplit son objectif

L’expérience utilisateur, ou UX, concerne le parcours dans son ensemble : comprendre les informations, trouver une fonction et enchaîner les étapes nécessaires.

Nous réfléchissons à ces usages pour limiter les hésitations et organiser les écrans autour des besoins du public ou des équipes qui utiliseront l’outil.

Des premières idées aux maquettes validées

Comprendre les besoins

Nous échangeons sur votre projet, ses utilisateurs et les actions qu’ils doivent pouvoir réaliser. Pour un outil métier, nous examinons avec vous les tâches et les informations nécessaires à chaque étape.

Organiser les parcours

Nous définissons les écrans ou les pages utiles, leur rôle et les passages entre eux. Cette réflexion permet de donner une structure au projet avant de détailler sa présentation.

Concevoir les maquettes

Nous traduisons cette organisation en maquettes : hiérarchie des contenus, disposition des éléments, navigation et direction graphique.

Les maquettes permettent de discuter concrètement de l’interface avant son intégration.

Ajuster avec vous

Nous présentons les propositions et les faisons évoluer à partir des échanges. Les étapes de validation permettent de préciser les choix et de préparer la suite du projet.

Préparer le développement

Les maquettes et les informations convenues peuvent servir de base à l’intégration, au développement ou à un cahier des charges.

Nous pouvons intervenir sur cette phase seule, y compris lorsque le développement est confié à un autre prestataire. Les livrables et les modalités de transmission sont définis dans la proposition.

Concevoir un outil, c’est aussi penser son utilisation

Un outil métier doit tenir compte de la manière dont les équipes travaillent : informations à consulter, actions courantes, étapes à suivre et situations particulières.

Avant de développer, les maquettes permettent de confronter les besoins à une proposition d’interface. Elles rendent les échanges plus concrets et aident à préciser le cahier des charges.

Les questions que nous nous posons, quel que soit le projet

  • Quelle tâche l’utilisateur cherche-t-il à accomplir ?
  • De quelles informations a-t-il besoin ?
  • Quelles actions doivent être immédiatement visibles ?
  • Que doit-il comprendre après chaque action ?
  • Comment revenir sur une étape ou corriger une saisie ?

Des interfaces conçues par Pixim

Avaé — une application pour la location de vélos

Projet réalisé précédemment — application aujourd’hui hors service.

Pixim a réalisé une application liée à la gestion de location de vélos à Saumur pour Avaé. Ce projet illustre notre travail sur une interface au service d’une activité métier.

London Fizz — webdesign et animations

Le site London Fizz illustre une approche graphique où les animations participent à la présentation de l’univers de la marque.

Pour ce bar à cocktails saumurois à l’univers néo-british, Pixim a conçu un site sur mesure : une palette mêlant doré, noir, vert et blanc avec des détails effervescents, des animations légères, une vidéo en arrière-plan à l’ouverture du site et des formulaires de demande de devis.

De la conception à la réalisation

Une fois les maquettes validées, notre équipe peut prendre en charge l’intégration et le développement de votre projet.

Nous pouvons également travailler les contenus, l’identité visuelle et les images pour assurer une cohérence entre votre interface et votre communication.

Quelques questions avant de commencer

Pouvez-vous concevoir les maquettes sans développer le projet ?
Oui. Cette prestation peut être réalisée seule pour préparer un cahier des charges ou transmettre une base de conception à un autre développeur.
Travaillez-vous aussi sur des applications et des outils métier ?
Oui. Nous pouvons réfléchir aux parcours et aux interfaces d’une application ou d’un outil métier, à partir des tâches et des besoins de ses utilisateurs.
Les maquettes sont-elles validées avant l’intégration ?
Oui. Nous les présentons et les ajustons avec vous avant de préparer l’intégration ou le développement prévu dans le projet.
Pouvez-vous partir de notre identité visuelle ?
Oui. Vos couleurs, vos typographies et vos codes graphiques servent de base à la conception de l’interface.
Quels livrables recevons-nous ?
Les maquettes, les écrans concernés et les éléments de transmission sont précisés dans la proposition selon les besoins du projet et du prestataire chargé du développement.

Donnons une forme claire à votre projet.

Un site à repenser, une application à concevoir ou un cahier des charges à préparer ? Échangeons sur les usages et les interfaces à construire.