Volver al trabajo

Pro Audio / E-commerce / WordPress

Plataforma digital de Quagliardi Pro Audio

Quagliardi Audio es un fabricante argentino de equipos de audio profesional. El trabajo dio soporte a la presencia digital de la marca, las páginas de producto, la implementación en WordPress, la dirección de WooCommerce y el actual movimiento hacia una arquitectura de marketing más rápida.

Este caso trata sobre el trabajo real de plataforma realizado a lo largo del tiempo: hacer el sitio más claro, más fácil de mantener, y mejor preparado para contenido de producto, comercio y futuras iteraciones.

Puntos destacados del diseño

Qué cambió en la experiencia.

Páginas de producto más claras

Implementación en WordPress y Divi

Dirección de WooCommerce

Layouts responsivos

Flujo de trabajo local y de staging

Camino de migración a Astro

Resumen del proyecto

Quagliardi Audio necesitaba una plataforma digital que pudiera presentar productos de audio profesional, dar soporte a los lanzamientos de producto y mantener el sitio editable en WordPress. Con el tiempo, el trabajo también incluyó la dirección de WooCommerce y una separación planificada entre el sitio de marketing y la capa de comercio.

Mi rol

Trabajé como lead product designer, diseñador UX/UI, socio de diseño técnico, implementador de WordPress y colaborador front-end, a lo largo del sitio web, la estructura de producto, los patrones de contenido y la dirección de migración.

El desafío

El desafío principal era dar soporte a contenido técnico de producto, necesidades de comercio y crecimiento futuro, sin hacer que el sitio web en producción fuera más difícil de editar o mantener.

Proceso de diseño

Empecé por mejorar la estructura del sitio web y las páginas de producto dentro de WordPress y Divi. Luego organicé la navegación, el contenido de producto y las áreas de soporte en torno a recorridos de usuario más claros. Finalmente, definí una dirección en la que Astro pudiera encargarse de la capa de marketing mientras WooCommerce mantiene los flujos con más carga transaccional.

Solución

La solución combinó un sitio de WordPress más limpio, una estructura de páginas de producto, layouts responsivos, planificación de WooCommerce, flujos de trabajo local y de staging, y una dirección hacia Astro para una experiencia de marketing más rápida y mantenible.

Referencia visual del sitio web móvil de Quagliardi Audio
MóvilReferencia visual del sitio web móvil de Quagliardi Audio
Referencia visual de la vista general de la plataforma de Quagliardi Audio
PlataformaReferencia visual de la vista general de la plataforma de Quagliardi Audio

Profundidad

Qué fue complejo sobre Quagliardi Audio, y qué ayudé a clarificar.

Qué fue complejo
  • El sitio necesitaba dar soporte a información técnica de producto, credibilidad de marca y necesidades relacionadas con comercio.
  • La configuración existente de WordPress y Divi tenía que seguir siendo editable mientras se preparaba la siguiente arquitectura.
  • El hardware, el software, los distribuidores, las descargas y el contenido de soporte necesitaban una estructura más clara.
Qué ayudé a clarificar
  • Cómo debían organizarse el catálogo de productos y el contenido de soporte.
  • Qué debía quedarse en WordPress y WooCommerce.
  • Por qué el sitio de marketing podía avanzar hacia Astro mientras el comercio se mantenía separado.
Valor creado

Entregué una base digital más clara para la marca, con una mejor estructura de producto, patrones de implementación mantenibles y un camino para futuras iteraciones.

Resultado

El proyecto creó una base digital más sólida para Quagliardi Audio. El sitio es más claro, el contenido de producto es más fácil de estructurar, y la plataforma tiene un camino más práctico para futuros cambios.

Visuales de la solución

Pantallas y referencias visuales de Quagliardi Audio.

Referencia visual del sitio web de Quagliardi Audio
Sitio webReferencia visual del sitio web de Quagliardi Audio
Página de inicio con todos los productos de Quagliardi Audio
Sitio webPágina de inicio con todos los productos de Quagliardi Audio
El antiguo sitio web de Quagliardi Audio antes del rediseño
Sitio webEl antiguo sitio web de Quagliardi Audio antes del rediseño
Páginas de producto individuales para 500 Series y Colorbox DI
Sitio webPáginas de producto individuales para 500 Series y Colorbox DI
Paleta de colores de marca y cómo se refleja a lo largo del sitio web
Design systemPaleta de colores de marca y cómo se refleja a lo largo del sitio web

Trabajo relacionado

Proyectos adyacentes.