La Página de UXnicorp
El sitio web que vende exactamente lo que hacemos
"Una plataforma diseñada a medida que actúa como demostración permanente de nuestro criterio, velocidad y transparencia comercial."
El punto de partida del desafío
Hurgando bajo la superficie: ¿Qué investigué?
Analicé sitios de agencias de desarrollo, estudios de diseño, freelancers senior y product studios. Encontré tres patrones repetidos:
- Todos se parecían demasiado: azul corporativo, fondos oscuros genéricos, renders 3D de stock y slogans vacíos. Era imposible diferenciarlas.
- Mucho discurso y poca evidencia: hablaban de "transformación digital" o "experiencias increíbles" pero mostraban muy poco trabajo real estructurado.
- Casi nadie enseñaba cómo trabajaba: se veía qué hacían o cuánto costaba, pero rara vez la lógica técnica o cómo tomaban decisiones de arquitectura.
Entendí que el sitio no debía actuar como un folleto, sino como una demostración. Cada sección tenía que probar algo: los casos probaban experiencia, la transparencia de precios filtraba leads y el UX Score demostraba nuestra metodología.
"Quería transmitir cercanía, criterio, honestidad, capacidad técnica y foco en resultados. Toda la arquitectura, performance y claridad comercial debía ser un reflejo exacto de lo que vendemos. Tomé una decisión poco común en agencias de desarrollo la cual fue mostrar los precios de forma transparente en la web. No como una tabla de "planes" genéricos, sino explicando exactamente qué incluye cada tipo de proyecto, cuánto cuesta y por qué. La hipótesis era que esto filtraría naturalmente a los prospectos que llegaban, los que solo buscan precio barato se van solos y los que valoran la calidad llegan con expectativas alineadas."
Comprender este pilar transformó por completo la dirección táctica del proyecto, permitiendo depurar el ruido innecesario y enfocarse en valor estricto.
Análisis de compromisos: opciones sobre la mesa
Construir software a medida requiere evaluar escenarios honestamente. Ninguna arquitectura es perfecta, cada decisión tiene un precio:
Plataformas No-Code (Webflow, Wix)
Ventaja: menor tiempo de desarrollo. Desventaja: contradicción difícil de justificar (vender desarrollo a medida usando un builder visual de terceros) y limitaciones técnicas para herramientas interactivas como el UX Score.
Next.js con desarrollo propio a medida
Ventaja: control técnico total, dogfooding de nuestro stack, optimización extrema y libertad absoluta para crear herramientas interactivas. Desventaja: mayor tiempo de desarrollo y mantenimiento.
La Decisión: El camino elegido
LO QUE FUNCIONÓ DE VERDAD
El sitio web terminó siendo la mejor carta de presentación del estudio: demuestra en vivo lo que aconsejamos, en lugar de contarlo. El UX Score también filtró el contacto, porque quien llegaba a la conversación ya traía un diagnóstico previo y eso subió la calidad de las primeras charlas. La transparencia de precios funcionó como filtro en el mismo sentido: alguien con un presupuesto lejos de nuestro rango puede descartarse solo y no ocupar una reunión. Y la página sirvió como portafolio viviente: cada visita ya estaba experimentando nuestro trabajo.
LIMITACIONES Y COMPROMISOS
Desarrollar y mantener el sitio a medida consumió más tiempo de diseño y código que una solución no-code. Las animaciones con Framer Motion y el smooth scroll de Lenis aumentaron el peso inicial, requiriendo optimización extra para mantener buenas puntuaciones en Lighthouse. La internacionalización manual requirió mantenimiento estructurado. Y el UX Score, al estar tan visible en la página, requería atención constante para no quedar desactualizado.
DE LA BITÁCORA PERSONAL DE GONZALO: ¿QUÉ HARÍA DIFERENTE HOY?
"Mejoraría el sistema de analíticas internas para medir con mayor precisión el comportamiento de usuarios en el embudo del UX Score. Diseñaría un sistema dinámico de contenido para incorporar blog o notas técnicas sin deploys manuales. Refactorizaría la estructura de traducción para soportar más idiomas de forma modular. Y probablemente replantearía algunas decisiones de animación para reducir dependencia de librerías externas en secciones donde CSS puro sería suficiente."
Anotación retrospectiva posterior al lanzamiento