SAUBERAIR - Air Purification Technology

The Challenge

Sauberair sells an innovative product: ultra-thin wall-mounted air purifiers (just 9cm deep) that disguise as framed artwork. Using patented COANDA air flow technology, UVC sterilization, and photocatalytic filters, these devices eliminate 99.99% of viruses and bacteria while looking like a picture on the wall. The challenge was complex:

• Educate B2B prospects on sophisticated air purification technology — COANDA effect, photocatalysis, PM2.5 filtration — without overwhelming them
• Position Sauberair for the Croatian institutional market: healthcare facilities, offices, schools, hotels, and retail spaces
• Present four product models with detailed specifications and a clear comparison
• Generate qualified leads through a professional contact form
• Support two languages — Croatian for the domestic market, English for international reach

The Solution

We built a modern, performance-first website using Astro — a static site generator that delivers near-instant page loads with zero JavaScript overhead where it's not needed. Combined with Tailwind CSS v4 and TypeScript, the result is a fast, accessible, and maintainable site that educates and converts.

The Design Process

The project started with a detailed Figma design phase. We mapped out the information architecture for a product that requires education before purchase, designed the visual hierarchy to guide visitors from understanding the technology to requesting a quote.

What We Built

• 10 content pages — covering technology, design, solutions by industry, products, about, and contact — each purpose-built to move prospects through the buying journey
• Interactive technology walkthrough — a 7-slide parallax animation explaining the COANDA air flow effect with GIF demonstrations, responsive behavior (vertical scroll on desktop, horizontal swipe on mobile), and reduced-motion support
• Product comparison system — four models (FLAT-LITE, FLAT WiFi/IoT, FLAT-BT, FLAT-ULTRA) with detailed specs and side-by-side comparison table
• 6 solution categories — tailored content for healthcare, education, offices, hotels, retail, and residential — each addressing industry-specific air quality concerns
• Smart B2B contact form — progressive fields for company details, industry selection, and space requirements, with Postmark email delivery, honeypot spam protection, and rate limiting
• Build-time internationalization — separate Croatian (sauberair.hr) and English (sauberair.eu) deployments from the same codebase. Zero runtime language switching overhead — each build is optimized for its locale
• Reviews carousel — auto-advancing testimonials with progress indicators, keyboard navigation, and pause-on-hover
• Rich Schema.org structured data — Organization, LocalBusiness, Product, Service, FAQ, and WebSite schemas for comprehensive search engine visibility
• Self-hosted IBM Plex Sans — 14 font variants in WOFF2 format with critical font preloading
• WCAG accessibility — skip navigation, semantic HTML, ARIA labels, focus indicators, screen reader support, and high contrast mode
• Privacy-first architecture — no tracking cookies, no analytics scripts. GDPR compliance by design, not by banner

Desktop Preview

Mobile Preview

Performance

Astro's zero-JS-by-default philosophy pays off. Here are the actual Lighthouse scores for sauberair.hr:

Results

Sauberair now has a professional B2B web presence that matches the sophistication of their product:

• Education-first approach — complex air purification technology explained through interactive animations and structured content, turning a technical product into an understandable solution
• Qualified lead generation — structured contact form capturing company details, industry, and space requirements upfront
• Bilingual reach — Croatian and English markets served from the same codebase with zero performance compromise
• Privacy by design — no tracking, no cookies, no analytics. GDPR compliance through architecture, not consent banners
• Accessible to all — WCAG-compliant design ensuring the site works for everyone, including assistive technology users