Architeq – Premium Architecture & Interior Design Portfolio
A digital showroom where architecture breathes. Built for firms that refuse to let their billion-rupee projects be represented by static image grids. Cinematic GSAP storytelling meets performance-obsessed engineering.
“When an architecture firm designs a Rs. 500M luxury villa, the website showcasing it shouldn't look like a WordPress blog. Architeq was born from this frustration. SoftGen partnered with elite Sri Lankan architecture studios to build a portfolio platform that treats every project as a cinematic experience — where visitors don't just see buildings, they feel the spaces, understand the material choices, and absorb the design philosophy before they ever pick up the phone.”
Problem → Solution
How we identified the core bottleneck and engineered a precision solution.
The Challenge
What the client was struggling with
The firm's previous website was a standard template with a grid of images. High-net-worth clients — the ones commissioning Rs. 200M+ projects — were bouncing within 20 seconds. Why? Because a flat image grid cannot communicate spatial flow, material texture, or the emotional experience of walking through a thoughtfully designed space. The firm was losing premium leads to competitors with inferior work but superior digital presence.
Our Solution
How SoftGen solved it
SoftGen's approach was architectural itself: we treated each web page as a spatial journey. Using GSAP timeline animations, we orchestrated reveal sequences that mimic walking through a building — entrances, transitions, and discovery moments. Lenis smooth scrolling removes the mechanical 'click-jump' feeling of standard browsers, replacing it with a gliding sensation that mirrors luxury. Every image loads progressively at full resolution using intelligent lazy-loading, so even 8MB hero shots render instantly.
Core Architecture & Features
The foundational systems engineered to solve complex domain problems.
Spatial Navigation Engine
Custom Lenis scroll implementation that transforms vertical browsing into a spatial journey — each project section transitions like entering a new room, with depth-aware parallax layers.
Orchestrated GSAP Reveals
Multi-layered timeline animations where images, typography, and content blocks stagger into view with mathematical precision — creating a choreographed experience, not random fade-ins.
Gallery-Grade Image Pipeline
Intelligent progressive loading with blur-up placeholders for 4K+ architectural photography. Images render at native resolution without layout shift, maintaining visual integrity.
Technology Stack
The modern tools and frameworks powering this enterprise solution.
Next.js
React
Tailwind CSSBusiness Impact
Measurable metrics and operational improvements achieved post-deployment.
30% increase in premium client inquiries within 45 days of relaunch
Consistent 60fps scroll performance even with 50+ high-resolution images per page
Average session duration jumped from 20 seconds to 3.5 minutes
Three luxury project commissions directly attributed to website impressions
“The way SoftGen implemented the scroll animations makes our architectural photos feel alive. It’s exactly the high-end digital presence we needed to attract luxury clients.”
ZisuGen – The Digital Empire for Modern Tutors
SoftGen's flagship SaaS — the platform that's quietly reshaping Sri Lanka's Rs. 200B private education industry. Military-grade DRM, AI-powered grading, and smart attendance for 10,000+ students. Built by us. Owned by us.
Ready to build something extraordinary?
Let's discuss how we can engineer a high-performance digital solution tailored to your industry.