Conception et développement web

Ricardu's Barbershop

Site web d'un salon de barbier (fondé en 2010) présentant des prestations haut de gamme à travers une élégante grille tarifaire de 10 services, une équipe expérimentée de trois barbiers, une galerie photo interactive, des témoignages clients notés cinq étoiles et l'intégration de Google Maps pour trouver facilement le salon.

Développé avec React 19, TypeScript et Framer Motion, il repose sur une palette monochrome raffinée (noir, blanc, nuances de zinc), la police sur mesure Rumble Brave pour une identité distinctive, des animations déclenchées au défilement et une mise en page entièrement responsive, pensée d'abord pour le mobile.

Date de réalisation : mai 2026
Voir le site en ligne
Détails du projet

Vue d'ensemble

Secteur

Soins et beauté

Périmètre

Conception et développement complets du site, avec une identité sur mesure, des composants interactifs, l'intégration de Google Maps et l'hébergement sur Firebase

Durée

3 semaines, du design au déploiement en production

La problématique

Le défi

Ricardu's Barbershop, établissement reconnu fort de plus de 15 ans d'expérience et de plus de 5 000 clients à Lisbonne, ne disposait pas d'une présence en ligne moderne à la hauteur de la qualité de ses prestations. Le salon avait besoin d'un site mettant en valeur le savoir-faire de son équipe, présentant l'étendue de ses prestations avec des tarifs transparents et permettant aux nouveaux clients de le trouver facilement. L'enjeu était de créer une expérience digitale raffinée, à l'image de son alliance entre artisanat traditionnel et style contemporain, tout en restant accessible sur tous les appareils et à toutes les générations.

Notre approche

La solution

Nous avons conçu et développé un site monopage épuré, qui met ses atouts en avant à travers des sections stratégiques : une section d'accueil engageante avec ses preuves sociales (4,9 étoiles sur Google, plus de 5 000 clients), une présentation interactive de l'équipe mettant en valeur l'expérience de chaque barbier, et une grille tarifaire complète détaillant clairement les 10 prestations. Le site s'appuie sur Framer Motion pour des animations au défilement fluides, qui créent de l'intérêt visuel sans nuire aux performances, tandis que la typographie sur mesure Rumble Brave et la palette monochrome installent une identité de marque distinctive et haut de gamme. L'intégration de Google Maps, avec un bouton d'itinéraire en un clic, supprime toute friction pour les nouveaux venus, et le design responsive mobile-first garantit une expérience tout aussi soignée sur smartphone, là où la majorité des clients potentiels découvriront le salon.

Ce qui est inclus

Fonctionnalités clés

Design entièrement responsive
Animations de défilement fluides
Typographie et identité sur mesure
Galerie photo interactive
Intégration Google Maps
Grille tarifaire des services
Présentation de l'équipe
Design mobile-first
Performance

Résultats

95/100
Score de performance
Performance Google Lighthouse, avec des ressources optimisées
100/100
Adaptation mobile
Une compatibilité mobile parfaite sur tous les appareils
< 1.2s
First Contentful Paint
Un premier affichage rapide, grâce à des polices optimisées
98/100
Score SEO
Un excellent référencement, avec un HTML sémantique et des balises meta adaptées
Technologie

Technologies utilisées

React 19
TypeScript 5.x
Vite 7.x
Tailwind CSS 3.x
Framer Motion 12.x
Lucide React
Firebase Hosting
Google Maps API
Se lancer

Prêt à lancer votre projet ?

Voyons ensemble comment créer un site remarquable, adapté aux besoins de votre entreprise.

Ricardu's Barbershop | Portfolio | low-key solutions