CASO 05 / BARBERÍA

RITODiseño web para barberías

Diseño web para barberías

Mostrar estilo y disponibilidad sin caer en clichés vintage de barbería.

Vista principal de RITO

EL PUNTO DE PARTIDA

Fotografía frontal, servicios con contexto y un recorrido que termina en una reserva directa.

Demostración independiente diseñada y desarrollada para mostrar una experiencia comercial completa.

Dirección
Contacto fotográfico
Interacción
Estilos y turnos
Estado
Reserva urbana

LECTURA DEL CASO

Una identidad que responde al negocio.

EL RETO

RITO debía comunicar técnica, personalidad y confianza sin recurrir a rayas vintage, bigotes dibujados o una estética de barbería genérica. La página tenía que mostrar el resultado del corte y también a las personas que lo hacen posible.

DIRECCIÓN

La dirección usa noche, papel y azul eléctrico para construir una barbería urbana y contemporánea. Las fotografías funcionan como hoja de contactos: retratos cercanos, gestos de trabajo y encuadres que hacen visible la precisión del oficio.

EXPERIENCIA

Los cuatro estilos se exploran como una selección completa, no como tarjetas recortadas. Servicios, equipo y disponibilidad se conectan con un flujo de reserva directo; los cambios de imagen, los estados hover y los revelados por viewport aportan ritmo sin convertir la interfaz en un efecto.

RESULTADO

El resultado es una demostración independiente que muestra una experiencia comercial completa para una barbería: dirección de arte, catálogo de servicios, equipo contextualizado, responsive y reserva. La identidad permite vender una visita sin depender de una plantilla de salón.

DECISIONES

Lo visual tiene que resolver algo.

01

El hero funciona como una portada fotográfica, no como un split desconectado.

02

Cuatro estilos se presentan completos en una hoja de contactos controlada.

03

El equipo aparece con función, especialidad y disponibilidad legible.

DESKTOP / MOBILE

La identidad no termina en un ancho.

Las composiciones cambian de estructura sin perder orden, jerarquía ni acceso a las acciones importantes.

RITO en escritorio
RITO en móvil

SISTEMA VISUAL

Una familia, no una colección de ocurrencias.

Night#101419
Paper#F3F4F6
Electric#5775F2

Tipografía

Bricolage GrotesqueIBM Plex Mono

ENTREGABLES DEMOSTRADOS

La experiencia completa.

01

Servicios expandibles

02

Selector de estilos

03

Equipo contextualizado

04

Flujo de reserva

FUENTES Y CRITERIOS

Decisiones respaldadas y verificables.

Estas referencias explican los criterios técnicos aplicados. Es una demostración independiente y no atribuye clientes, testimonios ni resultados comerciales inexistentes.

01
WCAG 2.2 — Target Size (Minimum)

Referencia para servicios, estilos, perfiles y reserva en pantallas táctiles.

02
MDN — prefers-reduced-motion

Base para conservar la experiencia sin movimiento cuando el usuario lo solicita.

SIGUIENTE CASO

PerfumeríaMaison Néroli