Back to work

Pro Audio / E-commerce / WordPress

Quagliardi Pro Audio Digital Platform

Quagliardi Audio is an Argentine manufacturer of professional audio equipment. The work has supported the brand's digital presence, product pages, WordPress implementation, WooCommerce direction, and current move toward a faster marketing architecture.

This case is about the real platform work completed over time: making the site clearer, easier to maintain, and better prepared for product content, commerce, and future iterations.

Project Overview

Quagliardi Audio needed a digital platform that could present professional audio products, support product launches, and keep the site editable in WordPress. Over time, the work also included WooCommerce direction and a planned separation between the marketing site and commerce layer.

My Role

I worked as lead product designer, UX/UI designer, technical design partner, WordPress implementer, and front-end collaborator across the website, product structure, content patterns, and migration direction.

The Challenge

The main challenge was supporting technical product content, commerce needs, and future growth without making the live website harder to edit or maintain.

Design Process

I started by improving the website structure and product pages inside WordPress and Divi. Then I organized navigation, product content, and support areas around clearer user paths. Finally, I defined a direction where Astro can handle the marketing layer while WooCommerce keeps transaction-heavy flows.

Solution

The solution combined a cleaner WordPress site, product-page structure, responsive layouts, WooCommerce planning, local and staging workflows, and an Astro direction for a faster and more maintainable marketing experience.

Depth

What was complex about Quagliardi Audio, and what I helped clarify.

What was complex
  • The site needed to support technical product information, brand credibility, and commerce-related needs.
  • The existing WordPress and Divi setup had to remain editable while the next architecture was being prepared.
  • Hardware, software, dealers, downloads, and support content needed a clearer structure.
What I helped clarify
  • How the product catalog and support content should be organized.
  • What should stay in WordPress and WooCommerce.
  • Why the marketing site could move toward Astro while commerce stayed separate.
Value created

Delivered a clearer digital foundation for the brand, with better product structure, maintainable implementation patterns, and a path for future iterations.

Solution visuals

Screens and visual references from Quagliardi Audio.

Quagliardi Audio website visual reference
WebsiteQuagliardi Audio website visual reference
Quagliardi Audio product listing visual reference
Product listingQuagliardi Audio product listing visual reference
Quagliardi Audio product detail visual reference
Product detailQuagliardi Audio product detail visual reference
Quagliardi Audio hardware gallery visual reference
HardwareQuagliardi Audio hardware gallery visual reference
Quagliardi Audio desktop website visual reference
DesktopQuagliardi Audio desktop website visual reference
Quagliardi Audio mobile website visual reference
MobileQuagliardi Audio mobile website visual reference
Quagliardi Audio platform overview visual reference
PlatformQuagliardi Audio platform overview visual reference

Design highlights

What changed in the experience.

Clearer product pages

WordPress and Divi implementation

WooCommerce direction

Responsive layouts

Local and staging workflow

Astro migration path

Outcome

The project created a stronger digital foundation for Quagliardi Audio. The site is clearer, the product content is easier to structure, and the platform has a more practical path for future changes.

Related work

Adjacent projects.