Aller au contenu principal

Clients réels2026

Sites pour commerçants locaux

Création et refonte de sites vitrines pour deux commerces de Saint-Herblain.

Étude de cas en coursSites pas encore publiés
Contexte
Clients réels — commerces du bourg de Saint-Herblain
Rôle
Prospection, échanges avec les clients, conception UX/UI, développement, mise en ligne
Durée
En parallèle de mes études
Outils
Figma, React, Vite, Claude Code, Netlify
Les deux sites sur deux ordinateurs portables côte à côte : à gauche l'accueil de RepairPC44, « Pourquoi jeter quand on peut réparer ? », sur fond bleu nuit ; à droite celui d'Art'Cad Tatouage, son logo néon doré sur fond noir. Projet UX/UI d'Anakin Ponton.

Le contexte

En parallèle de mes études, je suis allé à la rencontre des commerces du bourg de Saint-Herblain qui n'avaient pas de site, ou un site qui ne les représentait plus. L'idée était simple : proposer à des indépendants une présence en ligne claire, rapide et pensée pour leurs clients, sans les lourdeurs d'une agence. Deux commerçants m'ont fait confiance : un studio de tatouage et piercing, et un réparateur informatique.

La démarche

  1. Comprendre le commerce

    Avant de dessiner quoi que ce soit, j'ai pris le temps d'échanger avec chaque gérant : qui sont leurs clients, comment ils les trouvent, et quelles questions on leur pose le plus souvent au comptoir ou au téléphone. Ces questions sont devenues la colonne vertébrale du contenu.

  2. Simplifier l'architecture

    Un client d'un commerce de proximité veut trois choses : savoir ce qu'on propose, être rassuré, et savoir comment venir ou appeler. J'ai donc construit des sites courts, avec peu de pages et des informations pratiques (adresse, horaires, contact) toujours accessibles en un geste.

  3. Penser mobile d'abord

    La majorité des visiteurs arrivent depuis leur téléphone, souvent depuis Google Maps. J'ai conçu chaque écran d'abord pour le mobile : boutons d'appel et de contact visibles, textes courts, images légères.

  4. Développer et préparer la mise en ligne

    J'ai développé les sites en React avec Vite, en m'appuyant sur Claude Code pour accélérer la production. Il me reste quelques photos et détails à finaliser avant la mise en ligne, prévue avec le HTTPS et un référencement local de base (titres, descriptions, données de l'entreprise) pour qu'ils remontent sur les recherches du quartier.

Partie 1Création de site

Art'Cad Tatouage & Piercing

Pour un studio de tatouage, le site est d'abord une vitrine du travail des artistes. J'ai donc mis les réalisations au centre, avec une galerie qui laisse respirer les images. Le deuxième enjeu était de rassurer : un premier tatouage ou un premier piercing, ça se prépare. Le site répond aux questions pratiques avant même qu'on les pose, et guide naturellement vers la prise de contact pour un projet ou un rendez-vous.

Points clés

  • Galerie mise en avant pour montrer le style du studio
  • Informations rassurantes sur le déroulé et les soins
  • Contact et prise de rendez-vous accessibles depuis chaque page
Accueil du site Art'Cad Tatouage sur ordinateur : le logo néon doré « Art'Cad tatouage by Axhell » sur fond noir, la note de 5,0 sur 276 avis Google, et les boutons Demander un devis et Voir les réalisations.
Desktop
Le site Art'Cad Tatouage & Piercing sur téléphone : la galerie des réalisations et le bouton de contact.
Mobile

Partie 2Refonte de site

RepairPC44

RepairPC44 a déjà un site sous WordPress, mais il est difficile à faire évoluer et ne met pas assez en avant l'essentiel : les services proposés et la façon de joindre le réparateur. J'ai repensé le site entièrement. Le nouveau remplacera l'ancien sur le même nom de domaine, repairpc44.fr, pour ne pas perdre la visibilité acquise. Quand un ordinateur tombe en panne, on cherche une solution vite : le numéro de téléphone et les services sont visibles dès le premier écran, et chaque prestation est expliquée simplement, sans jargon technique.

Points clés

  • Refonte complète d'un site WordPress vieillissant
  • Services clairs et compréhensibles par des non-techniciens
  • Appel et contact accessibles immédiatement, surtout sur mobile
Accueil du site RepairPC44 sur ordinateur : le titre « Pourquoi jeter quand on peut réparer ? », la note de 5,0 sur 116 avis Google, les boutons Prendre rendez-vous et Appeler, et le numéro de téléphone dans la barre de navigation.
Desktop
Le site RepairPC44 sur téléphone : le bouton d'appel et la liste des services.
Mobile

Ce que j'en retiens

  • Ces deux projets m'ont appris à travailler avec de vrais clients qui ne parlent pas le langage du design ni du web. Il a fallu traduire leurs besoins en choix concrets, expliquer pourquoi un site plus court peut être plus efficace, et accepter que la priorité n'est pas toujours celle que j'avais imaginée. J'ai aussi compris l'importance du contexte : un client de proximité ne navigue pas comme sur une grande plateforme, il veut une réponse rapide, depuis son téléphone, souvent dans la rue.

  • Une fois les sites en ligne, je veux mesurer leur impact, par exemple le nombre d'appels ou de demandes reçues via le site, pour prouver la valeur du travail avec des chiffres plutôt qu'avec des impressions.

Envie d'en discuter, ou de voir les fichiers de travail ? Je cherche une alternance de 2 ans à Nantes.

Me contacter