Les expertises Mad Makers
Des idées claires.
Des sites
qui les portent.
Une identité qui vous distingue. Un site qui rend votre offre claire. Une expérience qui donne envie de faire le prochain pas.
Trouver mon point de départIdentité & contenu
Une marque
qui se reconnaît.
Faire émerger ce qui vous rend identifiable, puis le traduire dans les mots, les images et les interfaces.
Positionnement, publics, références : le cadrage donne une direction aux choix créatifs. Typographie, couleurs, composition et ton éditorial forment ensuite un ensemble cohérent, que vos supports peuvent faire vivre.
- Cadrage & messageHiérarchie de l’offre, messages clés, structure des contenus.
- Direction artistiqueTerritoire visuel, système typographique, palette et principes de composition.
- Contenus & déclinaisonsRédaction web, sélection des visuels et formats adaptés aux supports retenus.
Vous repartez avec Une direction partagée et des éléments réutilisables, dont les formats et droits d’usage sont précisés au devis.
Design & développement web
L’envie d’explorer.
La facilité d’agir.
Votre visiteur doit comprendre où il est, ce que vous proposez et comment avancer.
Relier le fond, la forme et le fonctionnement dans une seule expérience.
Site de marque, site institutionnel, lancement d’offre ou boutique : les parcours partent des usages réels. Le design est travaillé sur mobile comme sur grand écran, puis développé pour rester lisible, réactif et administrable.
- Parcours & interfacesArborescence, maquettes, composants et appels à l’action compréhensibles.
- Développement & CMSIntégration responsive et contenus modifiables selon votre besoin d’autonomie.
- Connexions utilesRéservation, paiement, formulaires, CRM ou données : des intégrations cadrées selon le projet.
Vous repartez avec Un site testé, les accès convenus et une prise en main des contenus administrables.
Quand le mouvement sert le message
Un univers.
À vivre.
Animation, vidéo et 3D peuvent expliquer une idée, installer une atmosphère ou inviter à explorer. Leur place dépend du récit et des appareils de vos visiteurs.
Les expériences restent pensées avec une version mobile, des alternatives aux effets lourds et le respect de la réduction des animations.
Deux explorations indépendantes du studio. Elles illustrent un savoir-faire, sans affiliation avec les marques présentées.
Référencement & évolution
En ligne.
Et en mouvement.
Une mise en ligne marque le début de la vie du site. La suite se construit avec des priorités.
questions.
contenus.
indicateurs.
Des observations.
Des décisions.
Des améliorations suivies.
Aider votre offre à être trouvée, comprise et entretenue dans la durée.
Le suivi commence par l’état du site, votre marché et les données disponibles. Les actions sont hiérarchisées : corriger un frein technique, clarifier une page, développer un contenu utile ou améliorer un parcours.
- SEO technique & éditorialIndexabilité, structure, maillage interne, contenus et référencement local selon l’activité.
- Mesure & lecture des résultatsSearch Console, événements utiles et mesure d’audience selon les choix de consentement.
- Maintenance & évolutionsMises à jour, corrections et nouveaux besoins dans un périmètre de suivi défini.
Vous repartez avec Un plan d’action priorisé et des points de suivi convenus. Les positions dans les moteurs et le chiffre d’affaires ne sont pas garantis.
La qualité, jusque dans ce qui ne se voit pas
Le beau se voit.
Le soin se vérifie.
Les arbitrages techniques font partie du design : ce qui charge, ce qui répond, ce qui reste accessible et ce que vous pourrez faire évoluer.
01Performance réelle
Images adaptées, chargement progressif et animations proportionnées. Les contrôles portent sur le temps d’affichage, la réactivité et la stabilité visuelle, sur les pages et appareils définis au projet. Les mesures en conditions réelles complètent les tests quand suffisamment de données sont disponibles.
Repère : Core Web Vitals02Accessibilité dès la conception
Navigation au clavier, contrastes, structure des titres, libellés et réduction des animations entrent dans les choix de conception. Un audit complet et une démarche de conformité font l’objet d’un périmètre spécifique.
Repère : recommandations WCAG03Autonomie & transmission
Les contenus à administrer sont choisis ensemble. La livraison prévoit les accès, les éléments sources et la prise en main inclus au devis. Hébergement, abonnements et services tiers sont identifiés pour comprendre le coût de fonctionnement.
04SEO & recherche assistée par IA
Des pages accessibles aux moteurs, des informations fiables, une structure claire et des contenus qui répondent aux questions de vos publics. Ces fondamentaux restent utiles aux fonctionnalités IA de Google ; une présence dans leurs réponses ne peut pas être promise.
Repère : documentation Google SearchDans l’atelier
Votre idée.
Ses bons outils.
On choisit ensemble ce qui sert votre projet, votre budget et votre autonomie.
Partons de votre besoin- Dessiner.Figma
- Publier.WordPress
- Vendre.Shopify
- Connecter.Supabase
Et l’IA dans tout ça ?
Un appui pour explorer et prototyper. Le studio garde la direction artistique et vérifie les contenus comme le code. Les usages et les données sont convenus avec vous.
Et les sites en 3D ?
Oui, quand elle sert le propos : un objet à manipuler, une scène qui installe une atmosphère, une transition qui guide. Three.js, WebGL et GSAP, avec une version allégée sur mobile et une alternative fixe quand les animations sont réduites. Le site que vous parcourez en est un exemple.
Du premier échange à la mise en ligne
On avance.
Ensemble.
Vous voyez le projet prendre forme.
Vous validez les étapes clés.
- Le cap
On vous écoute.
Un brief, un périmètre et un calendrier partagés.
- La direction
Vous vous projetez.
Des maquettes à regarder, discuter et valider.
- Le concret
Vous essayez.
Votre site en préproduction, à parcourir pour de vrai.
- La suite
Vous prenez la main.
Le site en ligne, vos accès et une prise en main accompagnée.
Votre prochain chapitre
Où en
êtes-vous ?
Le bon périmètre commence par votre situation.
Poser les bonnes bases.
Une nouvelle activité, une nouvelle offre ou un premier site. L’enjeu : rendre votre proposition compréhensible et donner un premier point de contact crédible.
- Clarifier l’offre et les publics
- Définir une direction visuelle
- Construire les pages essentielles
Point de départ : votre activité, votre public et une date cible.
Parlons de ce projetFaire évoluer ce qui existe.
Votre site ne reflète plus votre niveau, son contenu est devenu difficile à gérer ou ses parcours manquent de clarté. On commence par comprendre ce qui mérite d’être conservé.
- Examiner le site, les contenus et les données disponibles
- Repenser les parcours et le design
- Préparer la migration et les redirections utiles
Point de départ : votre site actuel et ce qui vous freine aujourd’hui.
Parlons de ce projetInvestir là où ça compte.
Le site est en ligne. Vous souhaitez enrichir votre offre, connecter un outil ou améliorer sa visibilité. Les prochaines étapes sont choisies selon l’usage et les observations disponibles.
- Prioriser les évolutions
- Améliorer les contenus ou intégrer une fonctionnalité
- Mesurer, ajuster et entretenir
Point de départ : vos objectifs et les accès ou mesures disponibles.
Parlons de ce projetQuel budget prévoir ?
Site essentiel à 1 500 € HT, site vitrine à 2 200 € HT, identité et site ensemble à 3 200 € HT. L’identité seule est à 900 € HT et une signature interactive s’ajoute à partir de 900 € HT. Le suivi SEO local est à 350 € HT par mois, le suivi technique à 59 € HT par mois. Le devis précise ce qui est inclus et les éventuels coûts tiers.
Combien de temps faut-il ?
Un format simple peut être réalisé en 10 à 14 jours après validation des contenus. Une refonte, une boutique ou une expérience interactive nécessitent un planning adapté à leur complexité et aux validations.
Peut-on partir de l’existant ?
Oui. Une identité, un site, des contenus ou des outils déjà en place peuvent être conservés. Leur état et les accès disponibles permettent de distinguer ce qui peut être repris de ce qui demande une nouvelle base.
Que faut-il préparer pour le premier échange ?
Votre activité, vos publics, votre objectif et ce qui ne fonctionne pas aujourd’hui. Une adresse de site, quelques références, une échéance et une enveloppe indicative suffisent pour commencer. Le brief peut se construire ensemble.
Qui garde la main après la livraison ?
Vous récupérez les accès et les éléments prévus au contrat. Les contenus administrables et la prise en main sont définis en amont. Un accompagnement peut ensuite être prévu pour les mises à jour, le référencement et les nouvelles fonctionnalités.