©2025

Laboratorio dediseño UX/UI

  • Diseño de apps
  • Sitios web
  • Landing pages
  • Sitios en Framer
  • Sistemas de diseño
  • Auditorías UX/UI
  • Rediseño de producto
  • Ver el laboratorio

Diseñamos apps, sitios y sistemas de diseño; los llevamos a Framer cuando hace falta y auditamos los que ya existen. Como en un laboratorio, cada idea se prueba primero y se lanza después.

Ver el laboratorio
Hablemos

Diseñamos, probamos y lanzamos productos digitales. Esto es lo que traemos al laboratorio.

Años diseñando producto
10+
Años diseñando producto
De apps y kioscos a plataformas con IA, para marcas como Cinemark, Cafe Rio y Zelty.
Servicios
7
Servicios
Apps, sitios, landings, Framer, sistemas de diseño, auditorías UX/UI y rediseño de producto.
Fundadores
2
Fundadores
Los dos diseñamos cada proyecto: nada pasa por intermediarios.
Para responderte
48 h
Para responderte
Cuéntanos tu proyecto y te escribimos con los siguientes pasos.

Proyectos

Proyectos · 01/04

Ninja Tropic

Edutech · Rediseño de sitio web

HipótesisSi los padres entienden el método en 5 segundos, agendan más clases de prueba.

2026

Ninja TropicVer caso ↗

Servicios

Cada servicio es un protocolo: sabes qué vamos a probar antes de construir.

Protocolo 01 · Tengo una idea

Diseño de apps

Diseñamos tu app desde el problema, no desde las pantallas. Primero validamos que el flujo principal funciona con personas reales; después diseñamos todo lo demás con esa certeza.

Ideal si
Quieres lanzar un producto digital y necesitas validarlo antes de programarlo.
Duración
[X] semanas
Desde
[$]

Qué probamos

El flujo principal con 5 usuarios reales antes de diseñar todas las pantallas.

Fases de trabajo

  1. Descubrir

    Entrevistas, mapa del problema y del usuario.

  2. Prototipar

    El flujo principal, navegable y sin pulir.

  3. Probar

    5 usuarios reales lo usan; ajustamos lo que falla.

  4. Diseñar

    La UI completa, lista para desarrollo.

Roadmap

Semanas de ejemplo

Descubrir

1 sem

Prototipar

2 sem

Probar

1 sem

Diseñar

3 sem

Entregables

  • Flujos y arquitectura
  • Prototipo navegable
  • Diseño UI para iOS, Android o web
  • Pruebas con usuarios

¿Este es tu caso?

Cuéntanos tu proyecto sin salir de aquí. Tu solicitud llega como Diseño de app y te escribimos por WhatsApp en menos de 48 horas.

Protocolo 02 · Tengo una idea

Sistemas de diseño

Ordenamos tu producto en piezas reutilizables para que cada pantalla nueva salga consistente y en menos tiempo. Lo construimos probando, no solo documentando.

Ideal si
Tu producto va a crecer y quieres que cada pantalla nueva salga consistente y rápido.
Duración
[X] semanas
Desde
[$]

Qué probamos

Los componentes en 3 pantallas reales antes de documentarlos.

Fases de trabajo

  1. Inventario

    Revisamos lo que existe y lo que se repite.

  2. Fundamentos

    Color, tipografía, espaciado y radios como tokens.

  3. Componentes

    La librería en Figma, probada en 3 pantallas reales.

  4. Documentar

    Guías de uso y entrega al equipo de desarrollo.

Roadmap

Semanas de ejemplo

Inventario

1 sem

Fundamentos

1 sem

Componentes

3 sem

Documentar

1 sem

Entregables

  • Tokens de color, tipografía y espaciado
  • Librería de componentes en Figma
  • Guías de uso
  • Entrega lista para desarrollo

¿Este es tu caso?

Cuéntanos tu proyecto sin salir de aquí. Tu solicitud llega como Sistema de diseño y te escribimos por WhatsApp en menos de 48 horas.

Protocolo 03 · Necesito presencia web

Sitios web

