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.

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

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.

Quagliardi Audio mobile website visual reference
MobileQuagliardi Audio mobile website visual reference
Quagliardi Audio platform overview visual reference
PlatformQuagliardi Audio platform overview visual reference

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.

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.

Solution visuals

Screens and visual references from Quagliardi Audio.

Quagliardi Audio website visual reference
WebsiteQuagliardi Audio website visual reference
Homepage featuring all Quagliardi Audio products
WebsiteHomepage featuring all Quagliardi Audio products
The old Quagliardi Audio website before the redesign
WebsiteThe old Quagliardi Audio website before the redesign
Individual product pages for the 500 Series and Colorbox DI
WebsiteIndividual product pages for the 500 Series and Colorbox DI
Brand color palette and how it carries through the website
Design systemBrand color palette and how it carries through the website

Related work

Adjacent projects.