ORIGINALFADE · Caso · Rafael Rios

Qué hice: Diseño, desarrollo y publicación
Tecnología: HTML, CSS y JavaScript, Supabase, Vercel
Año: 2026
Web en vivo: originalfade-web.vercel.app

Inicio de la web de ORIGINALFADE en computadora: la fachada del local en blanco y negro, el dije de la marca y los botones Reservar turno y Ver tienda

Un turno en menos de un minuto

El cliente reserva solo, desde el celu, sin llamar ni esperar respuesta.

Elige barbero, servicio, día y hora entre los próximos siete días.
Solo ve los horarios que siguen libres para ese barbero.
El turno llega a la barbería armado por WhatsApp, con todos los datos.

Reserva en computadora: horarios libres a la izquierda y, a la derecha, un ticket con barbero, servicio, día, hora y precio

Calendario con los próximos días para elegir — Elige el día

Horarios libres agrupados en mañana, tarde y noche — Elige la hora

Mensaje de WhatsApp listo para enviar con el detalle del turno — Confirma por WhatsApp

Tienda con pedido por WhatsApp

La ropa de la casa se vende desde la misma web, sin pasarela de pago ni comisiones.

Productos por categoría, con varias fotos y elección de talle.
El carrito se guarda aunque el cliente cierre la página.
Retiro gratis en el local o envío a domicilio a cotizar.
El pedido llega por WhatsApp con el detalle y el total.

Ficha de una remera con galería de fotos, precio y selector de talle — Ficha del producto

Carrito con retiro o envío a domicilio, total y botón Pedir por WhatsApp — Carrito y entrega

Un panel para que la barbería maneje su web

Todo lo que cambia seguido se edita desde el celu y se ve en la web al instante.

Marca un turno como ocupado con un toque y la web deja de ofrecerlo.
Carga productos con varias fotos; se achican y se guardan solas.
Cambia precios, servicios, barberos y horarios.
Oculta un producto o lo marca sin stock con un interruptor.

Lo entregué con una guía de uso paso a paso, escrita para alguien que no programa.

Panel: horarios del día marcados como libres u ocupados para cada barbero — Turnos ocupados

Panel: lista de productos con buscador, orden y etiquetas Oculto y Sin stock — Productos

Panel: horario de apertura y cierre de cada día con interruptor Abierto — Horarios

Lo que no se ve también está hecho

Carga rápida: Fotos optimizadas, así la web anda liviana aun con datos móviles.
Lista para Google: Ficha del negocio con dirección y horarios para los buscadores.
Vista previa al compartir: El link se ve con imagen y título cuando se manda por WhatsApp o Instagram.
Panel protegido: Acceso con usuario y contraseña, y permisos en la base de datos: solo la barbería edita.
Accesible: Buen contraste, botones grandes y respeto por la opción de reducir movimiento.
Sin costos por venta: Turnos y pedidos cierran por WhatsApp, sin comisiones de terceros.

94Rendimiento

100Accesibilidad

100Buenas prácticas

100SEO

Puntajes de Lighthouse, la herramienta de Google para medir webs, en celular (octubre de 2026). Los productos y datos de clientes de las capturas son de muestra.