Un sitio que cuenta bien lo que haces y lleva a la persona a contactarte. Validamos la estructura antes de diseñar el detalle, para no pulir lo que no funciona.

Ideal si
Tu sitio ya no representa lo que haces o no te trae clientes.
Duración
[X] semanas
Desde
[$]

Qué probamos

La estructura en un prototipo navegable antes de diseñar el detalle.

Fases de trabajo

  1. Estructura

    Contenido, mapa del sitio y mensaje principal.

  2. Prototipo

    Navegable, sin diseño final, para probar el recorrido.

  3. Diseño

    UI responsive, animación e interacción.

  4. Entrega

    En Figma o en código, publicado y medido.

Roadmap

Semanas de ejemplo

Estructura

1 sem

Prototipo

1 sem

Diseño

2 sem

Entrega

1 sem

Entregables

  • Estructura y contenido
  • Diseño UI responsive
  • Animación e interacción
  • Entrega en Figma o código

¿Este es tu caso?

Cuéntanos tu proyecto sin salir de aquí. Tu solicitud llega como Sitio web y te escribimos por WhatsApp en menos de 48 horas.

Protocolo 04 · Necesito presencia web

Landing pages

Una página, una acción. Diseñamos la landing alrededor de lo que quieres que la persona haga y probamos el mensaje antes de invertir en tráfico.

Ideal si
Tienes un producto, campaña o servicio y necesitas una página que convierta.
Duración
[X] semanas
Desde
[$]

Qué probamos

Dos versiones del mensaje antes de publicar. Se queda la que convierte.

Fases de trabajo

  1. Mensaje

    Una acción y dos versiones del mensaje.

  2. Diseño

    Pensado para celular primero.

  3. Prueba A/B

    Las dos versiones frente a personas reales.

  4. Publicar

    Se queda la que convierte, con medición.

Roadmap

Semanas de ejemplo

Mensaje

1 sem

Diseño

1 sem

Prueba A/B

1 sem

Publicar

1 sem

Entregables

  • Mensaje y estructura
  • Diseño enfocado en una acción
  • Formulario y medición
  • Versión para celular

¿Este es tu caso?

Cuéntanos tu proyecto sin salir de aquí. Tu solicitud llega como Landing page y te escribimos por WhatsApp en menos de 48 horas.

Protocolo 05 · Necesito presencia web

Sitios en Framer

Un sitio que tu equipo edita solo, sin depender de programadores. Lo diseñamos, lo construimos en Framer y no lo entregamos hasta comprobar que pueden actualizarlo sin ayuda.

Ideal si
Quieres un sitio que tu equipo pueda editar sin depender de programadores.
Duración
[X] semanas
Desde
[$]

Qué probamos

Que tu equipo edite una página solo, sin ayuda, antes de entregarla.

Fases de trabajo

  1. Diseño

    Estructura y UI del sitio.

  2. Construcción

    En Framer, con CMS y animaciones.

  3. Prueba de edición

    Tu equipo edita una página solo.

  4. Capacitación

    Una sesión y una guía corta.

Roadmap

Semanas de ejemplo

Diseño

2 sem

Construcción

2 sem

Prueba de edición

1 sem

Capacitación

1 sem

Entregables

  • Diseño y construcción en Framer
  • CMS para blog o proyectos
  • Animaciones
  • Capacitación para editar

¿Este es tu caso?

Cuéntanos tu proyecto sin salir de aquí. Tu solicitud llega como Sitio en Framer y te escribimos por WhatsApp en menos de 48 horas.

Protocolo 06 · Ya tengo un producto

Auditorías UX/UI

Encontramos qué está frenando a tus usuarios y te decimos qué arreglar primero. Cada hallazgo viene con evidencia, no con opiniones.

Ideal si
Tu producto funciona, pero sientes que algo frena a los usuarios.
Duración
[X] semanas
Desde
[$]

Qué probamos

Cada problema lo medimos con datos o con usuarios. No lo opinamos.

Fases de trabajo

  1. Datos

    Analítica, grabaciones y mapas de calor.

  2. Revisión

    Heurísticas y flujos clave, pantalla por pantalla.

  3. Usuarios

    Pruebas cortas con personas reales.

  4. Informe

    Problemas priorizados por impacto y esfuerzo.

