Main scene
From $2,500 USD
One idea. One journey. One goal.
Custom design, full development, mobile optimization, domain and hosting, and the deployment.
Estimated time: 2 to 3 weeks.Web design · Mexico
Immersive
web design
The best ideas aren't read. They're travelled through.
I'm Johonatan Cordero, and this is the page where I explain, in writing, what it is that I do: websites designed and coded entirely to measure, where interaction, narrative and movement help someone understand an idea before making a decision.
The definition
What an immersive site is
A traditional web page is read. An immersive web page is travelled through: as you scroll, the scene changes with you, and the site stops feeling like a catalog and starts feeling like a place.
The difference isn't decorative. On a normal page the visitor decides what they look at and in what order, which is perfect when they've come for a specific fact. On an immersive one, whoever designs it decides the order and the rhythm in which each piece of information appears — and that is exactly what you need when you have to convince before you inform.
The other difference is underneath: these pages aren't assembled by filling in a template. Every scene is drawn and coded from scratch, which is the only way for the movement to make sense and for the page to keep loading fast in spite of it.
The work
What it looks like
Two projects delivered and running. They can be travelled in full, on a phone or on a computer:
Cedros International School
The school's crest draws itself as you scroll, and out of it the cedars grow. One idea told through movement.
See the scene →Pacífico Azul
A private aviation operator: the hangar opens with the scroll and the map traces the route as you go.
See the site →And this studio's own journey —a descent from space to the bottom of the sea— can be travelled here. It's the calling card and, at the same time, the demonstration.
The comparison
How it differs from a traditional page
| Traditional page | Immersive page | |
|---|---|---|
| How it's built | Template or CMS, with plugins | Designed and coded from scratch, no templates |
| What the visitor does | Searches and jumps to what interests them | Moves through a journey with an intended order |
| What it's for | Informing, looking things up, publishing often | Convincing, explaining something new, leaving a mark |
| Who edits it | You, from an admin panel | Whoever coded it, through ongoing care |
| What it costs | Less, and it arrives sooner | More, and it takes weeks |
Neither column is better. They're different tools: the right question isn't which one is more modern, but which one solves what your project needs this year.
The fit
When it's worth it
When the first impression decides the sale and the product still needs explaining:
- A product launch or a seasonal campaign
- A real-estate pre-sale, where you have to sell something that doesn't exist yet
- The catalog of a collection, a hotel or a restaurant
- A pitch to investors or to a board
- Conferences, festivals and events with a date
- The story of a brand that wants to be told in full
When it isn't
If you need to publish three articles a week, if your business is mostly a catalog of hundreds of products that change on their own, or if you're still validating an idea and don't yet know what you're selling. In those cases another tool suits you better —a CMS, an off-the-shelf store, even a well-chosen template— and I'll tell you so in the first conversation, even if it costs me the project.
The craft
How it's made
No mystery, so you know what you're buying:
Narrative first
Before anything is drawn, we decide what the visitor has to understand and in what order. The journey is written the way a story is written: what's seen first, what's saved for the end, where it's worth pausing.
Experience design
Every scene is designed to fit the brand —color, typography, illustration, photography— making sure the user experience doesn't get lost inside the effect: you always have to know where you are, how much is left and how to reach the contact.
Custom development
The page is written by hand: scroll-linked animation, frame-by-frame sequences, 3D in the browser when the project calls for it, and careful frontend work so the movement runs evenly. No stacks of plugins.
Performance and phones
It's the part that takes the most work and the part nobody sees. Different images are served for phone and desktop, every file is compressed, it's tested on small screens —portrait and landscape— and it respects anyone who has animations turned off for accessibility.
Search engines from day one
The text lives in the HTML, not inside the animation: titles and descriptions, structured data and a sitemap ship solved. That's the reason this page exists — the journey convinces, but whoever arrives looking for information needs something written to read.
The studio
Who makes it
Me. Cauce is a one-person web design studio: you talk directly to the person who designs it and writes the code, with no account executive and no chain of emails. That has an upside and a limit, and both are honest — nobody is going to half-understand you, and I take on a small number of projects at a time.
I work from Mexico, remotely, in Spanish and in English. Besides websites I do brand identity, illustration and applied graphics, so if your project needs both you don't have to coordinate two vendors.
The investment
What it costs
It's quoted by scene. A scene is one idea you travel through from beginning to end: the first one pays for building the world —art direction, code, rhythm— and the ones that come after are derived from it, so they cost less.
Additional scenes
Lower cost per scene
The world is already built.
Derived from the main one, reusing its visual language and its performance. The world isn't built again: it grows.
Each one is priced by its complexity.If the project needs a store, bookings or advanced 3D, that's quoted separately. The full breakdown —what's included, what isn't, what moves the price and how it compares to the market— is on website pricing, in writing →
Questions
Frequently asked
Does an immersive site load slowly?
It doesn't have to. The weight comes not from the movement but from images and from libraries loaded needlessly. When it's coded to measure, different images are served per device and no unused plugins are dragged along: it usually weighs less than a commercial template with half a dozen extensions active.
Is it the same as scrollytelling or parallax?
Those are techniques; immersive is the purpose that orders them. A loose parallax effect on top of a template doesn't make a page immersive. What makes it immersive is that scene, text and rhythm are built as a single piece.
Can I edit the content myself afterwards?
These sites are written by hand so they load fast, which means they don't come with an admin panel. Changes go through the ongoing care plan. If what you need is to edit every day, another tool suits you better and I'll say so on the first call.
Does it work for a landing page?
Yes, and that's where it pays off most: one scene, one message, one button. That's exactly the main scene format, and most launches and pre-sales start right there.
Do you work outside Mexico?
Yes. The process is remote from start to finish, with progress shared over video call and WhatsApp. I have clients I've never met in person.
Contact
Tell me what you have in mind.
If you already know what you need, write to me and we'll pin it down. If you don't yet, that's fine too: the first conversation is exactly for that, and it's free.
or by email johonatancordero@gmail.com