Les dossiers de nos experts.
Guide : Les 8 étapes pour réussir la refonte de votre site web
Guide : Les 8 étapes pour réussir la refonte de votre site web
Vous souhaitez refondre ou créer votre site Internet ? Découvrez notre guide en 8 étapes clés pour créer ou refondre votre site internet !
plateforme d'une application de design
Ils nous font confiance
Contactez-nous pour plus d'informations sur ce sujet.

En quoi consiste l’UI Design ?

L’UI vient de l’acronyme anglais User Interface, ce qui signifie interface utilisateur. L’UI est souvent associée à l’UX design lors d’un projet digital, ces deux expertises sont complémentaires mais interviennent à des étapes différentes. L’UI arrive en second temps sur la conception des interfaces. Durant cette phase, nos experts designers s’occupent du design graphique de l’interface en appliquant l’identité visuelle du client afin d’apporter une touche émotionnelle au parcours. L’objectif est d’offrir un parcours intuitif, agréable et attrayant pour donner confiance aux utilisateurs et les diriger vers le contenu recherché.

Comment concevoir une bonne UI ?

Pour répondre à cet objectif, quelques critères sont à respecter. Tout d’abord, l’UI doit être claire, simple et intuitive. C'est-à-dire sans éléments superflus, pour que l’utilisateur puisse trouver rapidement ce qu’il cherche et que ce soit facile à comprendre. Elle doit aussi être cohérente sur l’ensemble des écrans et être en accord avec l’identité visuelle de l’entreprise pour ainsi conserver l’attention de l’utilisateur. 

Bien sûr, elle doit être responsive pour être utilisable sur tous les écrans. En fonction de la cible, la conception démarre sur une version mobile (mobile first) ou sur une version desktop. Et enfin, elle doit correspondre aux habitudes des utilisateurs pour ne pas les perdre durant leur parcours. Par exemple, en design digital, il existe quelques conventions liées aux usages des utilisateurs, comme le logo en haut à gauche, le panier en haut à droite ou encore les mentions légales dans le footer, etc…

Le style guide, un élément indispensable.

Pour la création d’une UI, nous utilisons des composants graphiques comme des boutons, des cards, des champs de formulaire, des styles de texte... sur l’ensemble des écrans pour garder cette cohérence graphique. Ces derniers sont rangés dans un document appelé Style Guide. Il regroupe tous les éléments graphiques utilisés sur les maquettes (couleurs, style de texte, espacement, icônes…) avec leur règle de fonctionnement. 

Cela facilite ainsi la passation au développeur. C’est d’ailleurs la raison pour laquelle nos UI designers travaillent en étroite collaboration avec nos développeurs pour faire régulièrement des points afin que le site développé soit le plus fidèle aux maquettes designées. Et du côté des designers, le Style Guide offre un véritable gain de temps, notamment en facilitant les modifications.

Notre approche UI design

Votre univers et votre marque seront mis en avant à travers nos interfaces épurées et l'effort utilisateur sera réduit grâce aux innovations technologiques que nous mettons en œuvre. Nous vous proposons de travailler en premier sur une page pilote telle que la page d’accueil de votre site, où vous pourrez découvrir le parti pris artistique du projet. Plusieurs itérations sont possibles sur cette page pilote afin que le choix de votre direction artistique soit fait ensemble. Nous prenons vos retours et traitons les corrections, répondant ainsi parfaitement à vos envies et besoins. Une fois cette première étape validée, nous déclinons l’identité visuelle retenue sur toutes les autres interfaces designées. Ce processus apporte un gain de temps et une meilleure efficacité pour le choix de la direction artistique. Bien sûr, nous mettons en place un suivi dev dès le début du projet afin que les éventuels ajustements techniques soient pris en compte directement. Cela permet de trouver rapidement des solutions aux contraintes techniques, en faisant de bons compromis entre design et développement. Ainsi chaque maquette que nous vous présentons répond aux contraintes graphiques et techniques.

Nous vous accompagnons aussi sur la direction artistique…

Pure n’est pas seulement une agence digitale, c’est également une agence spécialisée dans le design graphique. Notre équipe est composée de spécialistes de l’UX et de l’UI design ainsi que d’une directrice artistique. Ensemble, ils imagineront et concevront votre identité visuelle et vos supports de communication qu’ils soient physiques ou digitaux.

Le directeur artistique : le chef d’orchestre de votre identité visuelle.

