Las landing pages estaban dirigidas a las campañas de marketing de los varios productos formativos de la UOC para el público catalán, español y latinoamericano.
Programación
El proyecto se ha realizado utilizando lo Framework PHP Laravel como MVC (Modelo-Vista-Controlador). De este modo, hemos podido generar múltiples landing pages partiendo de la misma vista con un solo controlador, dotando el proyecto de una elevada escalabilidad y flexibilidad.
En cuanto a la parte pública se ha utilizado Tailwind CSS, puesto que, combinado con los componentes de Laravel, ofrece una flexibilidad ideal para la creación de componentes reutilizables y optimizando el CSS generado a solo los estilos que realmente se utilizan en el proyecto.
Para los componentes con comportamientos e interacción avanzada, como por ejemplo los formularios de solicitud, se ha utilizado Vue.js. En este sentido, hay que destacar la integración de estos componentes con el sistema de captación de leads de la UOC.
Diseño
Todas las páginas de aterrizaje se han diseñado siguiendo los manuales de estilo de la UOC. Sin embargo, el área de Marketing se desmarca un poco del resto de la institución, apostando por un tono más juvenil y divertido, que emplea elementos como siluetas y formas geométricas de colores.
En cuanto a la metodología de trabajo, al principio de cada encargo, el Área de Marketing de la UOC preparaba un briefing con los textos e imágenes que tenía que contener la página de aterrizaje. Partiendo de este encargo, Utrans preparaba una propuesta de diseño multidispositivo (escritorio y móvil) con Figma.
A menudo, Figma es nuestro software de diseño preferido, sobre todo en cuanto a productos interactivos, puesto que nos permite crear prototipos para mostrar las funcionalidades del producto. También nos gusta compartir el proyecto en tiempo real con el cliente, que puede añadir anotaciones y sugerencias sobre el diseño sin necesidad de intercambiar hilos de correo infinitos. Todo esto contribuye a una dinámica de trabajo muy dinámica y colaborativa.
