Alacer
Type
Website
Year
2024
Client
Alacer
Scope
Responsive website, React, Tailwind, Figma, Adobe Illustrator, Photoshop
My Role
Lead Designer & Developer, freelance
Team Context
A collaboration with Alacer's cofounders
Modern, minimal and warm. This is a work in progress rebranding project, for a small company making giganting investments in the building industry. Alacer is led by a married couple since early 2000s. They have a strong passion for design, acoustics and natural materials.
Problem
Business Challenge
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.
User Need
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.
Approach
Methodology
Client-centered design with technical expertise focus
Key Decisions
- •Prioritized technical credibility over flashy design
- •Created comprehensive product showcase sections
- •Implemented clear contact and quote request flows
Outcome
Key Learnings
- •Technical B2B clients value clarity over creativity
- •Product showcases need both visual and technical information
Alacer Design System
Style Guide & Components
v1.0
2025
Typography
HEADINGS
Hero Title
Section Title
Subsection
BODY TEXT
Regular paragraph text for main content
Light text for secondary information
LABELS
Navigation LabelColor Palette
PRIMARY
SECONDARY
NEUTRAL
Components
BUTTONS
CARDS
Card Title
Card description text
Grid System
12-COLUMN GRID • MAX-WIDTH: 1440px
BREAKPOINTS
SPACING