Revenir aux réalisations

YH Colmar

2026

Landing page de campagne pour Yves Hemedinger, candidat indépendant aux municipales 2026 de Colmar : un mini formulaire de soutien capte les contacts dès le hero et une identité graphique bleu marine, construite d'un seul tenant autour de son logo de campagne.

YH Colmar, realisation MuratDesigns
Voir le site en live
Voir le site
1
formulaire de soutien dès le premier écran
1
page qui porte tout le programme
1
identité construite autour du logo existant
Voir le site
v
voir
le site
YH Colmar, pleine 1
en bref

Le client

Yves Hemedinger, candidat indépendant aux municipales 2026 de Colmar. Vingt-cinq ans d'engagement municipal.

Le besoin

Une landing page capable d'absorber un programme dense, de mobiliser dès la première seconde et de poser l'identité.

Ce qu'on a fait

Landing page de campagne, dispositif de soutien activé dès le hero, identité construite autour du logo existant.

Le résultat

Le formulaire capture les soutiens dès le hero, le programme est lisible sans téléchargement, les médias en un clic.

YH Colmar
le point de départ

Des mandats successifs d'adjoint, de député et de conseiller régional, et un programme dense en quatre principes de méthode et dix mesures : la matière était riche, mais dispersée. Il fallait une landing page complète qui absorbe tout sans diluer, et pose l'identité graphique dès l'ouverture.

Des mandats successifs d'adjoint, de député et de conseiller régional, et un programme structuré autour de quatre principes de méthode et dix mesures concrètes pour les cent premiers jours : la matière était riche, mais dispersée entre un logo de campagne, un document PDF et une présence radio déjà entamée sur Azur FM.

Le besoin était de doter la campagne d'une landing page complète, capable d'absorber un programme dense sans le diluer, d'amorcer la mobilisation dès la première seconde, et de poser une identité graphique cohérente et durable autour d'un logo de campagne déjà existant.

YH Colmar, pleine 2
ce qu'on a construit
Pictogramme point 1

Un mini formulaire de soutien dès le hero

Le visiteur peut témoigner son soutien dès la première seconde, sans avoir à scroller jusqu'au bas de page. Une mécanique simple qui transforme le visiteur curieux en contact qualifié au moment où l'attention est maximale.

01/04
YH Colmar, construit 1
ce qu'on a construit
Pictogramme point 2

Une identité graphique construite autour d'un logo existant

Pas de charte graphique préexistante au-delà du logo. Toute la direction artistique du site a été créée pour l'occasion : palette bleu marine corporate, formes géométriques carrées, typographies modernes, hiérarchie visuelle stricte. Une identité cohérente posée d'un seul tenant.

02/04
YH Colmar, construit 2
ce qu'on a construit
Pictogramme point 3

Un programme dense rendu lisible en quelques scrolls

Quatre principes de méthode, dix mesures pour cent jours. L'enjeu était de présenter sans surcharger. Hiérarchie claire, chiffres mis en avant, scrolls rythmés par les blocs : le programme est accessible en quelques scrolls sans avoir à télécharger un PDF.

03/04
YH Colmar, construit 3
ce qu'on a construit
Pictogramme point 4

L'intégration native des médias de campagne sur une seule page

Vidéo de présentation intégrée, lien d'écoute des passages radio sur Azur FM, liens vers les interviews de presse. Le site centralise l'écosystème média de la campagne et permet aux électeurs de prolonger la découverte sans quitter l'univers du candidat.

04/04
YH Colmar, construit 4
ce qu'on a construit

05/05
YH Colmar, pleine 3
YH Colmar, pleine 4
les outils du projet
Notion

Notion

Le sitemap, les idées et les textes, posés à plat avant la maquette.

notion

Figma

Figma

Les maquettes, validées écran par écran avant le code.

figma

Webflow

Webflow

Le site, son CMS et sa mise en ligne.

webflow

ce que ça a changé

Yves Hemedinger dispose d'une landing page dense mais structurée. Le formulaire capture les contacts dès le hero, le programme se lit sans téléchargement et les médias sont accessibles en un clic.

Yves Hemedinger dispose désormais d'une landing page de campagne dense en informations mais structurée pour ne jamais perdre le visiteur. Le formulaire de soutien capture les contacts qualifiés dès le hero, le programme est lisible sans téléchargement, et les médias de campagne sont accessibles en un clic. Un outil pensé pour la durée de la campagne, qui transforme un internaute curieux en soutien identifié.

Voir le site
Mascotte MuratDesigns assise