Notre directrice artistique s’occupera particulièrement de votre image que ce soit sur votre site, vos réseaux sociaux, vos cartes de visite, ou encore vos affiches… Elle dirige toute la production car elle est garant de la cohérence visuelle. Elle va suivre le travail de ses collaborateurs comme les graphistes, illustrateurs, photographes... Son objectif est de réfléchir à la façon dont il faut mettre en scène le produit ou le service. Pour cela, elle prend en compte vos remarques et besoins, tout en apportant une dose de créativité. Elle crée ainsi l’identité de votre marque en choisissant la nature de l’image, l’ambiance, le décor, l’univers esthétique, la typographie...

Entre print et digital.

Garant de la cohérence visuelle mais aussi créatrice de cette identité visuelle, notre directrice artistique adapte son concept aux différents supports. Elle fait en sorte que l’identité visuelle respecte les contraintes du print ainsi que du digital. Pour cela, elle va avoir des processus différents pour répondre à la spécificité du projet. Pour un projet digital, il peut déjà y avoir une charte graphique à respecter. Son rôle sera alors de l’appliquer aux interfaces en l’adaptant aux contraintes du digital si cela n’est pas prévu dans la charte. Pour un projet print, il peut n’y avoir aucune charte ni même de logo. Ici son rôle sera donc de créer l’entièreté de l’identité visuelle en commençant par le logo, ainsi que la charte graphique qui l’accompagne. Cette charte va aider à maintenir la cohérence visuelle. C’est un document qui regroupe toutes les règles concernant l’utilisation de l’identité visuelle (couleurs, différentes versions du logo, mises en page, typographie…).

Notre approche DA.

Votre identité visuelle saura refléter votre personnalité unique et transmettre le bon message grâce à notre direction artistique conçue à votre écoute. Pour la création d’une identité visuelle en partant du logo, nous mettons trois designers sur le projet afin de vous proposer trois concepts différents. Cela permet d’avoir une diversité d’identité suivant le sens esthétique de chacun de ces designers. Pour la présentation de ces trois pistes, nous mettons en scène votre logo pour que vous puissiez vous projeter dans son univers graphique. Ces mises en scènes consistent à décliner le logo sur différents supports pour différentes utilisations spécifiques à votre marque comme par exemple les cartes de visites, les lettres, les signatures mails, la vitrine des locaux… Comme pour l’UI, nous fonctionnons également par itération sur cette création afin que le choix soit fait ensemble. Une fois le concept validé, nous produisons la charte graphique que vous pourrez utiliser par la suite. Notre directrice artistique garde un oeil durant toute la phase de conception et de production afin de perfectionner les propositions et d’apporter cette cohérence avec votre personnalité.

Qu’est ce qui qualifie nos experts design ?

Ils partagent des qualités communes qui font d’eux une bonne équipe. Ils sont avant tout curieux et sont donc au courant en permanence des nouvelles tendances. Du côté des UI designers, ils se tiennent au courant des nouvelles pratiques, pour apprendre en continu. Comme par exemple, se familiariser avec les méthodes de conception telles que le Material Design de Google, l’Human Interface Guideline d’Apple… Quant à notre directrice artistique, une véritable amoureuse des tendances, elle aime découvrir de nouvelles créations, perfectionnant ainsi son sens de l’esthétique et sa culture du beau. Cette veille constante, les aide pour argumenter leurs choix graphiques. 

Ils font aussi preuve de rigueur, nécessaire pour produire un travail de qualité dans des temps impartis ou appliquer les bases du graphisme, la sémantique des couleurs et de la typographie mais aussi le respect des chartes graphiques. Pour traduire ses idées, notre directrice artistique est dotée d’une facilité de conception et de mise en forme comme le dessin et/ou des outils de PAO avec la suite Adobe.

Ensemble, ils possèdent une sensibilité artistique et une bonne dose de créativité.

 

Pôle design

Notre approche pour maximiser la créativité.

Pure met un point d’honneur à ce que chaque projet reçoive le maximum de créativité de la part de notre équipe design. Dans cet objectif, nous avons mis en place des méthodologies multi-idées permettant de booster la créativité de l’ensemble de nos projets de design digital. Chez Pure nous mettons tout en œuvre pour que vous puissiez vous projeter en voyant nos propositions créatives : maquettes web animées, mise en situation de votre logo ou support de communication…