Elevando el ritmo: Rediseñando la página web de Di Audio para
un mejor engagement del cliente

Tiempo del proyecto: 7 meses

Rol desempeñado: ux & ui design, ux research, prototipado y colaboración en implementación

Herramientas utilizadas: Adobe XD, Photoshop e Illustrator

Trasnformacion de una pagina de inico

Descripción general del proyecto

Di Audio es una importadora y distribuidora de equipos de audio profesional, producción musical y DJ con más de 8 años en el mercado trabajando con marcas altamente reconocidas en el mundo musical y producción.

Problema

Tienda en línea con nula conversión.
Sitio web con carencia de valor.
La web desvaloriza a la empresa.
Se desperdicia un espacio con potencial.

Meta

Crea un conversión de ventas desde el sitio web para rescatar clientes potenciales de redes sociales.
Entregar una presencia profesional a la empresa desde su sitio web.

Investigación

Para iniciar la investigación realice 2 investigaciones para determinar una base que dirija el rediseño por el camino que lograra alcanzar los objetivos planetados.

Investigación 1

Empecé realizando una evaluación sobre la interfaz actual que será rediseñada y posteriormente comparé las tiendas en línea más populares o relevantes de internet para identificar elementos en común. Esto me ayudaría a considerar las nuevas mejoras del rediseño.

Investigación 2

La primera investigación, determinó los posibles problemas y con ayuda de usuarios reales aparecieron dos ideas clave: seguridad y familiaridad. Se busca ganar la confianza de los usuarios por lo tanto se plantea utilizar modelos familiares de tiendas en línea y elementos básicos de las plataformas de ecommerce más populares. Así como también concretizar la imagen de la empresa y sea coherente con sus redes sociales que tiene más fuerza.

ScreenShot investigacion 2 ScreenShot investigacion 2

User Persona

Se crea un User persona para entender mejor la dirección del rediseño y mantener claro el camino del proyecto.

Infografia de User Persona

Posterior a estas investigaciones se diseñaron nuevas páginas como carrito, feedback y checkout, pero a medio proyecto y cuando estás ya estaban listas para implementarse se optó por utilizar un servicio de terceros para operar la tienda en línea (Shopify) lo que hizo que varias páginas se descartaran. Aun así se conservaron páginas creadas desde cero como presentación de marcas, contacto, preguntas frecuentes, políticas de ventas.

Vista del flujo de la página

Diseño

El proyecto requirió creación un pequeño sistema de diseño como: tipografía, iconografía específica, establecer paleta de colores en función a la esencia de la empresa y homogeneizar el contenido de la página.

Sistema de diseño de la tienda Diaudio

Teniendo en cuenta nuestro flujo, sistema de diseño y demás consideraciones se procedió a realizar el rediseño en mock ups y prototipado. Las iteraciones de diseño de nuevos elementos y todo lo relacionado a la imagen de la empresa se trabajó con el equipo de marketing para mantener una coherencia con las redes sociales de la empresa.

Evolución de página home prototipo completo vista genrral de las pantallas diseñadas

Resultados

¿Qué fue de este proyecto?

  • targetIcono

    Al final el rediseño logró las metas propuestas y las necesidades fueron cubiertas.

  • ChartLineUpIcono

    Destacaremos que la página recibiría mas ventas después del rediseño y se puede trabajar con un nuevo sector de usuarios de forma más sencillas, que serían convenios con escuelas, colegios y academias.

  • DollarIcono

    Por último, todos los usuarios captados en redes sociales son redirigidos a una tienda en línea funcional.

El rediseño se ha mantenido en su generalidad aunque con cambios aún puedes visitar y conocer mejor el trabajo final en www.diaudio.com.mx