Feuilles de papier bleu superposées en angle, sur fond du même bleu.

Design web
et Branding

Résumer avec l'IA : claude chatgpt perplexity mistral
nous contacter pour cette prestation

Des interfaces pensées pour être utilisées, pas seulement admirées.

Nous dessinons des interfaces à Lyon. Chaque écran conduit votre visiteur vers une action précise et lui explique ce que vous vendez. Nous jugeons une maquette sur ce qu’elle rapporte une fois en ligne.

méthodologie

Notre approche du design

Beaucoup d’équipes ouvrent Figma avant d’avoir écrit une ligne de contenu. Elles remplissent les maquettes de Lorem Ipsum, dessinent des effets que personne n’a chiffrés côté technique et sautent l’étape des wireframes. Au moment d’intégrer, le développeur demande de tout redessiner parce que les vrais textes ne rentrent pas.

Nous vous remettons un cahier des charges avant d’ouvrir Figma : liste des pages, contenus réels, fonctionnalités, benchmarks. Maéva dessine ensuite avec les contraintes techniques d’Eric sous les yeux et vos objectifs commerciaux écrits noir sur blanc.

Nous écrivons le contenu avant de dessiner la moindre page. Maéva conçoit desktop, tablette et mobile dans le même mouvement, et vérifie l’intégration au fur et à mesure avec Eric. Vous recevez un système de composants réutilisables, que vos futures pages réemploient sans nouvelle maquette.

Notre périmètre

Un ensemble de services créatifs complet

UX design

L’UX précède le design visuel : par où votre visiteur arrive, ce qu’il cherche, et comment vous l’amenez à le trouver. Vous ne verrez pas ce travail sur la maquette finale, vous le lirez dans votre taux de rebond.

Nos services en UX design
  • Définition des personas (profils d'utilisateurs types)
  • Cartographie des parcours utilisateurs (user flows)
  • Architecture d'information : hiérarchie de contenu par page
  • Wireframes détaillés : structure et interactions, annotés
  • Spécifications fonctionnelles par composant

UI design

L’UI, c’est la couche visuelle : couleurs, typographie, espacement, composants. Maéva y transpose votre identité de marque pour l’écran et documente chaque valeur, pour qu’Eric intègre la maquette au pixel près.

Nos services en UI design
  • Définition de la direction artistique (palette, typographie, ton visuel)
  • Maquettes haute fidélité desktop, tablette et mobile
  • Design system : composants réutilisables, règles d'usage
  • Annotations techniques pour le développement

branding &
identité visuelle

Votre logo, votre palette et votre typographie décident de ce que le site peut faire ensuite. Nous créons ou refondons cette identité quand le projet le demande : logo, charte graphique, déclinaisons print et digitales, illustration sur-mesure.

Nos services en branding
  • Création ou refonte de logo
  • Charte graphique complète (couleurs, typographie, règles d'usage)
  • Déclinaisons digitales et print
  • Illustration sur-mesure
  • Systèmes d'icônes

prototypage

Un prototype interactif simule le site avant qu’Eric écrive la première ligne de code : vous cliquez, vous naviguez, vous voyez les transitions. Vos retours portent alors sur un objet que vous avez manipulé.

Grâce au prototypage
  • Les retours à cette étape coûtent 10 fois moins cher qu'en cours de développement
  • Vous validez le ressenti avant l'investissement en code

validation

Valider ensemble, toujours

Nous vous montrons un benchmark visuel avant la première maquette, pour nous mettre d’accord sur le rendu que vous attendez. Nous présentons ensuite les maquettes desktop, puis les déclinons sur les autres formats. Vous validez chaque étape avant que nous passions à la suivante.

Vous disposez de deux tours de retours. Au premier, sur les maquettes desktop, vous réagissez à la direction et nous ajustons. Au second, sur la version complète (desktop, mobile et prototype), nous affinons les détails. Au-delà, chaque tour supplémentaire fait l’objet d’un avenant, ce qui nous permet de tenir le même niveau de finition jusqu’au bout.

nous choisir

Cette prestation est faite pour vous si…

01
Vous avez besoin de maquettes pour un développement existant ou prévu
02
Vous voulez un design cohérent avec votre identité de marque, adapté au web
03
Vous n'avez pas encore d'identité visuelle et souhaitez partir sur des bases solides
04
Vous repartez de zéro et voulez un design pensé par quelqu'un qui connaît les contraintes techniques
05
Vous recherchez un designer UX/UI à Lyon capable de travailler en lien direct avec le développeur dès le cadrage
06
Vous avez des maquettes existantes qui ne correspondent pas à ce qui a été développé

FAQ

Questions fréquentes

Pourquoi ne pas commencer par les maquettes en couleur ?

Les wireframes valident la structure et le parcours sans que l’esthétique détourne l’attention. Nous corrigeons une structure bancale à ce stade, avant qu’elle nous oblige à redessiner des maquettes entières.

Incluez-vous le design mobile dans vos prestations ?

Oui, sur chaque projet : plus de la moitié du trafic web vient du mobile. Maéva conçoit des écrans propres au mobile (menus, ergonomie tactile, poids des éléments) au lieu de réduire la version desktop.

Comment se passent les échanges pendant la phase de création ?

Nous travaillons dans Figma, où vous suivez l’avancée en temps réel. Vous laissez vos commentaires sur les zones des maquettes qui vous posent question.

Le design influence-t-il la vitesse de chargement du futur site ?

Oui. Des images lourdes, des polices exotiques ou des animations gratuites ralentissent un site. Maéva connaît ces contraintes techniques et pèse chaque choix graphique contre son effet sur les Core Web Vitals.

Qu'est-ce qu'un design system, et à quoi sert-il ?

Une bibliothèque de composants réutilisables : boutons, formulaires, typographies. Vos futures pages assemblent ces composants, sans repartir de zéro ni perdre en cohérence.

Pouvez-vous travailler à partir de ma charte graphique actuelle ?

Oui. Nous adaptons votre identité aux contraintes du web : contrastes, accessibilité, lisibilité à l’écran. Si votre charte a vieilli, nous pouvons aussi la moderniser.

Que vais-je recevoir à la fin de la prestation ?

L’accès complet au fichier Figma source : maquettes haute fidélité desktop et mobile, prototype navigable, design system et spécifications techniques pour le développement. Pour le branding, vous recevez aussi les fichiers sources (AI, SVG).

Puis-je vous confier le design et faire développer le site ailleurs ?

Oui. Nous livrons des maquettes annotées et structurées : un développeur tiers les intègre sans avoir à deviner.

C'est quoi, un prototype interactif navigable ?

Un lien Figma qui simule le site : vous cliquez sur les boutons, ouvrez les menus et passez d’une page à l’autre. Vous pouvez le montrer à vos associés ou à vos investisseurs avant le début du développement.

nos autres expertises

Voir toutes nos expertises
01

stratégie

Audit, arborescence, gestion de projet. Nous cadrons votre projet avant d’ouvrir Figma ou un éditeur de code, pour que chaque décision soit justifiée.

Découvrir
Marbre noir veiné de blanc, en gros plan.
02

développement

Code sur-mesure sans page builder ni thème acheté. WordPress, Payload CMS ou Astro selon le projet. Des sites rapides, maintenables, dont vous gardez le contrôle.

Découvrir
Formes arrondies vert sombre alignées en arc sur fond noir, rendu 3D.
03

infrastructure

Hébergement haute performance, noms de domaine, configuration serveur. Nous gérons l’infrastructure pour que vous n’ayez pas à y penser.

Découvrir
Lames de métal brossé en éventail, dans une lumière rasante.