Desarrollo web & producto digital
Sitios, ecommerce, plataformas y producto digital. Escritos por nosotros, medidos por nosotros, y tuyos desde el primer commit.
Cotizar un proyecto → Ver qué construimos ↓
Y no lo decimos: lo medimos. Este sitio se está auditando solo mientras lo lees.
El argumento
Contratas una agencia para la marca y un estudio para el sitio. La agencia entrega un PDF de 90 páginas. El estudio lo lee como puede. Seis semanas después el sitio existe, pero el azul no es tu azul, la tipografía se cambió “por peso”, el tono de los botones no es el que aprobaste y nadie sabe quién decidió eso. No hubo mala fe: hubo un PDF haciendo de traductor entre dos equipos que nunca se hablaron. Cada decisión que se pierde en esa traducción la pagas dos veces — una en juntas de conciliación, otra en una marca que se ve distinta en cada punto de contacto.
Cuando quien define la identidad es quien la construye, el manual de marca deja de ser un PDF y se vuelve código: los colores, la escala tipográfica, los espacios y los estados de interacción viven en un solo archivo de tokens del que salen a la vez el sitio, el ecommerce, el correo y la plantilla de campaña. Cambiar el acento de marca deja de ser un proyecto de tres semanas y pasa a ser una línea. Y en la otra dirección: cuando la persona que diseña sabe lo que cuesta cargar una tipografía de 400 KB o animar un fondo a pantalla completa, diseña cosas que sí se pueden construir rápido y sentir bien. No es que hagamos las dos cosas. Es que son la misma cosa mirada desde dos lados y separarlas es lo que genera el desperdicio.
Además hay una razón menos romántica: con un solo responsable no hay a quién echarle la culpa. Si el sitio carga lento, es nuestro. Si no es accesible, es nuestro. Si la campaña no puede publicarse a tiempo porque el CMS no lo permite, es nuestro. Esa es la parte que más te ahorra, y es la que nadie te ofrece por escrito. Nosotros sí: más abajo está nuestra carta de estándares, con números y con qué pasa si no los cumplimos. Y para que no tengas que creernos, este sitio se está midiendo solo mientras lo lees. Los números que ves son de tu navegador, ahora mismo, no de una captura de pantalla.
Capacidades
Los plazos son de calendario, no de esfuerzo: asumen un interlocutor con capacidad de decidir y contenido disponible. Lo decimos porque es la causa número uno de retraso.
El servicio invisible que decide si tu equipo de marketing va a poder trabajar o va a depender de nosotros para siempre. Nuestro objetivo es que no nos necesites.
El puente literal entre branding e ingeniería. Es el entregable donde la tesis se vuelve archivo.
Cuando de verdad hace falta un ícono en la pantalla de inicio. Empezamos preguntando si hace falta, porque la mayoría de las veces no.
Que los sistemas que ya pagas se hablen entre ellos: CRM, ERP, facturación CFDI 4.0, logística, WhatsApp Business y correo transaccional.
Medir lo que importa sin convertir tu sitio en un vertedero de scripts de terceros. Cada script que se agrega paga renta en velocidad y privacidad: los contamos y los justificamos uno por uno.
Un sitio no se entrega, se opera. Sin esto los otros ocho servicios caducan en un año.
Herramientas
No tenemos una herramienta favorita que te vendemos siempre. Tenemos criterios. La misma tabla, en dos lecturas: elige la tuya.
Lo que todos los navegadores entienden sin traductor.
Plataforma directa, sin capa de compilación entre el código y el navegador.
Le avisa al programador del error antes de que llegue a ti.
Tipado estructural, inferencia y contratos verificados en el editor y en CI.
Páginas que pesan poco y abren rápido, incluso con mala señal.
Islas parciales, cero JS por defecto, hidratación selectiva, Content Collections tipadas, salida estática o SSR por ruta.
Para lo que tiene cuentas, permisos y datos vivos.
Server Components y streaming: el HTML llega antes de que termine la consulta a la base.
Menos capas entre el diseño y la pantalla.
@layer, container queries, :has(), @property y color-mix().
Tu equipo publica sin llamarnos.
Contenido estructurado, referencias reutilizables, vista previa en vivo y versionado.
La parte de cobrar la resuelve quien vive de eso.
Checkout, prevención de fraude y cumplimiento fiscal delegados a la plataforma.
La base más aburrida y más confiable.
30 años de rodaje, transacciones reales y JSON cuando conviene.
Tu sitio servido desde cerca de tu cliente.
Edge y CDN; Docker con nginx si debe vivir en casa del cliente.
Un robot revisa el sitio antes que un humano.
Corre en cada cambio: si baja el rendimiento o aparece una falla de accesibilidad, el cambio no entra.
Sabemos que algo se rompió antes de que nos escribas.
Errores reales de usuarios reales y Web Vitals de campo, no de laboratorio.
Movimiento que no traba el teléfono.
Corre en el compositor, fuera del hilo principal, sin librería que cargar.
Este sitio no usa nada de la tabla de arriba. Es HTML, CSS y JavaScript escritos a mano, servidos por nginx, sin build, sin framework y sin una sola petición a otro servidor. Funciona con el cable de red desconectado.
No lo hicimos así por nostalgia: lo hicimos porque para lo que este sitio tiene que hacer, era la respuesta correcta. Saber cuándo no usar la herramienta grande es la mitad del oficio. La otra mitad está en la tabla.
¿Ya tienes stack? Trabajamos sobre el tuyo. No cobramos por migrarte a nuestra zona de confort.
Estándares
Veintiséis compromisos con número objetivo, forma de medirlos y herramienta. Sin el cuarto campo —qué pasa si no se cumplen— no es un compromiso, es un adjetivo.
Cláusula de remediación. Si al entregar un proyecto cualquiera de estos números no se cumple, lo corregimos sin costo antes de facturar el hito final. Si se degrada dentro de los primeros 90 días por causa nuestra, lo corregimos sin costo. Si se degrada por un cambio hecho por el cliente, te decimos exactamente qué cambio fue — y eso también es parte del servicio.
Estos números aplican a los proyectos donde controlamos el stack completo. Si tu operación exige un CMS, una plataforma de comercio o etiquetas de terceros que nos impidan alcanzarlos, te decimos antes de cotizar qué número cambia y a cuánto, y eso se firma en el anexo. Nunca firmamos un número que depende de un tercero.
Ejemplo, escrito antes de que preguntes: sobre Shopify, E-05 y E-07 se ajustan a Lighthouse ≥ 85 en rendimiento y ≤ 6 orígenes externos, cada uno contado y justificado.
E-01
Campo, ventana de 28 días de usuarios reales. El umbral oficial de Google es 2.5 s: el nuestro es más estricto a propósito.
CrUX y PageSpeed Insights. Ver la medición de esta página →
E-02
Campo, 28 días. Mide lo que tarda la interfaz en responderte, no lo que tarda en pintarse.
E-03
Campo, 28 días. Es el número que dice si el contenido se te movió debajo del dedo.
E-04
Campo. Asume hosting en edge; en on-premise se renegocia contra la infraestructura real del cliente. No prometemos 500 ms sobre un servidor compartido ajeno.
CrUX y Navigation Timing. Ver la medición de esta página →
E-05
Laboratorio, móvil emulado, mediana de tres corridas.
Lighthouse CI en cada cambio.
E-06
Sitio de marca: 150 KB transferidos en la primera vista sin imágenes de contenido, y 35 KB de JavaScript comprimido. Producto: 170 KB de JS comprimido por ruta.
Medición en el build, que rompe el build si se pasa. Ver la medición de esta página →
E-07
En producción, cada uno justificado por escrito.
Auditoría de Resource Timing con el mismo script que ves abajo. Ver la medición de esta página →
E-08
En todas las vistas, en cada cambio.
axe-core en CI.
E-09
Toda la funcionalidad sin ratón y sin trampas de foco.
Recorrido manual documentado por vista.
E-10
Cuerpo a 4.5:1; texto grande y componentes de interfaz a 3:1.
Cálculo sobre los tokens, no a ojo. Compruébalo en el laboratorio →
E-11
Foco no obstruido, sin gestos de arrastre obligatorios, objetivos ≥ 24 × 24 px, ayuda consistente, sin reingreso de datos y autenticación accesible.
Checklist manual firmada.
E-12
prefers-reduced-motion respetado en todas, sin que la funcionalidad se pierda.
Revisión manual y prueba automatizada.
E-13
Flujos críticos probados en Safari y en Firefox.
Sesión grabada, adjunta al entregable.
E-14
sitemap.xml y robots.txt válidos y canónicas autorreferentes.
Cobertura en Search Console.
E-15
JSON-LD válido: Organization, WebSite, BreadcrumbList y el tipo que aplique.
Rich Results Test.
E-16
Jerarquía sin saltos, alt descriptivo en toda imagen informativa y HTML semántico antes que div.
Revisión en cada cambio.
E-17
Open Graph y Twitter Card completos.
Depuradores oficiales de cada plataforma.
E-18
HTTPS obligatorio y TLS 1.2 o superior.
Verificación de cabeceras en el lanzamiento.
E-19
CSP sin unsafe-inline en scripts, nosniff, Referrer-Policy estricta y Permissions-Policy restrictiva.
Mozilla Observatory. Este sitio corre esa CSP hoy.
E-20
Al entregar, y revisadas cada semana después.
Auditoría automática semanal.
E-21
Gestor cifrado y rotación documentada.
Revisión de código y escaneo del repositorio.
E-22
Aviso de privacidad real, no plantilla, y GDPR si hay tráfico europeo.
Revisión legal antes de publicar.
E-23
Unos 43 minutos de indisponibilidad al mes, en hosting gestionado. Prometer 99.99 % exigiría multi-región activo-activo y guardia 24/7: es un compromiso de infraestructura, no de agencia.
Sondeo externo.
E-24
Desde dos regiones distintas.
Sondeo externo con alerta al equipo.
E-25
Diarios, retención de 30 días y restauración probada cada trimestre.
Prueba de restauración trimestral, con reporte.
E-26
Alto ≤ 8 h hábiles. Normal ≤ 2 días hábiles.
SLA por escrito, con el registro de tickets a la vista.
Auditoría
Estas cifras no salen de una captura de Lighthouse: las lee tu navegador de esta página, ahora mismo, con las APIs de rendimiento del estándar web. Si tu navegador no expone una métrica, verás un guion y el motivo. Nunca la estimamos.
Nada de esto se envía a ningún servidor. Verifícalo: la política de seguridad de este sitio declara connect-src 'none', así que aunque quisiéramos, el navegador lo bloquearía.
document.cookie no ve las cookies HttpOnly.Esta tabla es la lista completa de todo lo que tu navegador descargó para ver esta página. Cuéntala. No hay un solo renglón que no sea nuestro.
| Recurso | Tipo | Origen | Transferido | Real | Protocolo |
|---|
Pruébalo tú
Dos piezas hechas para esta página. Sin librerías, sin peticiones y sin trampa: el código que las mueve es el mismo que ves medido arriba.
Mueve el acento, el radio, el peso y la densidad. Estás editando variables de CSS reales y viendo el resultado al lado, con la verificación de contraste WCAG recalculada en cada cambio.
Speach.
Un sistema de marca es un conjunto de decisiones que se pueden escribir como variables.
Botón Etiqueta
Esto son design tokens. Es la razón por la que rediseñar tu marca no significa rehacer tu sitio.
La misma fotografía de este sitio, en dos codificaciones. Los bytes de abajo son los reales, leídos de Resource Timing después de descargarlas: es nuestro propio error de compresión antes de arreglarlo.
Nadie nota la diferencia de calidad. Todos notan la diferencia de segundos.
Cómo trabajamos
Una fase sin entregable verificable es una fase que no ocurrió. Por eso cada una termina en un archivo, no en una junta.
Fase 01 de 06
Entender el negocio antes que el sitio. Entrevistas con quien vende y con quien opera, no sólo con marketing; auditoría de lo que ya existe, con números.
Las decisiones caras se toman aquí, en papel, donde cambiarlas cuesta horas y no semanas.
Tokens y componentes antes que pantallas. Aquí branding e ingeniería son literalmente el mismo archivo.
Incremental y visible: cada dos semanas hay algo en línea que se puede tocar, no una presentación de avance.
El día del lanzamiento hay ventana acordada, reversión probada antes de necesitarla, monitoreo activo las primeras 48 horas y una persona de guardia con nombre y teléfono.
No retenemos accesos como mecanismo de retención. Si te quedas, que sea porque quieres.
Dónde ya se ve
No hay proyectos publicados en esta categoría todavía.
No inventamos clientes de desarrollo. La prueba de capacidad es este sitio, y está medida arriba.
Te hacemos una revisión gratuita de 30 minutos: performance, accesibilidad y SEO técnico. Te mandamos los hallazgos aunque decidas arreglarlo con alguien más.
