El proyecto se desarrolló en grupo dentro de la asignatura Disseny Web, donde se nos pidió crear un sitio web de comercio electrónico utilizando el CMS WordPress. El objertivo era diseñar e implementar una web que cumpliera con los principios de usabilidad y accesibilidad, garantizando una navegción fluida para cualquier tipo de usuario.
Nuestro equipo decidió basar el proyecto en la figura de la ilustradora valenciana Tres Voltes Rebel, creando una tienda online que reflejara su identidad visual y peritiera comercializar sus ilustraciones y productoss de forma atractiva, coherente y funcional.
Esta es la propuesta final del prototipo web creado para la ilustradora Tres Voltes Rebel, donde diseño, color y funcionalidad se combinan para ofrecer una experiencia visual coherente y accesible.
Haz clic en la imagen para visitar la web.
PROCES CREATIVO
El dearrollo del proyecto siguió una metodología estructurada en varias fases, combinando diseño y desarrollo web:
- Creación de identidad: Definimos la identidad visual de la marca, tomando como referencia el estilo artístico de Tres Voltes Rebel: colores rosas pasteles y suaves, trazos orgánicos y una estética ilustrativa que transmitiera autentucudad y cercanía.
- Sistema de diseño (Atomic Design): Elaboramos un sistema de diseño en Figma siguiendo la metodología de Atomic Design, creando átomos, moléculas y organismos reutilizables para mantener coherencia visual y modularidad en toda la web.
- Evaluación del prototipado: Analizamos el diseño en función de los principios de usabilidad y accesibilidad, asegurando una estructura clara, tipografía y un contraste de color adecuado.
- Implementación en WordPress: Trasladamos el diseño a un sitio funcional dentro de WordPress configurando la estructura de navegación, las páginas de producto y los apartado informativos.
- Revisión de usabilidad y accesibilidad: Realizamos pruebas con usuarios y revisiones técnicas para garantizaar una experiencia optima tanto en escritorio como en dispositivos móviles.