Este proyecto fue desarrollado en colaboración con la Fundación DKV Integralia, una organización dedicada a la integración laboral de personas con discapacidad.
El objetivo principal era trasladar sus bocetos gráficos a una estructura HTML/CSS que mantuviera la coherencia visual de la marca, garantizando que el diseño web estuviera completamente alineado con la identidad corporativa de la fundación.
1. Objetivos
El principal objetivo de este proyecto fue convertir los bocetos gráficos enviados por la Fundación DKV Integralia en una maquetación funcional, responsive y accesible.
Se requería que la experiencia web fuera coherente con su identidad visual, asegurando que cada página estuviera optimizada para dispositivos móviles, tablets y ordenadores.
Además, se buscaba implementar una maquetación que facilitara la navegación del usuario, poniendo especial énfasis en mejorar la usabilidad para su público objetivo, incluyendo personas con discapacidades.
2. Características
Diseño Adaptativo: Todas las páginas, desde la landing page hasta los correos electrónicos, fueron diseñadas para ofrecer una experiencia completamente adaptable a dispositivos móviles.
Dado que el tráfico móvil es cada vez mayor, aseguramos que cada detalle gráfico y funcional se adaptara de manera óptima en cualquier pantalla.
Colaboración en el Diseño: El proceso comenzó con la maquetación de la landing page, la cual fue presentada al cliente para recibir su feedback.
Tras la confirmación y los ajustes solicitados, se avanzó con las demás páginas. Se trabajó muy de cerca con los diseñadores gráficos de DKV Integralia para asegurarnos de que la visión de la organización se mantuviera intacta en todo momento.
Referencias Corporativas: Para garantizar la coherencia gráfica y visual, se tomaron como referencia las páginas oficiales de DKV Integralia (DKV Integralia y su blog) que nos sirvieron como guía en cuanto a estilo visual y esquema de colores.
Esto permitió que las nuevas páginas mantuvieran la identidad de la fundación de forma clara y precisa.
Páginas Maquetadas
Landing Page (LP): La landing page fue diseñada para captar la atención del usuario desde el primer momento.
Su estructura se centró en guiar a los visitantes hacia una acción concreta, ya fuera una inscripción o consulta. Para ello, se incluyeron llamados a la acción estratégicos y contenidos claros y accesibles.
Thank You Page (TYP): Una vez que el usuario completaba la acción deseada en la landing page, se les redirigía a una página de agradecimiento (thank you page), la cual también fue maquetada según las pautas visuales de la fundación.
Esta página no solo confirma la acción realizada, sino que refuerza la confianza y relación con la marca.
Email: Además, diseñamos y maquetamos plantillas de correo electrónico que reflejan la misma coherencia visual que las páginas web.
Los emails fueron programados para adaptarse a diferentes clientes de correo electrónico y mantener la identidad visual de DKV Integralia.
Este proyecto no solo implicó el reto técnico de la maquetación, sino también la responsabilidad de trabajar con una fundación cuyo impacto social es notable.
Aseguramos que cada página estuviera diseñada con altos estándares de usabilidad y accesibilidad, cumpliendo así con la misión inclusiva de la Fundación DKV Integralia.
