Catalogue / Plate 10← All plates
The finished house rises through the old
The finished house rises through the old one like land, wherever you rest.
Where you rest the pointer, a visualisation of the finished house rises through the photograph: a slate roof, rendered walls, timber cladding and full-height glazing.
Renovation and extension
The finished house rises through the old.
Rest the pointer on the house: the finished house rises there, with its new lines drawn just ahead of it.
pictures decoded …
Where you rest the pointer, the photograph of the house as found rises through the visualisation of the finished house.
Renovation and extension
And back to how it was.
Rest the pointer on the house: the house as we found it rises through the finished one, with its old lines drawn just ahead of it.
pictures decoded …
Remake it
Build one interactive web page: The contour field's hill, applied to the house. No lens and no hard edge: where the pointer rests, the finished house rises through the old one like land, wider the longer it stays. Contour lines mark its edge, the new design is drawn in line just ahead of it, and it sinks back slowly behind the pointer. Underneath, the same the other way round: the house as found rises through the finished one. Set it on an invented business called Sampleton, with its own drawn or generated pictures and no one else's files. It suits: A transformation that should feel grown rather than switched: renovation, landscaping, a garden maturing, restoration. Do not let it fail the way this kind of piece usually does: Showing a render as built work, or a reveal that looks like a smear. Here a 'Visualisation' label rides above anything risen, the edge is held to contour lines rather than a blur, and both pictures decode before anything rises. It must work with the keyboard, on a phone, with reduced motion respected and no text under 12px. Tell me which libraries you chose and why.
Notes: when it suits, when it does not, how it fails
- When it suits
- A transformation that should feel grown rather than switched: renovation, landscaping, a garden maturing, restoration.
- When it does not
- A visitor who wants a quick before-and-after: the lens or a plain comparison answers faster.
- How it fails
- Showing a render as built work, or a reveal that looks like a smear. Here a 'Visualisation' label rides above anything risen, the edge is held to contour lines rather than a blur, and both pictures decode before anything rises.
Measured on: landonorris.com · T11 · landonorris.com · T9 · A construction client's build · C1, C4. Built from scratch for an invented business; nothing here comes from the site studied.