El punto de partida
CanalDis es un medio de comunicación del sector de la distribución y el gran consumo. Cubre la feria Alimentaria y, para la última edición, quería una web propia del evento, separada de su portal principal.
Hasta entonces, la cobertura de la feria y sus vídeos vivían dentro de la web principal, más estática y montada sobre un gestor de contenidos manual. No tenían una página pensada para el evento, con su propio ritmo y su propia identidad.
Lo que pedían era una landing atractiva y nueva donde cada día de feria apareciera información distinta, con vídeos y resúmenes, que se pudiera seguir consultando cuando la feria terminara. La querían rápida y bien resuelta en móvil, con buena presencia para las marcas que aparecen en la cobertura.
Qué diseñamos: una landing a medida para la feria
Diseñamos un microsite a medida con la identidad de CanalDis: sus colores y su logo. El diseño de landing page partió de cómo quería contar la feria el propio medio, y montamos la web alrededor de eso, sin las limitaciones de un editor por plantillas.
La landing organiza tres bloques: las empresas participantes, con los logos oficiales de cada marca; los vídeos de la feria; y las ediciones anteriores. El contenido cambia por día de feria, así que cada jornada la página muestra información nueva y, cuando el evento acaba, todo queda consultable en el mismo sitio.
Entre las empresas que aparecen hay grandes marcas de gran consumo, como Nestlé o ElPozo. Estas marcas están en la web porque el medio las cubre en su información de la feria; no son clientes de Aplikable.
Migramos su histórico de ediciones anteriores
El archivo de ediciones anteriores estaba atrapado en el gestor de contenidos antiguo. Lo traspasamos a una base de datos propia, una migración clásica, para que dejara de depender del sistema viejo.
Así, el histórico quedó integrado dentro de la nueva landing y se consulta desde ahí, junto al contenido del año en curso, en la misma web.
Entrega con fecha fija: dos semanas
La feria fijaba la fecha de entrega. Trabajamos con un plazo de dos semanas, una de desarrollo y otra de ajustes, para llegar con la web lista el día que abría el evento.
Durante la feria fuimos publicando los directos, del orden de cincuenta vídeos, y después los sustituimos por las versiones editadas. Para las empresas participantes usamos los archivos oficiales de cada marca, así la landing tenía buen aspecto desde el primer día.
Este es un encargo típico de desarrollo web a medida: un objetivo concreto, una fecha que no se mueve y una web hecha para eso, sin arrastrar lo que no hacía falta.
Rendimiento: rápida y responsive
La web salió rápida y responsive, que era el requisito de partida. En Lighthouse marcó 100 en SEO y 100 en buenas prácticas, 95 en accesibilidad y 89 en rendimiento. El diseño responsive estuvo en la base del proyecto desde el principio.
Aguantó bien los picos de los primeros días, que es cuando entra más gente, sin caídas y con actividad alta durante las jornadas de feria.
Lo que quedó como margen de mejora
El punto más flojo fue el Speed Index. Había peticiones que bloqueaban la carga inicial, del orden de 350 ms, margen en la entrega de imágenes, unos 70 KiB, algo de JavaScript heredado, unos 14 KiB, y latencia en la petición del documento.
Fue una decisión consciente: con una fecha inamovible por delante, priorizamos llegar a la feria con la web funcionando. La optimización fina de imágenes y vídeo quedó anotada como mejora para la siguiente edición.
Cuándo tiene sentido una landing para eventos
Una landing para eventos encaja cuando hay algo con fecha y foco: una promoción puntual, una campaña de marketing, un evento o un formulario de captación. Se pone cuando hace falta y se retira cuando pasa, sin tocar el resto de la web.
Además de lo que hicimos aquí, este tipo de desarrollo da para más. Puede entregarse como PWA instalable en el móvil y puede integrarse con otras herramientas para captar leads de forma automática. En este caso no montamos ninguna de las dos, pero son la clase de piezas que una landing a medida admite sin rehacerla.
Si tienes una feria, un lanzamiento o una campaña con fecha, así es como planteamos el desarrollo web a medida para llegar a tiempo. Cuéntanos tu caso y te decimos por dónde empezaríamos.