La Maison des Ateliers — Site de marque
01
Brief & intentions
Client : La Maison des Ateliers
Création d’un site corporate combinant institutionnel et vitrine de l’offre. Charte graphique fournie par l’agence Midi à 14H, que je transpose en UI responsive : création des templates desktop & mobile, consolidation des composants et homogénéisation des usages. Cibles : parcours vers les solutions clairs, conversion renforcée et socle durable (éditorial, SEO, performances).
02
Direction artistique & pipeline web
Cadrage → architecture de l’info & user flows → wireframes → mise à jour DA et UI responsive (création templates desktop & mobile, définition composants) → spécifications d’intégration (espaces, états, comportements) → handoff à Un Point C Tout (intégration, développement et optimisation) → mise en ligne.
03
Techniques (UX/UI, CMS, perfs)
UX : priorisation, micro-copies, CTA, breadcrumbs.
UI : grilles, rythmes typo, mise à jour des primitives (couleurs/typos), composants révisés, templates desktop & mobile.
Site de marque — concept
Éditorial & conversion
Nous concevons un site de marque qui articule récit et parcours utiles : un socle éditorial (qui nous sommes, valeurs, preuves) relié à des gabarits orientés action (offres, ateliers/services, prises de contact). L’UI met à jour la base graphique Midi à 14H en un design system réutilisable : styles, tokens, composants, templates desktop & mobile. Le langage visuel reste sobre et chaleureux (typographies soignées, iconographie claire, visuels traités), les micro-interactions guident sans distraire, et chaque page dispose d’un CTA lisible pour transformer la lecture en intention.
04
Résultats & usages
Le site gagne en clarté et en cohérence : les arguments sont mieux hiérarchisés, les parcours se raccourcissent et les demandes entrantes sont mieux qualifiées. Le design system facilite l’ajout de nouveaux contenus (pages, campagnes) sans réinventer. Côté technique, l’intégration (par Un Point C Tout) s’appuie sur des gabarits Gutenberg performants (images WEBP, lazy, CSS critique), une base SEO propre (balisage, JSON-LD) et des bonnes pratiques accessibilité (contrastes, focus, alternatives). Résultat : des pages lisibles, rapides et maintenables, prêtes à évoluer.
Base graphique
Développement
D.A — UX & UI
Nicolas Chevailler
Envie d'en voir un peu plus ?
Je conçois et j’anime des univers visuels : motion design & direction artistique au service du récit. Teasers, identité animée et assets DOOH pour éditeurs, institutions et communication publique. Basé à Besançon, j’opère en France/Europe. Mon approche combine conception, montage rythmique, FX et sound design pour livrer des pièces claires, cinématographiques et prêtes à diffuser.
> Communication urbaine — DOOH/MUPI> Ecm — Site corporate