navigate_before
navigate_next

Que puis-je faire pour vous ?

Product Design
  • UX et UI Design
    (Design d'interfaces utilisateurs)
  • Web Design
  • Mobile Design
  • SaaS interface Design
  • Mailing Design
Création de site Internet
  • Landing Page
  • E-commerce
  • Site vitrine
  • Blogs, médias...
  • Tout type de site Internet
Graphisme print
  • Branding
    (Identité de marque)
  • Logo Design
  • Illustrations
  • Charte graphique
  • Affiche / Flyer
  • Tous supports print
    (carte de visite, brochure...)
Communication
  • Slide Design
    (Powerpoint, Keynote, Canva)
  • Conseil en stratégie de
    communication visuelle
  • Création de visuelles spécifiques
    pour les réseaux sociaux
  • Réalisation & montage vidéo

Méthodologie

le brief créatif

Le travail de création graphique n’est que la traduction visuelle des objectifs de communication. D’où l’importance de bien définir dès le départ ces objectifs.

Temps 0
Ne négligez pas ce temps 0 car c’est tout ce travail de réflexion sur vos objectifs de communication et sur vos valeurs dont va découler le travail de création graphique. Un graphiste et un UI Designer ne sont pas des artistes, mais bien des artisans qui travaillent selon les contraintes propres à votre projet et bien sûr celles inhérentes au métier de designer d’interface (techniques, UX…) . Pour vous aider à vous poser les bonnes questions, est à votre disposition Vos réponses me permettront de cerner vos besoins en terme de communication et de recueillir les valeurs qui doivent émerger de votre marque et l’impression, l’émotion, le sentiment, que doivent avoir les publics cibles à son contact.

un brief doit comporter à minima :
votre univers concurrentiel (benchmark), ce qui vous différencie de ces concurrents et ceux dont vous souhaiteriez vous inspirer…
votre problématique de communication (exemple : «ma marque est perçue comme trop élitiste»)
– la promesse de votre produit/service
(ce qui pourrait être le slogan de votre marque)
les arguments qui justifient cette promesse (exemple : «scientifiquement prouvé» «livraison 24h/24»…)
les traits de caractères de votre marques si celle-ci était une personne, et ceux qui ne la définissent absolument pas
les cibles de votre marque
la charte graphique existante (si elle existe)

Création & choix de l'orientation graphique

ETAPE 1
Le choix des écrans clefs

Temps 1

Lorsque l’on souhaite repeindre son salon et que l’on en est au choix de la couleur, on ne va pas peindre tout les murs pour choisir la teinte que l’on va utiliser ! On va d’abord procéder à de petits essais, sur un seul mur. Ce ne sera que lorsque l’on se sera définitivement décidé sur le choix de la teinte que l’on se lancera dans la peinture de tous les murs du salon.

La création graphique c’est pareil !
Nous nous mettons d’abord d’accord sur 2 à 3 écrans maximum à habiller graphiquement et ce ne sera que lorsque l’on aura validé les orientations graphiques de ces «écrans-clefs» que l’on pourra commencer à habiller graphiquement tout le reste des écrans.

 
Comment choisir les écrans-clefs ?

La page d’accueil est quasi un incontournable puisqu’elle est potentiellement la page la plus vue sur un site et regroupe bon nombre de motifs graphiques
La page produit, là aussi page la plus visitée d’un site e-commerce et donc l’une des plus importantes et centrale
Quoiqu’il en soit, ces écrans-clefs doivent être définis au cas par cas en fonction du projet.

Exemple avec une application de parcours touristiques

ACCUEIL
Détail d'un parcours

Création & choix de l'orientation graphique

ETAPE 2
Validation

Temps 1
Pour passer au temps 2, vous devrez valider de façon définitive les éléments suivants :

Les effets graphiques

Souligné, ombré, bords arrondis, dégradés, effets de masques d’images, effets de filtres, hachures, coupes obliques, formes récurrentes…

Les choix de typographies

Que ce soit 1 ou 2 polices de caractères, leur choix doit être validé définitivement à cette étape

Les choix iconographiques

– Style de pictogrammes(filaires, pleins, colorés, noir & blanc…)
– choix de styles de photos d’illustrations(figuratives, abstraites, d’ambiance…)

Les choix de couleurs

Couleurs de boutons, couleurs de fond, couleurs de pictogrammes, couleurs de formes récurrentes, elle doivent toutes être validées définitivement

Déclinaison : adaptation de l'orientation graphique à tous les écrans

Lorsque tous les choix graphiques sont validés, le travail de déclinaison peut commencer.
Les choix en terme d’effets graphiques, de typographies, d’iconographie et de couleurs sont appliqués à tous les écrans restants.

Temps 2
Fin du temps 1
Validation des choix graphiques
Temps 2
Déclinaison

Retours possibles à ce stade

- taille d’éléments (hiérarchie visuelle)
- décalage de sensation / impression / sentiment avec les valeurs du brief créatif
- graisse et taille de texte
- nouvel élément graphique absent des écrans-clefs :
       - nouvelle couleur
       - nouvel effet graphique
       - nouveau style icono (photo et pictogramme)
       - nouvel élément de formulaire (liste déroulante, champ texte...)
- emplacement des éléments et ajout/suppression de fonctionnalités si pas de wireframes préalables

Retours sur devis additif :

Tous les retours impactants les écrans-clefs déjà validés :
- L’ornementation graphique
- Les choix de typographies
- L’univers iconographiques
- Les choix de couleurs

Le processus de l’UI Design & du graphisme

La méthodologie en synthèse

Vous avez des questions ?

Combien ça coûte ? Combien de temps ça prend ?

Convaincu.e ?

Vous souhaitez me parler de votre projet ?