Graphisme & création

Webdesign à Rouen : des maquettes UI/UX avant le développement

Dopamine 360 conçoit à Rouen les maquettes de vos sites et interfaces : wireframes, maquettes UI dans Figma, prototypes cliquables, puis passage propre vers WordPress et Elementor. Cette couche design précède le développement et décide si vos visiteurs comprennent et convertissent. Le travail est piloté par l'agence et réalisé avec nos webdesigners partenaires, à partir de 1 200 €.
Pôle graphisme Figma → WordPress Rouen
Nos prestations

Ce que couvre notre offre de webdesign

Maquettes de sites complets

Nous réalisons les wireframes puis les maquettes UI de chaque gabarit (accueil, pages services, contact, blog) en version desktop et mobile, ainsi qu'un prototype cliquable pour valider les parcours avant d'écrire une ligne de code.

Refonte visuelle sans tout redévelopper

Quand votre site fonctionne mais paraît daté, nous redessinons l'habillage (typographies, couleurs, espacements, blocs) en conservant la structure technique existante, notamment sous WordPress et Elementor. Vous obtenez une nouvelle image sans tout reprendre depuis le début et sans abîmer l'acquis SEO.

Design system léger pour PME

Nous constituons une bibliothèque de composants réutilisables (boutons, cartes, formulaires, bandeaux) avec ses règles d'usage, pour que vos futures pages restent cohérentes, même si elles sont créées en interne des mois plus tard.

Landing pages et interfaces

Nous concevons des pages de campagne pensées pour convertir et maquettons les écrans d'applications ou d'outils métier avant leur développement.

Création de siteSEO
Origine
Ismaël Maurey
Création de siteE-commerce
Ismaël Maurey
Bureau 112
Création de siteSEO
Bureau 112
Market-hub.ai
ApplicationCréation de siteSEO IA / GEO
Market-hub.ai
Site Bureau 112, agence d architecture à Rouen — réalisation Dopamine 360

Méthode

1. Brief et audit de l'existant

Ce que l'on doit voir en premier, le parcours qui mène au contact, la lecture sur mobile, la place des preuves : les questions importantes sont tranchées avant de dessiner.

2. Wireframes validés ensemble

La structure de chaque gabarit, en desktop et mobile, validée avant tout travail graphique.

3. Maquettes UI dans Figma

Un point d'étape par gabarit, un prototype cliquable pour valider les parcours, deux allers-retours de corrections. La hiérarchie des titres, la place du texte et la vitesse sont anticipées dès la conception, avec l'œil SEO de l'agence.

4. Intégration

Soit nos développeurs intègrent les maquettes sous WordPress/Elementor via notre agence web à Rouen, soit nous livrons le dossier Figma, organisé et annoté, à votre équipe technique.

5. Remise des fichiers de travail

Le fichier Figma complet vous est transféré, composants et styles organisés, pour le faire évoluer en interne ou avec un autre prestataire.

Nos offres

La couche design, avant le développement

Maquetter avant de développer coûte moins cher que corriger après coup. Nous proposons trois périmètres, selon la taille du site.

Maquette d'accueil
1 200 €
1 à 2 semaines
  • Wireframe puis maquette finale dans Figma
  • Versions desktop et mobile
  • Deux allers-retours de corrections
  • Prototype cliquable pour valider les parcours
  • Fichier Figma remis, réutilisable par n'importe quel développeur
Site complet
2 400 €
5 à 8 gabarits
  • Accueil, page service, contact, blog, article, portfolio
  • Composants réutilisables (boutons, cartes, formulaires)
  • États d'interaction définis : survol, focus, erreur
  • Contrastes vérifiés pour l'accessibilité
  • Passage propre vers WordPress et Elementor
Design system
3 900 €
projets qui vont grandir
  • Bibliothèque de composants documentée
  • Jetons de design : couleurs, espacements, typographies
  • Règles d'usage écrites pour vos futurs prestataires
  • Déclinaisons print et réseaux sociaux
  • Mise à jour de la bibliothèque pendant 6 mois
Site Market-hub.ai — réalisation Dopamine 360
1 200 €
la maquette d'accueil Figma, desktop
et mobile, prototype cliquable
Site Origine, poêles et cheminées à Bois-Guillaume — réalisation Dopamine 360
5 à 8
gabarits pour un site complet,
composants réutilisables
2

allers-retours de corrections
inclus sur chaque maquette

fichiers Figma remis, réutilisables par n'importe quelle équipe
4,9/5

Note Google de l'agence sur 28 avis. Bureau 112 et Market-hub.ai sont deux interfaces conçues puis mises en ligne.

FAQ

Pourquoi maquetter avant de développer ?

  • modifier une maquette Figma coûte quelques heures ; modifier un site déjà développé coûte des jours ;
  • les questions importantes se tranchent au bon moment : ce que l’on voit en premier, le parcours vers le contact, la lecture sur mobile, la place des preuves ;
  • une fois ces choix validés, le développement avance vite et droit, sans les allers-retours qui plombent les projets web ;
  • la maquette sert d’assurance qualité SEO : hiérarchie des titres, place du texte et vitesse sont anticipées dès la conception.

Web designer ou agence de webdesign à Rouen ?

Un web designer freelance convient pour une maquette isolée, si vous avez déjà un développeur. Passer par une agence change deux choses : la maquette est pensée dès le départ avec le référencement et la performance, puis intégrée par la même équipe, sans perte entre le design et le site en ligne. Chez Dopamine 360, le webdesign est réalisé par des webdesigners partenaires et piloté par l’agence ; il constitue aussi la première étape de toute refonte de site. Le webdesign seul démarre à 1 200 € ; si le développement se fait ensuite chez nous, le devis distingue le design et l’intégration.

Oui, sans difficulté. Nous livrons un dossier Figma propre (calques nommés, composants, annotations, exports), directement exploitable par n'importe quelle équipe technique. Commander le webdesign ne vous oblige pas à nous confier le développement, et notre intégration WordPress/Elementor reste une option que vous choisissez librement.
Oui, systématiquement. Le fichier de travail complet vous est transféré en fin de mission, avec les composants et les styles organisés, pour que vous puissiez le faire évoluer en interne ou avec un autre prestataire. La remise des sources est un engagement valable sur toutes nos prestations graphiques.
Oui, c'est le principe de la refonte visuelle. Nous gardons la structure technique et les contenus, redessinons l'habillage et le réintégrons gabarit par gabarit. Cette option coûte moins cher qu'une refonte complète et ne fait courir aucun risque à votre référencement existant, puisque les URL et les contenus restent en place. Nous vérifions d'abord que la base technique le permet.
Nous utilisons Figma pour les wireframes, les maquettes et les prototypes, puis WordPress et Elementor pour l'intégration quand elle nous est confiée, avec les optimisations de vitesse habituelles de l'agence (LiteSpeed). Si votre site tourne sur une autre plateforme, le design reste exploitable, car Figma est un standard que tout intégrateur sait lire.
1 200 € pour la maquette d'accueil (desktop et mobile, deux allers-retours), 2 400 € pour un site complet de 5 à 8 gabarits, 3 900 € pour un design system documenté. Les fichiers Figma vous sont remis.

Montrez-nous votre site

Envoyez l’URL de votre site actuel ou votre cahier des charges : sous 24 h ouvrées, vous recevez un premier avis franc sur ce que le design peut changer, et une fourchette de budget.