El proyecto
Se trabajó desde la web original, inspeccionando el código y reconstruyendo la arquitectura desde cero: de las variables de estilo y el sistema de espaciado a cada componente, pensado para que el equipo de marketing lo reutilice.
En dos meses: más de treinta páginas estáticas y un CMS con dos colecciones principales y más de 350 fichas. Con Cursor y el MCP de Webflow, y aun así revisando a mano casi cada contenido en los cuatro idiomas.
El reto
Una de esas migraciones donde cada detalle cuenta: cambiar de plataforma sin que nada se mueva de su sitio, en cuatro idiomas y cuatro sistemas de escritura.
Los detalles
Validación
La IA aceleró la migración, pero hubo que revisar casi cada contenido en los cuatro idiomas para asegurar que todo estaba exactamente donde debía.
Color
La paleta de Remerge, por lo que se usa en la web entregada. Pasa por encima de cada color.
Uso medido en las grabaciones de la web entregada: cada píxel cuenta para el color más cercano; fotos y degradados aparte.
Tipografía
Medido en remerge.io, a 1440 px.
Espaciado
- Paso base
- Fluido
- Contenedor
- 1364 px
- 5relleno, 29 veces
- 8relleno, 14 veces
- 10entre elementos, 16 veces
- 14relleno, 26 veces
- 16relleno, 32 veces
- 22relleno, 18 veces
- 38relleno, 22 veces
- 40relleno, 13 veces
- 48entre elementos, 17 veces
Los rellenos, márgenes y huecos que más se repiten en la web entregada, a 1440 px y a escala real; tamaños fluidos (cambian con el ancho de la ventana), sin un paso fijo.
Movimiento
Cómo se mueve Remerge, en su propia grabación. Arrastra la línea de tiempo.
La home
El hero en escritorio: la serif ultraligera del titular y el teléfono que se monta con sus anuncios.
Cuatro idiomas, cuatro escrituras
Inglés, coreano, japonés y chino, revisados a mano en los cuatro.
Reconocimientos
Tres sellos del sector en un carrusel: Top DSP 2023 de Business of Apps, AppsFlyer y Singular.
Por dentro
Herramientas
- Webflow
- Cursor
- Webflow MCP
Cómo está hecha
- De Craft CMS a Webflow, reconstruida desde el código original
- Localización de Webflow en inglés, coreano, japonés y chino
- Migración asistida con Cursor y el MCP de Webflow
En cifras
- +30 páginas
- +350 fichas de CMS
- 4 idiomas
- 2 meses
Conclusión
La web pasó de Craft CMS a Webflow en dos meses, en cuatro idiomas: más de treinta páginas y 350 fichas de CMS, sin que nada se moviera de su sitio.
Su arquitectura se reconstruyó desde el código original, con componentes pensados para que marketing los reutilice. La IA aceleró la migración; la revisión, en los cuatro idiomas, se hizo a mano.
Lo que cuentan
«Trabajar con ellos en nuestra migración web fue una experiencia excelente de principio a fin. Llevaron un proyecto complejo, con varios idiomas, una arquitectura de componentes a medida y una migración de contenido extensa, con una precisión sólida.»
«Aquí va el testimonio del cliente sobre este proyecto: dos o tres líneas, con su retrato al carboncillo. Marcador para Eric.»