Diseño de Footers para Landing Pages: Estructura, Inspiración y Práctica en Figma

En la sesión del club, Mauricio González presentó la planificación de las próximas clases, comenzando con un ejercicio práctico enfocado en el diseño de un footer como paso previo a una landing page más compleja. La siguiente reunión se centrará en referentes de la industria hotelera, buscando conectar los ejercicios con casos reales, y en quince días se prevé una nueva práctica posiblemente sobre diseño de menús. Durante la clase se compartió el archivo de trabajo en Figma y se resolvieron detalles técnicos de permisos para asegurar que todos pudieran editar. También se introdujo Awwwards como fuente de inspiración, explorando una colección enfocada en food design para seleccionar ejemplos de footers. Cada participante eligió un referente y lo llevó a Figma para comenzar el análisis estructural.

Uno de los casos revisados fue el sitio Gelato, cuyo footer destacó por sus animaciones, efectos parallax y recursos avanzados. A partir de capturas de pantalla, se trabajó en la simplificación del diseño mediante wireframes, priorizando la comprensión de la estructura y jerarquía antes que la precisión en píxeles. Se discutieron conceptos como viewport height y viewport width, así como la importancia de la alineación y los sistemas de columnas. En la revisión de avances, se enfatizó que el objetivo no es copiar literalmente, sino entender el “sentimiento” y la intención detrás de cada diseño. La sesión cerró con la invitación a evaluar también las versiones móviles y a usar la inspiración como punto de partida para mejorar el resultado original.