Roadmap

Semanas de ejemplo

Datos

1 sem

Revisión

1 sem

Usuarios

1 sem

Informe

1 sem

Entregables

  • Revisión heurística
  • Análisis de flujos clave
  • Informe con problemas priorizados
  • Recomendaciones concretas

¿Este es tu caso?

Cuéntanos tu proyecto sin salir de aquí. Tu solicitud llega como Auditoría UX/UI y te escribimos por WhatsApp en menos de 48 horas.

Protocolo 07 · Ya tengo un producto

Rediseño de producto

Le damos orden y cara nueva a un producto que creció sin plan, por etapas y sin detener tu operación. Cada etapa se mide antes de pasar a la siguiente.

Ideal si
Tu app o sitio se ve viejo o creció sin orden.
Duración
[X] semanas
Desde
[$]

Qué probamos

El cambio por etapas: cada una se mide antes de pasar a la siguiente.

Fases de trabajo

  1. Diagnóstico

    Qué conservar, qué cambiar y por qué.

  2. Arquitectura

    Nueva estructura y flujos principales.

  3. Diseño por etapas

    La UI nueva, módulo por módulo.

  4. Medición

    Comparamos antes y después en cada etapa.

Roadmap

Semanas de ejemplo

Diagnóstico

1 sem

Arquitectura

2 sem

Diseño por etapas

3 sem

Medición

1 sem

Entregables

  • Diagnóstico de lo actual
  • Nueva arquitectura
  • Diseño UI actualizado
  • Plan de implementación por etapas

¿Este es tu caso?

Cuéntanos tu proyecto sin salir de aquí. Tu solicitud llega como Rediseño de producto y te escribimos por WhatsApp en menos de 48 horas.

ExploramosPrototipamosProbamosantes de lanzar.

  1. Explorar
  2. Prototipar
  3. Probar

Entendemos el problema y abrimos varios caminos antes de elegir uno.

Recibes: Diagnóstico y 2 o 3 direcciones · Duración: [X] días

La mejor idea se vuelve algo que se puede tocar, navegar y romper.

Recibes: Prototipo navegable · Duración: [X] días

Lo ponemos frente a usuarios reales. Si falla, volvemos a explorar.

Recibes: Hallazgos y diseño final · Duración: [X] semanas

Laboratorio

Lo que probamos por nuestra cuenta: lo que salió, lo que sigue en prueba y lo que descartamos.

Dos diseñadores.
Un laboratorio.

Hablas directo con quien diseña. Nada pasa por intermediarios.

Retrato de Luis Castillo

LuisCastillo

Fundador · Product Designer UX/UI

10 años diseñando producto: de apps y kioscos a plataformas con IA para Cinemark, Cafe Rio y Zelty.

Explorando ahora

  • WebGL
  • Plugins para Framer
  • Personajes 3D
Retrato de Diego Sierra

DiegoSierra

Fundador · Product Designer UX/UI

[Bio de ejemplo] Diseña flujos que se entienden a la primera y sistemas que aguantan el crecimiento.

Explorando ahora

  • [Tema 1]
  • [Tema 2]
  • [Tema 3]

Antes de empezar

¿Cuánto cuesta?

Una landing arranca en [$] y un sitio completo en [$]. El presupuesto exacto te llega en 48 horas.

¿Cuánto tarda?

Una landing, [X] semanas. Una app, [X] semanas. Te damos fechas antes de empezar.

¿Solo diseño o también lo publican?

Las dos cosas. Entregamos en Figma, en Framer o en código, según lo que necesites.

¿Cómo usan la IA?

Para explorar más caminos en menos tiempo. Las decisiones de diseño las tomamos nosotros.

¿Cómo se paga?

[Anticipo, hitos y moneda por definir].

Cuéntanos tu proyecto

Cinco datos y te escribimos en menos de 48 horas con los siguientes pasos.

Por aquí te escribimos. Elige tu país en la bandera.

¿Qué necesitas?

Presupuesto aproximado

Sitio en construcción · algunos textos e imágenes son de ejemplo