ma-ry.com

ALACER2024

A design system built to grow with the client

Two-part project for an acoustic solutions company — rebranding and responsive website, then a minimal landing page for their new product line.

Alacer website and product landing page
Role
Lead designer and developer, freelance
When
2024
Scope
Rebranding • Responsive website • Product landing page • Design system
Tools
React • Tailwind • Figma • Illustrator • Photoshop

01 Overview

Alacer needed to modernize their online presence to reflect their growth as a leading acoustic solutions provider

Their existing website didn’t effectively communicate their technical expertise or showcase their product range. Architects and facility managers needed a clear way to understand Alacer’s acoustic solutions, request quotes, and access technical specifications, but the existing site was outdated and difficult to navigate.

A collaboration with Alacer’s cofounders — a married couple leading the company since the early 2000s, with a strong passion for design, acoustics and natural materials.

02 Approach

Client-centered design with a technical-expertise focus

Prioritized technical credibility over flashy design, created comprehensive product showcase sections, implemented clear contact and quote request flows, and built a scalable content management system.

03 Outcome

Technical B2B clients value clarity over creativity

Product showcases need both visual and technical information. Client training is crucial for long-term success. Scalable systems reduce future maintenance costs.