Yann Haudiquet.
Disponible · Freelance

YannHaudiquet

UI designer qui conçoit et intègre vos sites.

Identité visuelle, maquettes Figma, intégration WordPress. Un seul interlocuteur, du premier croquis du logo jusqu’à la mise en ligne.

Voir les projets ↓ Parler de votre projet
Identité

Logo & charte

Logo, déclinaisons, couleurs, typos, règles d’usage.

UI design

Maquettes Figma

Sites vitrines et applications web, page par page.

Web

WordPress

Un site que vous modifiez vous-même, sans moi.

Print & vidéo

Affiches & spots

Supports imprimés et vidéo alignés sur votre marque.

Projets
sélectionnés

Deux univers opposés, traités de A à Z : un bar sport auto sombre et nerveux, une agence de montagne claire et rassurante.

01 · Identité + site webFigma · WordPress

Pit Stop Bar

Le bar à cocktails des passionnés de sport automobile, au Mans.

Le bar diffuse les Grands Prix en direct et organise des rassemblements de voitures anciennes. J’ai construit la marque de zéro : logo, charte, carte des cocktails, puis le site complet avec réservation, menu et agenda, intégré sur WordPress.

Projet de formation · client fictif
24cocktails nommés d’après la course
4secteurs sur la carte-pneu
5pages maquettées et intégrées
5pxun seul rayon pour tout le site
Maquette de la page d’accueil du Pit Stop Bar : hero, infos pratiques, cocktails, événements, pied de page
Accueil · 1440 pxFaites défiler ↕
Carte des cocktails circulaire en forme de pneu, divisée en Signatures, Classiques, Sans alcool, Shooters

La carte tourne comme une roue

Un pneu vu de face, découpé en quatre secteurs. Chaque cocktail porte un nom de piste : Redline, Pole Position, Safety Car, Drapeau à damier. Cliquez pour l’agrandir.

Page Menu : carte-pneu, filtres par catégorie, cartes des 24 cocktails
Menu4 catégories · 24 cocktails
Page Événements : hero néon du bar, filtres Diffusions, Rasso, Soirées, calendrier en cartes datées
ÉvénementsFiltres · cartes datées
01 — VOCABULAIRE

Le langage du paddock partout

Les noms de cocktails, les intitulés des sections et même le bouton de newsletter, « Start Engine », parlent la langue des fans.

02 — CONTRASTE

Noir profond, rouge course

Le fond #130E0A plutôt qu’un noir pur garde de la chaleur. Le rouge est réservé aux actions et aux titres forts.

03 — INTÉGRATION

Des règles faciles à coder

Un rayon unique de 5 px, deux styles de bouton, des marges fixes autour du logo. Le site reste fidèle à la maquette sur WordPress.

Charte graphique Pit Stop Bar : logos, boutons, palette, typographies Falcon Sport One et Roboto
Charte graphiqueFalcon Sport One · Roboto
02 · Site de réservationFigma · HTML/CSS

Evasion.

Randonnées et ateliers à Chamonix, réservables en trois clics.

Une agence d’activités au pied du Mont-Blanc : randonnées, poterie, cuisine. J’ai conçu la charte, maquetté tout le parcours (catalogue filtrable, fiche activité, réservation, contact) puis codé le site.

Projet de formation · client fictif
3choix pour réserver : date, créneau, participants
4pages, de l’accueil au contact
48hannulation gratuite, affichée avant le paiement
1couleur pour toutes les actions
1Trouver une activité
Catalogue : recherche, filtres Randonnée, Cuisine, Ateliers, grille d’activités
Recherche et filtres par type d’activité.
2Réserver sur la fiche
Fiche de la randonnée de l’Aiguille du Midi : galerie, description, inclus, module de réservation
Module fixe : date, créneau, participants, total calculé.
3Poser une question
Page contact : formulaire, coordonnées, horaires
Formulaire, coordonnées et horaires sur une page.
Réservation

Tout se joue sans changer de page

Le total se calcule en direct (45 € × 2 = 90 €). Les créneaux complets sont barrés et désactivés.

Confiance

Rassurer avant le paiement

Note et nombre d’avis sous le titre, liste « inclus / non inclus », mention du paiement sécurisé au pied du bouton.

Couleur

Indigo pour agir, vert pour valider

L’indigo porte chaque action : réserver, filtrer, envoyer. Le vert sapin ne sert qu’à cocher ce qui est inclus.

0Page d’accueil
Accueil Evasion : titre en reflet sur un lac de montagne, expérience signature, autres activités, avis clients
L’expérience signature d’abord, puis les ateliers et les avis.
Charte graphique Evasion : Poppins, Inter, cinq couleurs, boutons

Une charte calme, pensée pour la montagne

Poppins pour les titres, Inter pour la lecture, un fond gris bleuté très clair qui laisse respirer les photos de paysage.

Comment on
travaille ensemble

  1. Étape 1

    Brief

    Votre activité, vos clients, ce que le site doit leur faire faire.

  2. Étape 2

    Identité

    Logo et charte, ou reprise de votre identité existante.

  3. Étape 3

    Maquettes

    Pages dessinées sur Figma. Plusieurs échanges afin de valider chaque étape.

  4. Étape 4

    Intégration

    Site monté sur WordPress, adapté au mobile, testé.

  5. Étape 5

    Mise en ligne

    Publication et prise en main pour modifier vos contenus seul.

Un projet en tête ?

Site vitrine, refonte, logo ou affiche : décrivez votre besoin en quelques lignes, je reviens vers vous avec une première estimation.

yannhaudiquet@gmail.com