1. Contexto y Objetivos
Mundovan ha solicitado un rediseño integral de su sitio web para mejorar la experiencia del usuario, optimizar el uso del espacio y facilitar una navegación más intuitiva. El objetivo principal es renovar el aspecto visual y funcional de la plataforma, manteniendo el contenido actual pero reestructurándolo de forma más clara y accesible.
2. Metodología y Herramientas
Para llevar a cabo este rediseño se han seguido estos pasos: - Análisis del sitio actual: Revisión de la web vigente para identificar puntos débiles en la navegación y la distribución del contenido. - Estudio de la guía de estilo: Basada en una paleta cromática que combina tonos azules, naranjas y verdes, y el uso de la tipografía Montserrat. - Prototipado con Adobe XD: Creación de prototipos para visualizar las nuevas interfaces (página de inicio, resultados, producto y sección de anuncios). - Revisiones iterativas: Pruebas con usuarios para asegurar que las mejoras en la distribución del espacio y los elementos interactivos contribuyen a una mejor experiencia.
3. Decisiones Estructurales
Entre las decisiones clave del rediseño destacan: - Redistribución del espacio: Reducción de márgenes y aumento del espacio entre el contenido para lograr una disposición más armoniosa. - Mejora del buscador superior: Rediseñado para hacerlo más intuitivo, mostrando solo opciones relevantes (para alquiler o compra). - Nuevo menú inferior: Dividido en cinco secciones principales (Noticias, Servicios, Perfil, Imágenes y Comunidad) y una sección "Otros" para información adicional. - Organización de las páginas de producto: Distribución en dos columnas para mostrar más información y botones para contactar con la empresa. - Rediseño de la cabecera y formulario: Adaptados a la nueva guía de estilo para lograr coherencia visual.
4. Diseño Visual y Guía de Estilo
La nueva guía de estilo se fundamenta en: - Paleta Cromática: Colores que evocan el cielo y el mar (azul), con detalles en naranja para destacar elementos interactivos y verde para botones específicos. - Tipografía: Se ha optado por la fuente Montserrat, utilizada en distintos pesos para títulos (H1, H2, H3) y texto corriente. - Retícula Responsive: Basada en una estructura de 12 columnas, adaptada a tres breakpoints (smartphone, tablet y escritorio).
5. Elementos de Interacción
- Botones de Navegación: La barra superior cambia de color (de azul a naranja) según la sección activa.
- Filtros y Buscador: Los filtros se muestran de manera destacada en la parte superior e incluyen botones para ordenar los resultados según las preferencias del usuario.
- Página de Producto: La información se distribuye en dos columnas, con botones para contactar con la empresa e íconos resumen de las características.
- Elemento "Volver Arriba": Un ícono fijo en la parte inferior permite regresar rápidamente a la parte superior de la página.
6. Resultados Esperados
Con este rediseño se prevé: - Una experiencia de navegación más fluida e intuitiva. - Una visualización más clara del contenido gracias a la redistribución del espacio. - Una interfaz moderna y coherente que refleje la identidad de la marca. - Un incremento en la interacción del usuario con elementos clave como el buscador, los filtros y los botones de contacto.
7. Conclusión
El rediseño del sitio web de Mundovan integra nuevas directrices visuales y estructurales que responden a las necesidades actuales de los usuarios. Con la implementación de una guía de estilo coherente y una reorganización del contenido, se logra una experiencia más agradable y accesible para los visitantes.
Gracias por confiar en nosotros para este proyecto.
