Ir al contenido

Webs · Landing pages · Tiendas online

La mayoría de webs están ahí paradas La tuya va a vender

Diseñamos y programamos webs, landing pages y tiendas online desde cero. Sin maquetador debajo, sin plantilla contra la que pelear y sin nada que mantener. Rápidas por cómo están hechas, y medidas contra el único número que importa: lo que traen.

storefront
Portada de la tienda de KLŌS
Lighthouse, en el teléfono real
90+Lighthouse, en el teléfono real
maquetadores ni plugins
0maquetadores ni plugins
el código es tuyo
100%el código es tuyo

Qué construimos

Tres formatos, un mismo estándar

Sea del tamaño que sea, está escrita a mano, carga rápido en un teléfono de gama media y cada línea es tuya.

01

Webs

La web por la que se juzga a una empresa. Estructura, textos y diseño trabajando juntos para que quien entra entienda a qué te dedicas en ocho segundos y sepa qué hacer después.

  • Posicionamiento y textos
  • Sistema de diseño
  • CMS si lo necesitas
  • Base de SEO
02

Landing pages

Una página, una oferta, una acción. Hecha para medirla y rehacerla: la publicamos, miramos qué hace la gente y quitamos lo que no se está ganando su sitio.

  • Un solo objetivo de conversión
  • Analítica y eventos
  • Estructura lista para test A/B
  • Publicada en días, no en meses
03

Tiendas online

Una tienda completa programada desde cero. Catálogo, carrito, checkout, pedidos y clientes, con un panel de administración que tu equipo maneja de verdad sin llamarnos.

  • Checkout a medida
  • Panel de administración
  • Pagos y envíos
  • Sin comisión de plataforma

Caso

KLŌS: un ecommerce construido línea a línea

Lo que vas a ver es el prototipo funcionando, no la tienda definitiva. La marca todavía no ha lanzado.

KLŌS
storefront
La tienda funcionando. 18 segundos, sin audio.

El encargo

Una marca con identidad fuerte y ningún sitio donde vender

KLŌS tenía el producto y la dirección de arte. Lo que no tenía era tienda, y no quería entregarle a una plataforma una parte de cada venta, ni dejar que una plantilla decidiera el aspecto de la marca.

Qué construimos

Una tienda, un checkout y una trastienda, todo desde cero

Catálogo y fichas de producto, un carrito que sobrevive a recargar la página, checkout de invitado con precio de socio, gestión de pedidos, correo transaccional y un journal con su propio editor. Escrito en Next.js, sin ninguna plataforma de ecommerce debajo.

La parte que no se ve

Un panel que la dueña maneja sin pedirle permiso a nadie

Diez secciones montadas sobre cómo funciona esta marca de verdad: catálogo con previsión de stock, ventas, comunidad, marketing con campañas de email y automatizaciones, logística, buzón de contacto y un historial de auditoría. Hasta el modo de mantenimiento es un interruptor y no una llamada al programador.

  • Panel
  • Catálogo
  • KLŌS News
  • Ventas
  • Comunidad
  • Marketing
  • Logística
  • Contacto
  • Historial
Stack
Next.js · TypeScript · Tailwind · Postgres
Alcance
Tienda, checkout, panel de administración, journal
Comisión
Ninguna. El código es del cliente
admin · catalogue
Catálogo del panel de KLŌS: productos con precio, stock y estado
admin · catalogue
Catálogo del panel de KLŌS: productos con precio, stock y estado

Toca la imagen para verla a tamaño completo

Catálogo. Los precios de coste están ocultos por el modo privacidad del propio panel.
admin · dashboard
Panel de KLŌS con las ventas del día, los envíos pendientes y el margen
admin · dashboard
Panel de KLŌS con las ventas del día, los envíos pendientes y el margen

Toca la imagen para verla a tamaño completo

Panel. El modo próximamente es un interruptor, no un despliegue.
admin · marketing
Sección de marketing del panel de KLŌS con campañas de email y automatizaciones
admin · marketing
Sección de marketing del panel de KLŌS con campañas de email y automatizaciones

Toca la imagen para verla a tamaño completo

Marketing. Campañas, automatizaciones y promociones desde dentro.

Una página que carga en un segundo y dice lo que hay que decir le gana a una página preciosa que nadie espera.

El estándar

Lo que le exigimos a todo lo que construimos

Objetivo Lighthouse
95
Segundos hasta el primer pintado
1.2s
Plugins que mantener
0
  • Rápida por cómo está hecha

    Sin maquetador, sin pila de plugins y sin 2 MB de JavaScript para pintar un titular. La velocidad no es una fase del final, es la consecuencia de haberlo construido bien.

  • Es tuya

    El repositorio, el dominio, la analítica y el contenido. Si mañana dejas de trabajar con nosotros, no deja de funcionar nada y nadie te tiene la web secuestrada.

  • Medida, no supuesta

    Eventos sobre lo que importa, números reales después de lanzar y una segunda pasada sobre lo que los datos digan que no funciona. Las opiniones pierden contra la evidencia.

  • Accesible por defecto

    Navegación con teclado, contraste real, HTML semántico. No es una casilla que marcar, es la diferencia entre una web que puede usar todo el mundo y otra que echa a gente en silencio.

Cómo va

Una landing page en dos semanas, una tienda completa en cuatro a seis

Alcance cerrado y precio cerrado, acordados antes de que nadie abra un editor.

  1. 01

    Posicionamiento

    Días 1 a 3

    Qué vendes, quién te lo compra y la única acción que tiene que provocar la página. Casi toda web floja es un problema de textos disfrazado de problema de diseño.

  2. 02

    Diseño

    Semana 1

    Primero la estructura, después el aspecto. Ves la maqueta real con tu contenido real, no una imagen bonita que se cae en cuanto llega el texto.

  3. 03

    Construcción

    Semanas 2 a 4

    Escrita a mano, adaptada desde la pantalla más pequeña hacia arriba, con la animación puesta donde ayuda a entender y en ningún sitio más.

  4. 04

    Lanzamiento y medición

    Después de lanzar

    Dominio, analítica y eventos funcionando desde el primer día. Dos semanas después miramos qué hizo la gente de verdad y arreglamos lo que señalen los números.

¿El problema de fondo detrás de la web es cómo trabaja el equipo?

Ver cómo estructuramos operaciones

Cuéntanos qué tiene que conseguir la página

Una llamada de 30 minutos, gratis. Trae la oferta y a quien decide. Sales con una lectura clara de qué debería decir tu web, cuánto debería costar y cuánto tarda.