Web design and development studio
Websites that catch the light.
Innova Design designs and builds fast, accessible websites for businesses and brands, with real-time 3D, motion and sound, like this one.Fast, accessible websites for businesses and brands.
Sun through a slab of glassFrom here on, the light is computed live in your browserThe glass was shaped so its light spells our name
- Sun through a slab of glass
- The light on the wall is computed live in your browser.
- The glass was shaped so its light spells our name
Services
What we design and build
We design and engineer websites end to end: strategy, design, development, motion and sound, in one small studio.
Websites, online stores and digital products
Marketing sites, online stores, product sites, portfolios and web apps, designed and engineered end to end.
What’s included
- Strategy, sitemap and content plan
- Art direction and interface design
- Front-end build, CMS and e-commerce setup
- Launch and care
Creative development
Real-time 3D, WebGL shaders, physics and procedural sound that run in a normal browser tab, with a plain version for everyone else.
What’s included
- three.js and custom GLSL
- Scroll-driven storytelling
- Interactive product and brand 3D
- Procedural Web Audio
Interactive campaigns and games
Short, personal experiences people finish and share, tied to a real business goal.
What’s included
- Concept and game design
- Touch-first controls
- Shareable outputs
- Measurement you choose
Performance, accessibility and SEO
Budgets for load time, frame rate and contrast, set before design starts, plus semantic markup and search basics.
What’s included
- Core Web Vitals budgets
- WCAG 2.2 AA
- Reduced-motion versions
- Structured data
Design systems and content
Typed, accessible components and a CMS your team can edit without calling us.
What’s included
- Design tokens and components
- Headless CMS setup
- Documentation
- Handover and training
Play
Hide your name in the glass.
Wipe the mist off the glass, then slide it until the sunlight focuses. Then type a name: your browser shapes a new pane so its light writes that name on the wall.
The glass engine isn’t part of this build yet, so the bench can’t run here. The picture above is the set it runs in.
Your text stays in this browser. Nothing is uploaded: the glass and the light it casts are computed by physics on your device.
Skip the gameProcess
How a project runs
01 Listen
We learn your goals, audience, content and constraints, and agree what success looks like.
02 Shape
Sitemap, structure, type, art direction and motion, tested with real content.
03 Build
Engineered to be fast, accessible and easy to maintain, and tested on real phones and slow networks.
04 Launch
Launch, measure, fix what the numbers show, and keep improving.
How the glass behind this page is made
- 1 · Your name as a raw bitmap.
- 2 · The grid bends until each letter gets the right amount of light.
- 3 · The bending becomes a height map, and the height map becomes glass.
- 4 · The sun comes on.
A diagram, not a render. The glass itself is computed on your device in Play.
FAQ
Questions
What do you design and build?
Websites and web apps for businesses and brands, from strategy and design to development, motion and sound. Section by section, the list is under Services.
How does a project start?
You tell us what you’re making. We ask questions, then send a short plan and a written quote.
How long does a project take?
It depends on scope. We give you a schedule after the first call.
What does it cost?
Every project is scoped, and you get a written quote before any work starts.
Will my site be this heavy?
No. Effects are chosen per project, and we set budgets for performance and accessibility before design starts. Most sites need far less than this one.
Is all this motion and sound accessible?
There’s no background music. Short interface sounds answer what you do, like pressing a button or wiping the glass in the game, and nothing plays while you just read or scroll. The sound icon in the header turns them off at any time, and we remember that choice. There’s a volume control in the menu. Motion follows your device’s reduced-motion setting, and there’s a Still mode switch in the header. Everything works without either.
Can we edit content ourselves?
Yes. We set up a CMS that fits your team.
What happens to the name I typed?
It stays in your browser. Nothing you type in the game is uploaded or logged.
Where does my message go?
It’s emailed to our studio inbox, info@innovagroup.co.ae, through FormSubmit, an email-forwarding service. We reply by email.
Contact
Start a project
Tell us what you’re making. We’ll reply with questions, a rough plan and a written quote.