01
La fricción de la tienda mata
Pedirle a la dueña de una peluquería que instale una app para pujar es perderla en el tercer paso. Y aquí la puja tiene que ser instantánea.
Inicio / Móvil y tablet
Web responsive · sin app
Sin app.
La web, en el bolsillo.
Una sola web que funciona igual en el mostrador del bar, en el iPad de la peluquería y en el móvil de Marta mientras atiende. Nada que instalar, nada que actualizar y ningún mercado que nos apruebe el producto.
02
Dos productos, dos veces todo
Dos bases de código, dos publicaciones y dos ciclos de bugs. Con una persona y 15 horas a la semana, eso es la muerte.
03
Nadie la abriría
El comercio entra cuando le quitan el puesto, no todos los días. Las apps que se abren de vez en cuando se desinstalan.
04
El canal real ya existe
WhatsApp. Ya está instalado en su móvil y no hay que convencer a nadie de nada.
Sin perder nada
Todo lo que hacía una app, se hace en la web
La única función que una web no da gratis es el aviso. Y esa la resuelve WhatsApp mejor que cualquier notificación push, porque no hay que instalar nada para recibirla.
Función
Con app
Con la web ahora
Aviso de que te superan
Notificación push de la app
WhatsApp + push web si la ha añadido a inicio
Recuperar el puesto
Tres toques dentro de la app
Tres toques en la web móvil, desde el enlace del propio mensaje
Pagar
Face ID dentro de la app
Apple Pay o Google Pay en el navegador, también con la cara
Ver la escalera
Pantalla de la app
La misma web. Sin instalar nada
Editar la ficha
Formulario de la app
Un formulario web, con la foto hecha desde la cámara del móvil
Acceso directo
Icono instalado en el móvil
«Añadir a pantalla de inicio»: el mismo icono, sin tienda
Sistema responsive
Cinco puntos de ruptura. Ni uno más.
Un sistema con quince cortes distintos se vuelve imposible de mantener. Cinco bastan para cubrir de un portátil a un iPhone SE.
Ancho
Qué cambia
Por qué
≥ 1200 px
Escritorio completo. Retícula de 12 columnas y navegación en la barra superior
Es donde se trabaja y donde vive la tabla de la escalera con todas sus columnas
1024 – 1199
Portátil y tablet horizontal. Desaparece la navegación superior, el resto igual
El panel del comercio se usa mucho en este ancho
900 – 1023
Las listas de tres y cuatro columnas pasan a dos o a una
Tablets verticales y portátiles pequeños
768 – 899
La barra se simplifica. En el escaparate, el reloj sube y la tabla pasa a scroll horizontal
Es la tablet del mostrador, el formato que más se usa dentro del local
560 – 767
Todo a una columna. CTA a ancho completo
Es la mayoría del tráfico real
< 560 px
Se recortan las etiquetas secundarias. Nunca el precio ni el botón
Móviles pequeños. Lo que se recorta es contexto, jamás la decisión
Regla que no se rompe en ningún ancho: siempre se ven el precio del nº 1 y un solo botón. Todo lo demás es negociable; esos dos no.