Caso 1 de 13

NOS Café

Café y bebidas · Perú · 2026 · Port de diseño (Framer → Liquid)

NOS Café: página de inicio en computador.
NOS Café: página de producto en computador.
NOS Café: página de inicio completa en celular.
Nº 01 · NOS Café · Home, vista 1 · 1440 · 2026

Qué es

Tostadora de café de especialidad portada 1:1 desde Framer, con bundle builder propio y facturación electrónica.

Qué hicimos

  • Port 1:1 desde Framer a Liquid, con islas React.
  • Bundle builder de la app de Shopify integrado en el flujo de compra.
  • Escalera de descuento por suscripción activa.
  • Puente de facturación electrónica (Bsale) construido y operado por Digitdeck en Railway.

Entregas, una por una

9 entregas en 5 frentes, desde sep 2026.

  1. oct 2026RendimientoEn el celular, la tienda quieta no gasta: el desplazamiento suave duerme y la tira de logos la mueve el compositor.
  2. sep 2026CompraLa caja se vende con un pack a elegir, en dos líneas reales del pedido.
  3. sep 2026CompraBoleta o factura desde el carrito, con RUC y razón social.
  4. sep 2026ProductoEtiquetas de producto con color propio, de la paleta de la marca.
  5. sep 2026CompraSelector de suscripción en la ficha y en el armador de packs.
  6. sep 2026Compra«Arma tu pack» también desde la página principal; la caja se abre en el carrito con sus bolsas y su ahorro.
  7. sep 2026ProductoQuiz de tres preguntas en metaobjetos que puntúa contra los datos reales de cada café.
  8. sep 2026CampañasEl popup de captación pasa a Klaviyo.
  9. sep 2026MediciónDigitdeck Track conectado desde la app, sin ajustes en el tema.

Resultados

+17 %
conversión
−30 %
tiempo de carga
94
rendimiento móvil, de 41 a 94
+12 %
valor del pedido
Lo principal en pantalla (LCP)
4,1 s pasa a 2,9 s
Añadidos al carrito
+22 %
Conversión indexada, 8 semanas (antes = 100)
Conversión indexada por semana, antes = 100
Semana 1100.0
Semana 2104.9
Semana 3108.9
Semana 4112.0
Semana 5114.4
Semana 6115.9
Semana 7116.8
Semana 8117.0
Tiempo de carga indexado (antes = 100)
Tiempo de carga indexado, antes = 100
Antes100
Después70

Representación estimada por privacidad del cliente. Cifra ilustrativa dentro del rango del portafolio de Digitdeck (conversión +10 a +20 %, carga −30 a −40 %). No es la medición de esta tienda.

Con qué lo hicimos

De Framer a Shopify3 tiendas

El diseño aprobado en Framer, vendiendo en Shopify.

Port 1:1 desde Framer a Liquid.

Islas React5 tiendas

Lo interactivo vive en piezas propias; el resto de la página es HTML del tema.

Componentes React que se montan solo donde hay interacción.

Arma tu paqueteSolo aquí

El cliente combina productos dentro del flujo de compra.

Bundle builder de la app de Shopify integrado en el flujo de compra.

KlaviyoSolo aquí

Los correos de la marca, conectados a la tienda.

Klaviyo conectado a la tienda.

Digitdeck · Shopify Partners

Lo que desarrollamos ahora

  • Bundle builderEn la tiendaYa está en el flujo de compra de la tienda, con la app de Digitdeck.
  • Experiencia 3DEn desarrolloLa estamos desarrollando para esta tienda. Todavía no está publicada.
Ver la app de Digitdeck en Shopify

Antes y después

Siguiente casoPerfumería Millennio02 / 13 · Perfumería · 2026

¿Quieres algo parecido en tu tienda?

30 minutos, con tu tienda abierta.