PIERO BASSA

Websites(01)by Piero Bassa

Animated 3D websites, made to measure

A site that moves with the person looking at it, built around your business and not around a template.

tunnel-verde-demo.netlify.app
Tunnel VerdeA Vespa marketplace in Rome. Recorded from the published site, untouched.

(How it works)

An animation made for you plays at the top. Further down there is a second one, twenty or thirty seconds long, that only moves when you scroll: the reader sets the pace, and reads what you do along the way.

These animations are not videos to sit through: they are frames drawn on a canvas, delivered in packs that arrive in the right order. The site opens quickly even on a phone.

(Try it)

Scroll, and the house is rebuilt

This is the sequence from Cengel Holding's site: the London facade, the empty room, the survey and the project lines, then the finished home. It only moves when you scroll, at the pace you choose. Alongside, the figures measured right now on your device.

cengel-holding-demo.netlify.app
The facade of a London terraced house, brick and black doors

(Websites)

Websites with animation

Opening
An animation that plays on its own, made for your business
Scroll
Twenty or thirty seconds that move with the reader's thumb
Pages
Services, work, about, contact, in two languages
Speed
Frames delivered in packs, images at the right size
Search
Titles, descriptions and structured data on every page
Legibility
Contrast measured on every line of text, on every frame
Testing
Every page checked in a real browser at seven widths
Without JavaScript
The site stays complete with scripts turned off

(Sites we have built)

(Questions)

Before we start

How much does an animated website cost?

We work with every budget: from an essential site without 3D animation, quick to launch, up to a full animated 3D site, an online shop or a platform. After the first call we send a proposal built around your budget, with every item listed, and show you the demo of your home page before you sign.

Does the animation slow the site down?

No. The text and the first image load first; the animation arrives in packs, at the size that suits the screen, and starts only after the first gesture. On a phone the whole sequence weighs about a third of the desktop one.

Can Google read an animated website?

Yes. The animation sits behind real text: every heading, paragraph and caption is in the HTML, the page stays complete with JavaScript turned off, and each page has its own title, description and structured data.

Does it work on phones?

Yes. Phones get a vertical cut of the animation made for a portrait screen, and every page is checked at seven widths, from a small phone to a large monitor.

How many pages does a site have?

Usually between eight and sixteen per language: the home page, one page per service, your work, about, contact and privacy.

Who takes the photographs?

We use yours when they exist. Where they are missing we use licensed images, listed one by one, to be replaced when yours arrive.

Can I edit the site myself?

The copy lives in one file per language, ordered page by page. For bigger changes you write to us and we make them.

How long does it take?

Five weeks from signature to launch, as long as copy and photographs arrive on time.

Next service: Online shops