Design UI/UX et identité de marque à Chypre
Nous concevons les interfaces sur lesquelles tourne un produit et l'identité à laquelle une marque est reconnue, un UI/UX fondé sur la recherche et des systèmes de marque construits pour ce marché. Les mêmes règles et la même rigueur, construites pour vous.
Nous construisons le design UI/UX et l'identité de marque comme une seule discipline à Chypre : la recherche et les systèmes d'interface pour les produits, et les règles de marque, de couleur et de typographie qui portent une marque à travers tout ce qu'elle touche. Une seule équipe porte les deux, si bien que l'interface d'un produit et l'identité d'une marque se lisent comme une même voix.
La preuve, c'est le système derrière la page que vous avez sous les yeux. Une palette utilisée avec discipline, une échelle typographique tenue à travers chaque titre et paragraphe, et un langage de composants construit pour cette marque plutôt que tiré d'un kit. La même rigueur va dans chaque interface et identité que nous concevons pour un client.
Specimen sheet for this page's own design system: a Sora type scale at 54, 40 and 16 pixels; the accent colour 52A1D1 shown as accent text on a dark chip and the body colour shown as body text on a canvas chip; and a spacing ruler at 4, 8, 12, 16 and 24 pixels. Annotated "same system, every page".
D'où vient la dette de design
La plupart des marques et des produits perdent leur design petit à petit, à travers de petites décisions prises chacune isolément : un bouton construit de trois façons différentes parce que le premier était enfoui dans les fichiers, un logo posé sur un fond avec lequel il jure, un bleu qui dérive vers cinq bleus légèrement différents au fil d'une année de captures d'écran et de présentations. Chaque choix est petit. Ensemble, ils s'accumulent.
Le coût apparaît plus tard : les nouvelles pages prennent plus de temps à livrer parce que chaque nouvelle main doit redécouvrir ce qui avait déjà été décidé, et les clients remarquent l'incohérence avant de pouvoir l'expliquer. Nous commençons par écrire les règles que la marque ou le produit possède déjà à moitié, puis construisons les parties qui manquent encore.
Interfaces, identité, et les systèmes qui tiennent les deux ensemble
Trois disciplines liées, qui travaillent le plus souvent ensemble.
Design produit & UI/UX
Interfaces pour produits web et mobiles : recherche, parcours utilisateurs et écrans conçus et testés avant qu'une seule ligne de code de production n'en dépende.
Identité de marque & création de logo
Le logo, le traitement du nom, les choix de couleur et de typographie qui rendent une marque reconnaissable, construits comme un système qu'une petite équipe peut appliquer avec constance.
Design systems
Les règles documentées derrière les deux : composants, espacements, couleur et typographie, pour qu'une décision soit prise une fois et réutilisée sur chaque nouvel écran ensuite.
De la recherche aux écrans testés
La même trame porte un projet de logo comme une refonte de produit, mise à l'échelle du brief.
- 01
Recherche
Nous étudions les utilisateurs, la marque telle qu'elle existe aujourd'hui, et le terrain sur lequel elle est en concurrence, avant de dessiner quoi que ce soit. Les hypothèses sont écrites puis vérifiées face au public réel.
- 02
Parcours
Écrans et parcours d'abord cartographiés en wireframes, pour que la structure d'un produit ou la logique d'un système d'identité soit actée avant d'avoir la moindre couleur ou typographie.
- 03
Système
L'identité ou l'interface devient un système : typographie, couleur, composants, et les règles qui le maintiennent cohérent à mesure que la marque ou le produit grandit.
- 04
Test et transfert
De vrais écrans ou applications testés en usage réel, puis les fichiers source, les polices et la documentation transférés, à vous d'exploiter.
Ce que contient vraiment un système de marque ou d'interface
Le logo visible en est la plus petite partie. Ce sont les règles derrière lui qui font qu'une marque ou un produit se ressemble encore un an plus tard.
Le logo
Un logo construit pour fonctionner à la taille d'une carte de visite comme sur un écran de stade, en une seule couleur comme en couleurs, avec l'espace de protection et la taille minimale précisés.
Typographie
Un couple de polices et une échelle, pour qu'un titre et une légende gardent toujours la même relation entre eux, sur chaque page que quiconque construira ensuite.
Couleur
Une palette avec un rôle défini pour chaque couleur, primaire, accent et neutre, appliquée de la même façon sur chaque support.
Voix & mouvement
Comment la marque sonne dans une phrase et comment une interface se meut, précisé pour que les deux restent cohérents quel que soit le membre de l'équipe qui les manie.
Le système derrière cette page en est la preuve
Regardez la page que vous lisez. Une palette tenue avec discipline à travers les surfaces sombres et claires, une échelle typographique qui tient depuis un titre de hero jusqu'à une légende, et un langage de composants dessiné pour cette marque depuis une page blanche. Nous l'avons conçu nous-mêmes, de la même façon que nous concevons pour un client.
Cela se retrouve aussi dans de plus petits détails : les cinq personas illustrés derrière les signatures de nos articles Insights partagent un même style de proportion, de couleur et d'épaisseur de trait, un petit système d'identité à part entière, construit de la même façon que la marque plus large qui l'entoure.
Cassini
Apollo
Voyager
Juno
HuygensFive bylines for our Insights blog, one shared style of proportion, colour and line weight.
Questions, réponses claires
En quoi consiste une mission de design UI/UX ou d'identité de marque ?
Elle suit la recherche, les parcours, le système, puis les écrans testés : nous apprenons à connaître les utilisateurs et la marque, cartographions la structure, construisons le système de typographie, de couleur et de composants, puis le testons et vous le transférons documenté et prêt à exploiter.
Combien de tours de révision sont inclus ?
Nous cadrons les tours de révision dans le brief avant le début du travail, pour que ce soit convenu plutôt qu'ouvert. La plupart des projets comptent deux tours de révision structurés : un sur le système, un sur les écrans ou éléments appliqués.
Serons-nous propriétaires des fichiers source ?
Oui. Les fichiers Figma, les polices (ou une licence pour les utiliser) et la documentation du design system vous appartiennent au transfert, si bien que votre propre équipe peut les ouvrir, les modifier et les étendre dès le premier jour.
Combien de temps prend un projet d'identité de marque ou de design UI/UX ?
Un logo et un système d'identité se comptent généralement en semaines. Un système UI/UX produit complet prend plus de temps, selon le nombre d'écrans et de parcours dans la portée. Nous donnons un calendrier réel une fois le brief cadré.
Que comprend un pack de marque ?
Le logo dans ses variantes, un système de couleur et de typographie, des règles d'usage, et les gabarits dont une petite équipe a besoin au quotidien, pas seulement un fichier de logo.
Pouvez-vous travailler avec une marque que nous avons déjà, ou seulement en créer de nouvelles ?
Les deux. Rafraîchir ou systématiser une marque existante est un travail courant : nous trouvons ce qui fonctionne déjà, l'écrivons sous forme de règles, et corrigeons les parties qui ont dérivé.
Est-ce différent de votre service de développement web ?
C'est une discipline distincte, et les deux vont souvent de pair sur un même projet. Cette page couvre le travail de design lui-même : recherche, interfaces et systèmes de marque. Construire et mettre en production le site ou le produit qui tourne dessus, c'est le développement web, où le design d'interface fait déjà partie de chaque construction.
Dites-nous ce qui a besoin d'un système. Apportez-nous un produit qui a besoin d'une interface, une marque qui a besoin d'un logo, ou une identité qui a dérivé depuis la présentation où elle a commencé. Nous vous montrerons le plan avant tout engagement. .
Réservez un appel ou envoyez votre brief, comme il vous convient. Nous répondons sous un jour ouvré.