Diseño y Desarrollo Web

Ricardu's Barbershop

Web de una barbería (fundada en 2010) que presenta sus servicios premium mediante una elegante tabla de precios con 10 servicios, un equipo experimentado de tres barberos, una galería de fotos interactiva, testimonios de clientes con valoraciones de 5 estrellas e integración con Google Maps para localizarla sin esfuerzo.

Creada con React 19, TypeScript y Framer Motion, con una sofisticada paleta monocroma (negro, blanco y tonos zinc), la tipografía propia Rumble Brave para reforzar la identidad, animaciones activadas al hacer scroll y una maquetación mobile-first totalmente responsive.

Fecha de finalización: mayo de 2026
Visitar la Web
Detalles del Proyecto

Resumen

Sector

Cuidado Personal y Barbería

Alcance

Diseño y desarrollo web completo con branding a medida, componentes interactivos, integración con Google Maps y alojamiento en Firebase

Plazo

3 semanas desde el diseño hasta el despliegue en producción

El Problema

El Reto

Ricardu's Barbershop, un negocio consolidado con más de 15 años de experiencia y más de 5.000 clientes en Lisboa, no tenía una presencia online moderna a la altura de la calidad premium de su servicio. Necesitaba una web que mostrara la experiencia de su equipo, comunicara su amplia oferta de servicios con precios transparentes y facilitara que los nuevos clientes los encontraran. El reto era crear una experiencia digital sofisticada que reflejara su mezcla de oficio tradicional y estilo contemporáneo, garantizando la accesibilidad en cualquier dispositivo y para cualquier edad.

Nuestro Enfoque

La Solución

Diseñamos y desarrollamos una web elegante de una sola página que pone sus puntos fuertes en primer plano mediante secciones de contenido estratégicas: una portada atractiva con prueba social (4,9 estrellas en Google y más de 5.000 clientes), una presentación interactiva del equipo que destaca la experiencia de cada barbero y una completa tabla de precios con los 10 servicios detallados. La web aprovecha Framer Motion para conseguir animaciones de scroll fluidas que aportan interés visual sin penalizar el rendimiento, mientras que la tipografía propia Rumble Brave y la paleta monocroma construyen una identidad de marca distintiva y premium. La integración con Google Maps y un botón de indicaciones a un solo clic eliminan fricciones para quienes visitan la barbería por primera vez, y el diseño responsive mobile-first garantiza una experiencia igual de cuidada en el móvil, que es donde la mayoría de los clientes potenciales descubrirá el negocio.

Qué Incluye

Características Clave

Diseño Totalmente Responsive
Animaciones de Scroll Suaves
Tipografía y Branding a Medida
Galería de Fotos Interactiva
Integración con Google Maps
Tabla de Precios de Servicios
Presentación del Perfil del Equipo
Diseño Mobile-First
Rendimiento

Resultados

95/100
Puntuación de rendimiento
Rendimiento en Google Lighthouse con recursos optimizados
100/100
Adaptación a móvil
Compatibilidad móvil perfecta en todos los dispositivos
< 1.2s
First Contentful Paint
Carga inicial rápida gracias a las tipografías optimizadas
98/100
Puntuación SEO
SEO excelente con HTML semántico y metaetiquetas correctas
Tecnología

Stack Tecnológico

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

¿Listo para Empezar Tu Proyecto?

Hablemos de cómo podemos crear una web espectacular adaptada a las necesidades de tu negocio.

Ricardu's Barbershop | Portafolio | low-key solutions