Saltar al contenido
← Volver a proyectos
PROYECTO DE EJEMPLO / 012026

Senda Café.

Un ritual con carácter.

Página para una cafetería

Una cafetería conceptual con carta filtrable, historia del café, galería del espacio y reserva de demostración.

Se abre en otra pestaña para que puedas recorrer la página y volver aquí cuando quieras.

(01 / EL PROYECTO)

Qué puedes
encontrar aquí.

Una cafetería conceptual con carta filtrable, historia del café, galería del espacio y reserva de demostración.

QUÉ INCLUYE
  • Carta por categorías y favoritos
  • Historia, origen y galería del espacio
  • Horarios y reserva de demostración
PARA VER EN

Computadora, tablet y celular.

EJEMPLO DE PORTAFOLIO

Creado para mostrar cómo podría funcionar una página para este tipo de negocio.

(02 / ASÍ SE VE)

Tu página,
en cada pantalla.

Elige un dispositivo para cambiar la vista de muestra. Para usar los menús y botones de la página, pulsa Visitar página.

VISTA DE LA PÁGINA

Así se ve en cada pantalla.

Visitar página

Se abre en otra pestaña

Elige una pantalla para cambiar la vista. La imagen de abajo es una muestra sin interacción. Pulsa «Visitar página» para recorrerla y probar sus botones.

(03 / PROCESO)

De la idea
a la página.

Así organizamos la idea y el contenido antes de crear la página. Es un concepto de Nubicore: el objetivo y las preguntas imaginan lo que necesitaría este negocio.

01 / IDEA INICIAL

Primero, entender
el objetivo.

Proyecto conceptual para una cafetería de especialidad: presentar su café, su historia y la experiencia de visitar el espacio.

Objetivo
Invitar a descubrir la carta, conocer el origen del café y explorar cómo sería una visita a Senda.
Para quién
Personas que quieren elegir una bebida, conocer el ambiente y consultar cómo visitar la cafetería.
Qué puede hacer el visitante
Explorar la carta y probar una reserva de demostración.
PREGUNTAS PARA EMPEZAR

Antes de dibujar,
hay que preguntar.

  1. 01

    ¿Qué necesita saber alguien antes de elegir su café?

  2. 02

    ¿Cómo mostrar el ambiente y contar el origen sin esconder la carta?

  3. 03

    ¿Qué necesita consultar alguien antes de planear una visita?

Preguntas planteadas para este concepto; no se hicieron entrevistas a clientes.

02 / SECCIONES DE LA PÁGINA

La información,
en orden.

Las secciones siguen el orden en que una persona necesita descubrir la propuesta y decidir qué hacer.

  1. 01Portada
  2. 02Nuestra esencia
  3. 03Favoritos
  4. 04La carta
  5. 05Origen y proceso
  6. 06El espacio
  7. 07Visítanos y reserva
03 / BOCETO DE ESTRUCTURA

Primero ordeno
el contenido.

Un recorrido fotográfico que presenta el carácter de Senda y conecta sus bebidas, su origen y el espacio.

  • Abrir con una fotografía amplia y un acceso directo a la carta.
  • Presentar tres favoritos antes de la carta, que se puede filtrar por café, fríos y de la cocina.
  • Alternar historia, origen y fotografías del ambiente antes de mostrar horarios y una reserva de demostración.
Este boceto muestra dónde van los textos, las imágenes y los botones antes de elegir colores y letras.
04 / COLORES Y DISEÑO

Así toma forma
la página.

Una dirección editorial con fotografías protagonistas, fondos espresso y crema, acentos cobre y composiciones de distintos tamaños.

  • Los tonos espresso, crema y cobre acompañan la fotografía y dan continuidad a las secciones.
  • Los títulos expresivos, las imágenes amplias y los detalles de producto construyen el ritmo de la página.

Cuando trabajamos juntos, revisamos el diseño antes de construir la página. Puedes visitar este ejemplo para recorrer sus secciones y probar sus botones.

04 / RESULTADO

De la idea
a la pantalla.

El visitante puede filtrar la carta, ampliar las fotografías del espacio, conocer el origen del café y probar una reserva de demostración desde cualquier pantalla.

Una web para el siguiente paso de tu negocio.

Cuéntanos qué necesita tu empresa y definimos juntos el alcance del proyecto.

Hablemos por WhatsApp
SIGUIENTE PROYECTO / 02Lumé Beauty↗
Cotiza tu web