Rediseño de un microsite
Este proyecto consiste en el rediseño de un microsite ya existente, en este caso, de la exposición de Banksy que tuvo lugar en Madrid. El objetivo principal de este microsite es la promoción, venta de entradas de la exposición y solucionar ciertos problemas de accesibilidad para mejorar la navegación de la web.

Análisis heurístico
Tras realizar una fase previa de investigación y varias entrevistas a usuarios navegando en el microsite actual, pude realizar un diagnóstico y ver los problemas que tenía que resolver:
- Menú. Actualmente tiene demasiados apartados, no necesarios para el objetivo del microsite.

2. Above the fold. La información importante para el usuario (lugar, fecha, horario, etc.) no está dentro del above the fold (parte del sitio web que se ve inmediatamente nada más ser cargado, sin tener que utilizar el scroll del ratón).

3. Botón de compra. El botón de llamada a la acción (botón de compra de entradas) es poco visible. Se encuentra al final de cada página.

4. Color del botón de compra. El botón de compra actual es rojo, color que puede estar asociado a errores, peligro o alertas en un sitio web.

5. Jerarquía del contenido. Los contenidos de la web están poco jerarquizados.

6. Fondo web. El fondo de la web tiene demasiado detalle, pasa a un mismo plano que el contenido.

Propuesta
Teniendo en cuenta los problemas del microsite actual, voy a enumerar las posibles soluciones para finalmente mostrar el prototipo del microsite propuesto:
- Menú. Mejora de la arquitectura de la información, reduciendo el menú a 4 apartados (Exposición, Información útil, Audioguía y Comprar entradas) para centrarnos más en la conversión. Preguntas frecuentes y Contacto pasan al footer.

2. Above the fold. En el above the fold se muestra toda la información importante de la exposición (cómo se llama, lugar, fecha, horario, compra de entradas, posibilidad de compartir en redes sociales, etc.)

3. Botón de compra. El botón de compra aparece en el above the fold y en la barra de menú (sticky).
4. Color del botón de compra. Cambio de color del botón a amarillo. Color utilizado para el proceso de compra e interacciones dentro del microsite.

5. Jerarquía del contenido. Conseguir una jerarquización del contenido para favorecer la navegación del usuario y el SEO del microsite.

6. Fondo web. Eliminación de la imagen de la pared de fondo para aumentar la legibilidad y el contraste con el resto del contenido.

Prototipo de la propuesta


