Diseño y desarrollo web con oficio.

Somos un estudio independiente en México. Diseñamos y programamos landing pages, sitios para empresas y experiencias interactivas, del primer boceto al lanzamiento.

Nuestro enfoque

Tu sitio web suele ser la primera conversación con un cliente. Por eso lo tratamos como una pieza de diseño y como un producto de ingeniería: que se entienda en segundos, que cargue rápido en cualquier teléfono y que invite a escribirte.

Tres lados de una misma cinta.

  • Diseño

    Identidad, composición y tipografía pensadas para tu negocio, no tomadas de una plantilla.

  • Ingeniería

    Código limpio, rápido y fácil de mantener. Lo probamos en teléfonos, no solo en una pantalla grande.

  • Movimiento

    Animación e interacción donde ayudan a contar algo, nunca a costa de la velocidad o la lectura.

Lo que podemos construir para ti

Cuatro formas de trabajar contigo. Si tu proyecto no encaja en ninguna, cuéntanos: la mayoría de los buenos proyectos mezclan un poco de cada una.

  • Landing pages

    Una sola página enfocada en una sola acción: que te escriban, que agenden o que compren.

    Ideal para: Lanzar un producto, una campaña o un servicio nuevo.

    • Diseño a la medida de tu marca
    • Estructura de textos trabajada contigo
    • Contacto directo por WhatsApp o formulario
    • Pensada primero para el teléfono

    Desde $— MXNPrecio provisional

  • Sitios para empresas

    Varias páginas para explicar quién eres, qué ofreces y cómo contactarte, con una estructura que puedas ampliar.

    Ideal para: Negocios y profesionales que necesitan una presencia completa y confiable.

    • Arquitectura de contenido
    • SEO técnico básico y metadatos
    • Publicación en tu dominio
    • Guía para actualizar textos e imágenes

    Desde $— MXNPrecio provisional

  • Desarrollo a medida

    Paneles, herramientas internas, reservas o cualquier proceso que hoy resuelves con hojas de cálculo y mensajes.

    Ideal para: Equipos que quieren ordenar su operación con una herramienta propia.

    • Cuentas de usuario y bases de datos
    • Integraciones: pagos, correo, notificaciones
    • Panel de administración
    • Mantenimiento después del lanzamiento

    Cotización por proyectoPrecio provisional

  • Experiencias interactivas

    3D, animación ligada al scroll y microinteracciones para marcas que quieren que su sitio se recuerde.

    Ideal para: Lanzamientos, productos visuales y marcas con una historia que contar.

    • Escenas 3D con Three.js o Spline
    • Coreografía de scroll con GSAP
    • Versión ligera para teléfonos de gama media
    • Alternativa sin movimiento para quien la prefiera

    Cotización por proyectoPrecio provisional

Estudio nuevo, trabajo real.

VINAREVO acaba de abrir. Estos proyectos los diseñamos y programamos antes de fundarlo: un producto publicado, uno en desarrollo y dos conceptos para explorar ideas. Ninguno es un encargo de cliente, y así lo indicamos en cada uno.

  • Portada de edooly.com: “Entrena tu mente. Conquista las mates.” sobre un cielo con planetas
    Camino de aprendizaje de Edooly con nodos de lección sobre un fondo espacial
    Pantalla de una lección de Edooly con fichas para contar

    Una plataforma para aprender matemáticas con lecciones visuales e interactivas.

    Qué construimos
    El producto completo: landing, panel de aprendizaje con mundos, rachas, ligas y misiones, el sistema de lecciones interactivas y la app para Android.
    Qué demuestra
    • Producto en producción con usuarios reales
    • Interacciones educativas hechas a mano
    • Pagos, notificaciones push y analítica de producto
    • App Android publicada en Google Play
    Tecnología
    • Node.js
    • PostgreSQL
    • Prisma
    • Stripe
    • Capacitor
    • GSAP
  • Portada del sitio de Runode: “Your AI. Always moving.” junto a un núcleo 3D de cubos
    Sección del sitio de Runode con una franja de proveedores de IA inclinada
    Sección “One system. Every AI workflow.” del sitio de Runode

    Una app de escritorio para coordinar agentes de programación con IA desde un solo lugar.

    Qué construimos
    La aplicación de escritorio, con su motor en Rust y base de datos local, y una propuesta de sitio de lanzamiento con un núcleo 3D animado.
    Qué demuestra
    • Aplicaciones de escritorio multiplataforma
    • Arquitectura local, sin depender de un servidor
    • Sitios de producto con 3D en tiempo real
    Tecnología
    • Tauri
    • Rust
    • React
    • TypeScript
    • SQLite
    • Three.js
  • Portada de YORU KR-7: el auto bajo la lluvia frente a letras gigantes
    Capítulo “Cuatro círculos rojos” con las luces traseras del auto encendidas
    Capítulo de la silueta del auto en la calle mojada

    La landing de un auto conceptual, contada con scroll en una calle de Tokio bajo la lluvia.

    Qué construimos
    Una historia por capítulos con cámara coreografiada, un configurador 3D con enlace compartible y una galería de detalles renderizada en tiempo real.
    Qué demuestra
    • 3D realista en el navegador: reflejos, lluvia y postproceso
    • Coreografía de cámara ligada al scroll
    • Calidad adaptativa para teléfonos
    Tecnología
    • Three.js
    • GSAP
    • Lenis
    • glTF
    Ver el concepto

    Modelo base: “Nissan GTR R34 Skyline” de Pooya_dh, CC BY 4.0, modificado y sin emblemas de la marca.

  • Portada de HVACKEROS: “Ingeniería para los espacios que habitamos” junto a un ventilador 3D
    Sección de comunidad de HVACKEROS sobre fondo azul petróleo

    Una propuesta de sitio para una comunidad estudiantil de climatización y energía.

    Qué construimos
    Cuatro páginas con componentes compartidos, un modelo 3D en la portada y una sección de eventos y noticias alimentada por datos.
    Qué demuestra
    • Sitios multipágina rápidos sin framework
    • Diseño editorial para organizaciones
    • 3D ligero como pieza de portada
    Tecnología
    • Vite
    • JavaScript
    • Three.js
    • CSS
    Pendiente: confirmar permiso antes de publicar

Cómo trabajamos

Cuatro pasos, sin sorpresas. Sabes en qué punto está tu proyecto en todo momento.

  1. Conversamos

    Nos cuentas de tu negocio, a quién quieres llegar y qué necesitas que haga el sitio. Basta una llamada o un chat por WhatsApp.

  2. Definimos la propuesta

    Te enviamos por escrito el alcance, los tiempos y el precio, para que sepas exactamente qué vas a recibir.

  3. Diseñamos y desarrollamos

    Primero ves el diseño. Cuando lo apruebas, lo programamos y puedes revisar los avances en un enlace privado.

  4. Revisamos y publicamos

    Lo probamos en teléfonos y navegadores, ajustamos los detalles y lo publicamos en tu dominio.

¿Tienes un proyecto en mente?

Cuéntanos qué necesitas. Te respondemos con preguntas concretas y, cuando tengamos claro el alcance, con una propuesta por escrito.

O por correo: [email protected]Correo provisional