The Challenge
Construction without photos
This project became a real challenge for us. We faced an almost complete lack of media materials from the client. How to showcase large-scale construction without real photos of the objects? The solution was found in an innovative approach: we used complex motion design, procedural animations of blueprints and architectural lines. As a result, the site looks dynamic and engaging, conveying the atmosphere of engineering and reliability.
ConstraintNo photo base
IdeaMotion instead of stock
FocusFast launch
First steps
We prepared 3 interactives
Initially, three interactive templates were developed for the client. We wanted them to feel the dynamics before full development started and choose the option they liked the most.
01
Complex motion
Generation of architectural lines on the fly.
02
Typography
Massive fonts and industrial style.
03
Minimalism
Clean forms and strict contrast.
Process
How we worked with the client
Despite the complexity and tight deadlines, we successfully launched the project, which became one of the brightest in our portfolio.
The Result
What we achieved
Lighthouse
All scores in the green zone
100SEO score after launch
Accessibility
Best Practices
SEO
Timeline
1.5 weeks
A record short time passed from the brief to the final release.
Analytics & SEO
Full suite
Integration of GA, GTM, Google Analytics Search Console. Full Schema.org microdata.
Stack
React + Three.js + Framer
Custom code ensuring incredible performance and animations.