Hero de Sidamo con un café con leche en primer plano y luces desenfocadas de fondo
Proyecto de concepto

Sidamo

Cafetería de barrio

Rol
Identidad y sitio de una página
Año
2026
Stack
HTML · CSS · JavaScript · Figma
Demo
Ver en vivo

El brief que me impuse

El negocio
Cafetería de especialidad con tueste propio. Un solo local, clientela de barrio, algo de eventos privados.
La audiencia
Vecinos de 25 a 45 que ya toman café de especialidad y eligen por cercanía y por trato. Buscan desde el teléfono, muchas veces caminando.
La única acción
Reservar mesa, o llegar al local ahora mismo.
La objeción a desarmar
"¿Es otra cadena más con estética de especialidad, o es un lugar de verdad?"

El problema

Un café de barrio no compite por precio ni por catálogo. Compite por confianza y por estar a tres cuadras.

Contexto

Sidamo es una marca de concepto: una cafetería de especialidad con tueste propio. La elegí porque el negocio local tiene una mecánica de conversión que casi nadie resuelve bien, y que no se parece en nada a la de un e-commerce.

Un local físico no tiene una acción de conversión. Tiene dos, y son incompatibles entre sí.

Decisiones

Dos botones, porque hay dos intenciones

“Reservar” y “Cómo llegar”, con el mismo peso visual.

Es la única sección de todo el sistema donde rompo la regla del botón único, y es a propósito. Quien busca un café tiene una de dos intenciones: planificar —una mesa para el sábado— o resolver ahora —estoy a tres cuadras y quiero un café—. Obligar a las dos a pasar por el mismo botón hace que una de las dos se pierda.

La segunda es la que más se descuida. En un negocio de proximidad, “Cómo llegar” convierte más que “Reservar”, y casi nadie lo pone en el hero.

La prueba social nombra al barrio

“4.9 en Google · +800 reseñas de vecinos”, debajo de los botones.

La palabra que hace el trabajo es vecinos. Ochocientas reseñas sin más son un número; ochocientas reseñas de vecinos responden la objeción del brief —si es una cadena o un lugar de verdad— sin tener que decirlo.

El copy niega la categoría antes de afirmarse

“No es una cadena. Es tu lugar”, arriba del título, en el lugar donde la mayoría pondría el nombre del negocio.

Es una decisión de riesgo: nombra al competidor primero. Funciona porque la objeción ya está en la cabeza del visitante antes de entrar al sitio, y adelantarse a decirla desarma más rápido que argumentar en contra.

Serif e itálica para lo artesanal, sans para lo funcional

El título va en serif con la itálica en acento —“Sin apuro”— y todo lo operativo —menú, horarios, dirección— en sans. La tipografía separa el relato de la información, y nadie tiene que leer un horario en cursiva.

Cómo se adapta

Es la plantilla de cualquier negocio de proximidad: restaurante, peluquería, estudio, gimnasio. Lo que se conserva es la estructura de dos intenciones, la prueba social geográficamente anclada y el foto-hero a pantalla completa.

Medido, no estimado

  • 99Rendimiento en escritorio · 90 en móvil
  • 1,7 sFirst Contentful Paint en móvil · era 3,6 s
  • 0 msBloqueo del hilo principal · TBT
  • 100Buenas prácticas y SEO

Medido el 19 de agosto de 2026. Verificable con PageSpeed Insights sobre la demo.

Siguiente proyectoStryke