Demos en vivo

Por qué enseñamos demos y no un portfolio de capturas

Un portfolio de imágenes enseña cómo se ve una web, pero no cómo se siente. No dice cuánto tarda en cargar en el móvil, si las animaciones van fluidas ni si comprar o reservar es cómodo. Y esas son exactamente las cosas que deciden si un cliente se queda o se va.

Por eso hemos construido dos webs completas de negocios ficticios, con el mismo método y la misma tecnología que usamos en proyectos reales. Puedes abrirlas, recorrerlas en tu teléfono, añadir productos al carrito o consultar la carta. Son la prueba más honesta del nivel de acabado que puedes esperar.

OLEA: tienda online con club de cosecha

Tienda boutique de aceite de oliva virgen extra de cosecha temprana, con club de cosecha. Muestra un catálogo de producto, carrito y un registro para el club.

Es un buen ejemplo de cómo presentar un producto con mucho detalle técnico sin abrumar. Cada variedad muestra sus datos de acidez, polifenoles y fecha de cosecha, y una ficha de cata ampliada para quien quiere saber más. La compra se hace sin salir de la página: el carrito se abre como un panel lateral y confirma cada producto añadido.

Ébano: una cafetería cinematográfica

Cafetería de especialidad con animación cinematográfica: portada a pantalla completa, carta de temporada y reservas. Es también la web que aparece en la demostración del área de cliente.

Ébano demuestra hasta dónde puede llegar el movimiento sin sacrificar velocidad: titulares en serif que emergen letra a letra, un manifiesto que se ilumina palabra a palabra al hacer scroll, el proceso del café en un recorrido horizontal y una carta con tarjetas que reaccionan al cursor. El horario, la ubicación y las reservas están integrados en la experiencia, no escondidos al final.

En qué fijarte al recorrerlas

Más allá de si te gusta el estilo, las demos sirven para comprobar cosas que luego tendrá tu web aunque el diseño sea completamente distinto.

1. 01

   La velocidad: ábrelas en el móvil con datos y fíjate en cuánto tardan en ser utilizables.

2. 02

   La estabilidad: el contenido no salta mientras carga ni al aparecer las imágenes.

3. 03

   La lectura en móvil: los textos se leen sin hacer zoom y los botones se pulsan con el pulgar.

4. 04

   El camino a la acción: desde cualquier punto queda claro cómo comprar o reservar.

De la demo a tu web

Las demos muestran el nivel de acabado, no un catálogo de diseños entre los que elegir. Tu web se diseña desde cero para tu negocio, con tu marca, tu tono y lo que tus clientes necesitan encontrar.

Lo que sí puedes hacer es usarlas como referencia en la primera conversación: "me gusta cómo OLEA presenta los productos" o "quiero una portada con la presencia de Ébano" son puntos de partida muy útiles para entender lo que buscas.

Preguntas habituales