MPX Soluções em TI
The website of MPX Soluções em TI, a technology, process and governance consultancy in Brasília: as the visitor scrolls through its four-step method, a 3D scene brings six stacked slabs into square, and every section ends in an invitation to book a conversation.
- Project
- MPX Soluções em TI
- Status
- Live
- Category
- Consulting website · Scroll-driven 3D
Project facts
- Our role
- Art-directed, redesigned and built the website.
- Capabilities
- Scroll-pinned three.js method chapter
- SVG still fallback (no JS, reduced motion)
- Art direction & type system
- Content restructure
- Stack
- Astro
- three.js
- Mona Sans and Source Serif 4
The challenge
Give the four-step method of a technology, process and governance consultancy a visual form.
Decisions
One seeded geometry module feeds both the SVG stills drawn at build time and the live 3D stage, so the scene lands exactly on the still.
Structure snaps on a timed ease when a step of the method becomes active, while continuous processes (the plane of light, the trace, the sun's arc) follow the scroll.
On phones the scene drops the pin and the stack settles once; the headline is sized to its container and tested so its last line never holds a single word, from 320 to 1440 px.
The experience
Six slabs come into square as the visitor reads the four-step method, and every section ends in an invitation to book a conversation.
A good place to start
Have something
worth building?
What kind of project do you have in mind?
Pick one and the message is written for you.
Remote-first · working across the Americas, Europe, Africa and India
hello@codejtech.dev