Project Overview
About The Brand
The project focused on strengthening the website’s technical foundation by addressing recurring downtime, fixing performance bottlenecks, and building a more reliable, scalable platform that could support Ozone’s growing product portfolio.
The Challenge
Real estate websites often carry expectations of visual impact, but in this case, representation accuracy and operational alignment were equally important.
Design accuracy across building elevations, master plans, and spatial proportions, with zero deviation from approved architectural documentation.
Complex animation requirements that enhanced storytelling without affecting performance or clarity.
Seamless Salesforce integration to support real-time lead capture, tracking, and routing.
Premium brand expectations that required every interaction and transition to reflect refinement, confidence, and attention to detail.
The central challenge was maintaining control across design, motion, and technology without introducing risk to accuracy, performance, or sales workflows.
Process Description
Strategy
- 1Strategy Workshops
- 2Idea Validation
- 3Market Research
- 4Product Roadmap
- 5Research
Design
- 6Information Architecture
- 7Wireframing
- 8Visual Design
- 9Prototyping
Testing & Deploy
- 10A/B Testing
- 11UI Testing
- 12Deployment
The Challenge
Large-scale product catalogs create compounding technical debt:
Catalog Complexity at Breaking Point
Multiple product verticals with deep hierarchies meant hundreds of database queries per page load.
Chronic Downtown Crisis
The website crashed during peak business hours in mornings when architects searched for specs, afternoons when partners checked inventory.
Performance Degradation
Heavy unoptimized product images, bloated scripts, and inefficient page structures created 8-12 second load times.
Navigation Chaos
With hundreds of SKUs across dozens of categories, users got lost. Poor information architecture made product discovery feel like searching through an urorganized warehouse.
Goal
The optimization and redesign approach prioritized stability and clarity:
-
01.
Infrastructure Overhaul
Database query optimization reduced load on origin servers by implementing caching layers and query result storage.
-
02.
Asset Optimization at Scale
Compression applied to 2000+ product images without quality loss. Image format conversion to modern standards.
-
03.
Performance Budget Enforcement
Established maximum page weight limits. Every new product page had to pass performance thresholds before deployment. Asset loading priortized above-the-fold content.
-
04.
Real-Time Monitoring Infrastructure
Uptime monitoring with instand alerting implemented. Performance tracking dashboards established. Fallback mechanisms deployed for high-traffic scenarios to prevent total failures.
dau’s role focused on coordination and execution across disciplines rather than visual experimentation. The work involved aligning design decisions with architectural constraints, calibrating motion to remain functional, and integrating CRM workflows as a core system component. Design, development, and integration were approached as interdependent elements that required ongoing alignment.
Helvetica
Identity / GuidelinesOutcome
The ozone.in platform transformed from a fragile liability into a dependable business infrastructure.
Delivered consistent catalog availability during peak demand, removing uncertainty around service disruptions
Made system downtime an unacceptable outcome rather than an expected consequence of scaling
Ensured seamless, continuous access for partners and architects performing critical work
Established technical infrastructure that supports growth without inheriting past architectural weaknesses
Related Projects
- Design, Development
- Design, Development, wix
- Design, Development, wix
Translating Strategic Thinking into a Clear, Credible Digital Presence
- SEO, Web Design
Looking to build a search strategy aligned with your brand, audience, and growth goals?
Explore how dau approaches SEO + GEO optimisation with strategic depth.