Un 100/100/100/100 perfecto, sin tocar el diseño

Fronta opera una plataforma empresarial de RevOps e inteligencia de campo con IA sobre un sitio Next.js oscuro, terminado y con mucho contenido, publicado en inglés y turco. Logic Grid Studio dejó el diseño exactamente como estaba y reconstruyó los cimientos que lo sustentan: una auditoría Lighthouse perfecta de 100/100/100/100 — Rendimiento, Accesibilidad, Buenas Prácticas y SEO —, todas las versiones de librerías y frameworks puestas al día, y el SEO técnico reforzado en todo el sitio. Velocidad, vigencia y visibilidad, con cero rediseño.

La situación

Fronta es una empresa consolidada que opera una plataforma de Revenue Operations e inteligencia de campo impulsada por IA para cadenas de suministro, redes de distribución y operaciones en terreno — productos que abarcan Middleware, RevOps, Fieldmate, Oneview e Insight, presentados sobre un sitio Next.js oscuro y cargado de contenido, publicado en inglés y turco. El diseño estaba terminado y la marca, asentada; nada en cómo se veía o funcionaba el sitio para un visitante estaba en cuestión. El problema estaba por completo bajo la superficie. Un sitio de plataforma empresarial real y denso como este acumula aquello que frena un cimiento en silencio: versiones de dependencias y frameworks que se quedan atrás de la vigente, Core Web Vitals que dejan rendimiento sin aprovechar, brechas de accesibilidad y buenas prácticas, y detalles de SEO técnico que impiden que un sitio creíble sea tan visible como merece. El encargo era inusualmente preciso: hacer que el sitio actual fuera genuinamente rápido, plenamente vigente y debidamente visible, y lograrlo sin cambiar un solo píxel del diseño.

Por qué nos eligieron

Fronta acudió a Logic Grid Studio porque el brief se situaba justo donde la mayoría de proveedores fuerzan una falsa disyuntiva: casi toda oferta para hacer un sitio más rápido, más moderno y más visible llega empaquetada con un rediseño. Fronta no quería uno. El diseño estaba hecho; lo que necesitaba era un socio capaz de tratar el rendimiento, la vigencia de las dependencias y el SEO técnico como un único problema de ingeniería sobre una base de código existente — no como una excusa para empezar de cero — y mantener el diseño original perfectamente intacto mientras reconstruía todo lo que había debajo. Ese es el sistema integrado de ingeniería y crecimiento que opera LGS, aplicado aquí no a un proyecto nuevo, sino a la modernización disciplinada de un sitio que ya era bueno y que simplemente necesitaba volverse genuinamente rápido, vigente y visible.

Restricciones

Una sola restricción gobernó cada decisión y era el sentido entero del encargo: ningún cambio de diseño ni de UX. El diseño existente debía preservarse exactamente — el mismo layout, el mismo aspecto empresarial oscuro, los mismos componentes, los mismos píxeles, el mismo comportamiento para el visitante — mientras se reconstruían los cimientos que tenía debajo. Dentro de esa regla inquebrantable, los objetivos eran absolutos en lugar de incrementales, y sobre un sitio de plataforma empresarial real en vez de una página de marketing ligera: una auditoría Lighthouse perfecta en los cuatro pilares a la vez — Rendimiento, Accesibilidad, Buenas Prácticas y SEO —, todas las versiones de librerías y frameworks actualizadas a la vigente con la deuda técnica asociada saldada, y el SEO técnico reforzado en todo el sitio Next.js, todo con el diseño tratado como inamovible.

Lo que asumimos

Logic Grid Studio asumió los cimientos de principio a fin, bajo una estricta regla de no rediseño. En rendimiento, llevamos los Core Web Vitals de Fronta y el perfil completo de Lighthouse a un 100 perfecto en las cuatro categorías — 100 en Rendimiento, 100 en Accesibilidad, 100 en Buenas Prácticas y 100 en SEO — sobre el sitio existente y cargado de contenido. En modernización, actualizamos todas las versiones de librerías y de código/framework a la vigente, poniendo todo el stack de Next.js plenamente al día y saldando la deuda técnica acumulada que conllevan las versiones que se dejan rezagar, sin regresiones en el aspecto ni el comportamiento existentes. En visibilidad, reforzamos el SEO técnico en todo el sitio. En todo momento asumimos la restricción tanto como el trabajo: el diseño y la UX se preservaron exactamente como Fronta los tenía — cambiamos lo que había bajo el capó, nunca lo que estaba en pantalla.

Nuestro enfoque

Partimos de la restricción, no del marcador: el diseño no era nuestro para tocarlo, así que cada mejora tenía que venir de la ingeniería que lo sustenta. Tratamos los cuatro pilares de Lighthouse como un único objetivo conectado en vez de cuatro persecuciones separadas — empujando los Core Web Vitals y el rendimiento a un 100 perfecto mientras llevábamos Accesibilidad, Buenas Prácticas y SEO al 100 en paralelo, de modo que ningún pilar se sacrificara frente a otro y el diseño quedara renderizado idéntico al píxel al final. La modernización corrió en paralelo y lo reforzó: pusimos al día todas las versiones de librerías y frameworks de forma controlada, saldando deuda técnica y eliminando toda una clase de lastre de rendimiento y buenas prácticas que arrastran las dependencias antiguas, con cada actualización validada para que el diseño preservado siguiera comportándose exactamente como antes. El SEO técnico se reforzó en todo el sitio como parte de esa misma pasada sobre los cimientos, de modo que una plataforma empresarial creíble pasó a ser tan visible como ya parecía. La disciplina de todo el encargo fue la contención — alcanzar cuatro 100 perfectos en un sitio empresarial real y cargado de contenido es difícil precisamente porque no puedes simplificar el diseño para llegar ahí, y no lo hicimos.

El resultado

El sitio de Fronta se ve y se comporta exactamente como antes — y ahora corre sobre cimientos genuinamente rápidos, plenamente vigentes y debidamente visibles. La prueba es inequívoca: una auditoría Lighthouse perfecta de 100/100/100/100 — 100 en Rendimiento, 100 en Accesibilidad, 100 en Buenas Prácticas y 100 en SEO — lograda sobre un sitio de plataforma empresarial real y cargado de contenido, con el diseño intacto. Por debajo, todas las versiones de librerías y frameworks se han puesto al día y la deuda técnica asociada se ha saldado, de modo que el stack es moderno en lugar de quedarse rezagado, y el SEO técnico se ha reforzado en todo el sitio para que una plataforma creíble sea ahora tan visible como se presenta. Todo el encargo aterriza el punto para el que fue concebido: un sitio empresarial existente, con el diseño terminado, puede volverse perfectamente eficiente, plenamente moderno y plenamente visible sin un rediseño — velocidad, vigencia y visibilidad reconstruidas bajo el capó, con cero cambio de diseño.