Este es uno de mis proyectos más destacados. Fui el encargado del desarrollo completo de la página web, incluyendo su diseño visual, estructura y optimización. La plataforma integra formularios funcionales y está optimizada para garantizar un buen rendimiento, a pesar del uso intensivo de imágenes de alta calidad.
Además, diseñé todas las piezas publicitarias presentes en el sitio, y desarrollé la identidad visual del proyecto: desde la paleta de colores hasta la composición gráfica general, cuidando cada detalle para lograr una experiencia atractiva, coherente y funcional.
Primeros pasos: Migrar el sitio Web
El sitio anterior estaba alojado en Latinoamérica Hosting y presentaba limitaciones técnicas. Realicé la migración completa a Hostinger, lo que permitió:
- Usar WordPress como gestor de contenido moderno
- Mejorar la velocidad de carga y seguridad
- Facilitar futuras actualizaciones por parte del equipo organizador
Una vez ya migrado el sitio web se realizo el proceso de rediseño para este se tomó como referencia la versión anterior del sitio web con el fin de conservar su estructura principal y la disposición general de los menús. Esto para garantizar una transición fluida y familiar para los usuarios recurrentes, evitando rupturas en la experiencia de navegación y facilitando la adopción del nuevo diseño.
Comparación visual del rediseño
Para visualizar claramente la evolución del sitio, se realizó una comparación directa entre la versión anterior y el nuevo diseño. Esta vista resalta los cambios en jerarquía visual, legibilidad, uso del espacio y adaptación responsiva.
Parte dos: Rediseñando el sitio web
Rubik: tipografía versátil para interfaces
Rubik es una tipografía geométrica y versátil diseñada para interfaces digitales. Combina modernidad y personalidad, manteniendo una excelente legibilidad y un estilo equilibrado en cualquier dispositivo o tamaño de pantalla.
Sistema de color del proyecto
Esta paleta está compuesta por un color primario (#122057) que aporta solidez y presencia visual, un color secundario (#3BB6B6) que introduce frescura y contraste, y un color terciario (#4C4E6C) que refuerza la armonía general del diseño.
Para mantener una experiencia clara y funcional, se integran tonos neutros como el gris sutil (#F1F1F1), el blanco puro (#FFFFFF) y el negro absoluto (#000000), ideales para fondos, tipografía y jerarquía visual en distintos niveles de la interfaz.
Esta paleta fue elegida para complementar el carácter moderno y accesible de la tipografía Rubik, asegurando coherencia visual en todo el sitio.
Sistema de grid adaptable
El diseño implementado se basó en una cuadrícula adaptable de 11 columnas para la versión de escritorio, lo que permitió estructurar todos los componentes de manera inteligente y equilibrada. Además, se conservaron elementos clave de la versión anterior del sitio, facilitando la navegación para los usuarios recurrentes y ofreciendo un entorno visualmente renovado, pero familiar.
