Skip to the stops
‹ Orbit

Immersive Web Demo

ORRIS, a glowing holographic globe with a smiling face, hangs above the Opti-Gen city at dusk.

Stop 1 of 11

Arrival

Welcome to Opti-Gen. I'm ORRIS.

This page is one continuous flight. Scroll down to fly forward, scroll up to fly back. The flight slows at each stop so you can look around.

What your website could do

Open on a world instead of a banner. Your shop, venue or product becomes a place people move through with a mouse wheel, a trackpad or a thumb.

Try it

Use the stop list to jump anywhere on the ride. Every stop has its own link you can share.

The amber clerk stamps a form at a lit front desk while the teal courier waits with a sheet of paper.

Stop 2 of 11

The paperwork desk

This is our little world of systems, software and robots, with surprisingly strong opinions about paperwork.

The amber clerk runs the front desk, and nothing gets past without a stamp.

What your website could do

Take enquiries, bookings and quote requests right where the story happens, and open any stop into a full page without leaving the world.

Try it

Forms that check the details

A form is the part of a website that has to work. This one is the enquiry form on this site, and it goes through four steps.

  1. Checked as you type. Missing name, malformed email, empty message: caught in the browser before anything is sent.
  2. Checked again on the server. The browser is never trusted on its own, so the same rules run where they cannot be skipped.
  3. Passed to an automation. The message goes to a pipeline rather than straight to a mailbox, so it can be routed, logged or forwarded later.
  4. Delivered as email. It arrives in the Opti-Gen Core Systems inbox with the request type attached.

The same shape suits bookings, quote requests and sign-ups. You can try the real one at the end of the ride.

The teal courier holds open a heavy amber door. Behind it is a mop cupboard with a bucket and a bare bulb.

Stop 3 of 11

The door

Do come in. The teal fellow has opened the door. He hasn't checked where it leads, but we admire the initiative.

The grand door opens onto a mop cupboard. Initiative, as advertised.

What your website could do

Make every door a page, such as a menu, a price list, a booking page or a portfolio. Visitors step through, read, and come straight back to the spot they left.

Try it

Go through the door

It is a separate page. Its button brings you back to this exact stop.

The violet engineer scratches its head in the workshop, holding a coiled cable it is looking for.

Stop 4 of 11

Behind the windows

Behind these windows, information travels, machines do useful work, and somebody is looking for the cable they were holding a moment ago.

The violet engineer has searched the whole bench. The cable is in their hand.

What your website could do

Put hotspots on a scene so people can tap the parts that matter, like the features of a product, the rooms of a venue or the steps of a service.

Try it

  • The cable Found it. Still in their hand.
  • The head scratch Every search starts here.
  • The bench Sorted, labelled, and not where the cable was.
The teal courier holds up a dangling chain of plug adapters to the amber clerk, who holds one cable.

Stop 5 of 11

Three adapters and a restart

On this channel, we'll explore how technology actually works. Artificial intelligence, local computing, automation, and why something described as seamless has required three adapters and a restart.

One cable, a chain of adapters, and a hopeful look at the clerk. Scroll on and the lights go out on "restart".

What your website could do

Let people open pictures full screen to see the detail, and play small moments on cue.

Try it

Open the picture and count the adapters.

A glowing tree of light grows between datacentre cabinets, one branch lit to a single leaf.

Stop 6 of 11

Follow a request

We'll follow a request through the machinery, visit the places your data can travel, and discover what language models are doing behind the confident delivery.

The courier's request card dives into a tube, races along a path of light to the datacentre and comes back out of the hatch as a polished answer.

What your website could do

Walk people through a process one step at a time, like how an order is made, how a booking works, or what happens after they press send.

Try it

  1. The courier holds up a glowing request card.
    1. The request Someone asks for something.
  2. The card rushes along a lit delivery tube.
    2. Into the machinery It leaves the front desk.
  3. A packet of light runs along a glowing path across the landscape.
    3. Along the light path It travels, and the route matters.
  4. Datacentre cabinets with one branch of a light tree lit.
    4. The datacentre Somewhere real does the work.
  5. The clerk presents a neat glowing box: the finished answer.
    5. The answer It comes back looking confident.

For the real explanation, open the Understanding Tech guides. Your browser's back button brings you here.

In the build bay a tall robot holds a panel on crooked while the teal, amber and violet bots look on.

Stop 7 of 11

The build bay

We'll also show what we're building at Opti-Gen, including the bits that go wrong, especially those. They tend to be educational once the human has finished muttering.

The courier is proud, the panel is crooked, and the violet engineer has noticed.

What your website could do

Show real work, like projects, products and case studies, told honestly, fixes included.

Try it

Visit the Digital Store

Real apps you can open. Your browser's back button brings you here.

ORRIS hovers over a round project table, ringed by floating holographic cards, while the three bots look up.

Stop 8 of 11

Bringing it together

I help bring projects, tools, and contacts together. My little colleagues make the invisible parts easier to see.

ORRIS gathers the cards and tools into a ring over the project table while the crew looks up.

What your website could do

Connect to the systems a business already runs, so an enquiry, booking or order lands where it is needed without copying and pasting.

Try it

Here is the trip your message makes on this very site.

  1. You write it in the enquiry drawer.
  2. The browser checks it before anything is sent.
  3. The server checks it again and refuses anything malformed.
  4. An automation carries it to the delivery step.
  5. It arrives as email in the Opti-Gen Core Systems inbox.
The teal bot rests a finger on a large red button, grinning at the camera.

Stop 9 of 11

Meet the crew

The amber one checks the details. The violet one keeps things running. The teal one has found another button.

Three bots, three jobs, one very tempting red button. Scroll on to find out.

What your website could do

Introduce your team, your products or your range in a carousel people can swipe and open up.

Try it

  1. The amber clerk scans a glowing tile at the counter.
    Amber Checks the details. Owns the stamp.
  2. The violet engineer tightens a bolt on a large brass gear as its lights come on.
    Violet Keeps things running. Finds the cable eventually.
  3. The teal courier rests a finger on a big red button.
    Teal Has found another button.
ORRIS glows above the whole Opti-Gen world: lit routes, domes and the workshop below.

Stop 10 of 11

Welcome to our world

You don't need to be a developer to join us. Just bring your curiosity. We'll bring the explanations, and apparently a ladder. Welcome to our world.

The camera pulls back over the whole Opti-Gen world.

Everything you just did, a website can do

On this ride you can fly a 3D world with your scroll, open a page in place, step through a door and come back, tap hotspots, enlarge pictures, swipe carousels and visit real pages.

Go back to any of it

The amber clerk turns to the camera with a flat, unimpressed stare.

Stop 11 of 11

The conveyor belt

Right. Who authorised the conveyor belt?

Want a world like this for your business?

We build 3D scroll-world websites and one-to-one software for small businesses. Tell us what you sell or show, and we will tell you honestly whether a world like this suits it.

Talk to Opti-Gen Core Systems Fly it again Back to the orbit

This ride is the opening of ORRIS Explains, our plain-English tech series. The world, the bots and the flight were made in house.