task
Yacht sites usually sell speed and black luxury, and such a site would show the boat. The architect measures the boat, draws the layout and supervises the build, and the site has to show yacht owners, captains and shipyards the work of an architect.
concept
A yacht is still architecture, it just lives on water, so the site shows it the way you see it from the water. I don’t draw the water itself, no waves, no glare, no blue: it is there only as blur.
What you look at right now stays sharp: the frame, the text, the drawing. The rest is blurred.
logo
ARCH grows out of the word YACHT: a slot for R opens between A and C, the letters get heavier, and then the word stands as a sign. The wave of weight from the first version was dropped, so R now opens at full height while ARCH gains weight.
stages
The home page shows five stages of work: brief, layout, sketch, project and supervision. Each has its own frames, the first one the point cloud of the scanned boat.
projects
A drawing opens at full resolution.
Renders and drawings scroll on the left; the type of the boat, its length in feet, as yachtsmen count it, and the scope of work stand on the right. A drawing opens over the page and zooms in to the notes on the sheet: drawings are where the architect’s work shows.
what I dropped
Lottie from Cavalry.
The Lottie export of the animation weighed 18 MB and stuttered on every frame. So I animated the logo in code on live type.
result
The architect runs the site herself.
The site is live at yarcht.com in Russian and English. The architect adds projects and texts in Tilda herself, and one script of mine draws the design over her blocks.
