Barbearia do Hulk — Riacho Fundo II, Brasilia

Cliente

Barbearia do Hulk

Servicios

institutional

Año

2026

Rol

Diseño y desarrollo

Stack

Next.js · React · Tailwind CSS · PWA · Vercel

Ver el proyecto

Una barbería de barrio que vende corte, barba, combos, planes y productos. El sitio debía mostrarlo todo con precio y llevar al cliente a reservar su hora sin tener que llamar.

Qué hicimos

Diseñamos y desarrollamos el sitio en Next.js 16 con App Router y Turbopack, prerenderizado con revalidación y servido desde Vercel. Es una PWA: tiene manifiesto, service worker y un botón Instalar, y una sección explica cómo poner la barbería en la pantalla del móvil. Las cuentas y reservas están tras el inicio de sesión, con Entrar y Crear cuenta arriba de la página. La página pública organiza 23 servicios y combos en una tabla con duración y precio, cuatro planes de suscripción mensual y una tienda cuyos pedidos salen como mensaje listo de WhatsApp. La interfaz usa Tailwind CSS v4 con Anton, Oswald y Barlow, tema claro y oscuro y un letrero dorado continuo. Datos estructurados de barbería, con catálogo de servicios, horarios y acción de reserva, describen el negocio para la búsqueda local.

Una barbería de barrio con app: precios a la vista, planes, tienda por WhatsApp y reservas con cuenta, instalable.

LetreroBARBEARIA sube, DO se dibuja en contorno y HULK sube en dorado, con el mismo mecanismo de entrada del sitio — derivado del sitio.

Identidad

La marca ya existía: un letrero en tres líneas. Lo medimos y lo dibujamos como sistema.

Logotipo
LogotipoEl letrero en tres líneas, su área de protección y tamaño mínimo — derivado del sitio.
Versión clara
Versión claraNegro sobre crema, con DO y HULK en dorado: la misma construcción sobre el fondo del tema claro — derivado del sitio.

Sistema

Color, letra y piezas leídas del código del sitio: ocho variables, tres familias y los componentes que se repiten.

PaletaOcho colores, todos variables CSS del sitio, con HEX, RGB y HSL; el verde de WhatsApp queda aparte, como color funcional — derivado del sitio.
Tipografía
TipografíaAnton en títulos y precios, Oswald en la interfaz, Barlow en el texto, con la parte de cada una en los caracteres de la home — derivado del sitio.
PesosOswald en los cuatro pesos que usa el sitio, de 400 a 700, y el espaciado del antetítulo hasta 0,46 em — derivado del sitio.
Componentes
ComponentesPlanes, producto, horarios, fila de precio, botones y logotipo, recortados de la página con sus estilos medidos — derivado del sitio.

Producto

Todo lo que vende la barbería, con precio: servicios, combos, planes y tienda, y el camino más corto a la reserva.

  • Hero — En el móvil.
  • Servicios — En el móvil.
  • Combos — En el móvil.
  • Planes — En el móvil.
  • Tienda — En el móvil.
  • Horarios — En el móvil.
  • Contacto — En el móvil.
Hero · Servicios · Combos · Planes · Tienda · Horarios · Contacto
Servicios y combosLa tabla deslizándose en la home, del título a la fila 21.
Reserva desde el móvil
Reserva desde el móvilLa invitación a instalar la app, con el botón Instalar y la ayuda “¿Cómo instalar?”.
Planes, tienda y horariosDe Planes a Horarios, pasando por la tienda.
Ver el proyecto

Detalles

En los detalles: un tema oscuro a un toque, el menú del móvil y el logotipo dorado que cierra la página.

Pie
PieEl logotipo dorado de la barbería cierra la página, con el barrio, el teléfono y los términos.
El letrero en casa
El letrero en casa“Barbearia do Hulk” en tres líneas, donde empieza la página: el barrio arriba y Reservar hora abajo.

Resultados

  • En producción, prerenderizado y servido desde Vercel

  • Una app instalable (PWA), con manifiesto, service worker y botón Instalar

  • 23 servicios y combos con duración y precio, y cuatro planes de suscripción

  • Los pedidos de la tienda y las suscripciones se vuelven un mensaje listo de WhatsApp

Créditos

Diseño
Ressolv
Desarrollo
Ressolv
Sistema de marca
Ressolv, derivado del letrero del sitio
Ver el proyecto

Siguiente proyecto

Chádrez — Tienda de Tés Especiales

Habla con el studio Todos los proyectos