Keep scrolling to find out moreOpening the calendar …

/ Project

A firm that prepares walls for the electrician gets a website with one protagonist: a wall

NELA is a Hamburg firm that does the work before the electrician: wall chases, socket holes, core drillings and asbestos sampling. Its old website listed these services as a picture.

Industry
Wall chases, socket holes and core drilling, Hamburg
Services
  • Branding
  • Web design
  • Motion design
Platform
Website
The promise: one lit screen on dark concrete, the wall being marked in red chalk
The wordmark alone; the red core drops into the A
The task in one sentence and two tables of facts
The old first screen against the new one, a travelling red joint
Where the idea came from: the old site's drawing and the same marks on the new wallThe idea on the object: the wall from its end, one sentence
The four operations, each playing in its own frame
The reveal: the camera pulls back, the wall is one wall of a house
The exploded house on paper, red work areas
The wall as a scale drawing with its real measures
The card: front on sunlit concrete, back flat on ink
The red chalk line turning 90° and coming down beside the Betrieb text
Leistungen on a laptop in a sun patch, panels widening under the cursor
One chapter family on two phones and a browser
Werkstoffe on a monitor on a site desk, three tiles opening
The order as a chase with four stations
The wordmark at the scale of a building site
The dark chapter: the page goes dark and the laptop dims with it
The same chapter on a phone, and its one fact as a poster
The ring of statements at two scroll positions
The way out of the dark: the house closes on a white plinth
The wordmark centred over the dusk roomThe rule of the four letters, the A cropped until abstractFour other ways to draw the idea, and the wordmark
The wordmark on its grid, drawn in
Four optical decisions: N, E, L and A, the coreMark, wordmark and lockups on paper, ink and pictureFive colours and one typeface, set in the site's own stringsThe mark at work: app icon, share card, favicon in a browser tab, floating barThe mark on the road, on the head, on the fenceThe whole page at once, desktop, two columns on ink
Concrete coming apart around the phone, the house coming apart on its screen
The whole phone page in five columnsThe phone layout was measured: three figures
One scene, two engines: live model on desktop, picture sequence on the phone
Blender passes wiping through one camera: wireframe, clay, material, final
The breakdown sheet: passes, the wall in its parts, the texture set
The house on a turntable and the weight of the models
The only button of the site, milled on hover
The first screen held, the whole page scrolling under it
The system: twelve columns, nine spacing steps, the components
The page as one scroll, drawn to scale
Structure, first build, final: three real states of one screen
The addresses that had to survive and what a machine reads, before and now
The search snippet and the entity, what an assistant can quote, queries by intentThe core on an Aufmaß sheet, three facts, the credits

/ Next project

A car broker who keeps his stock up to date from a chat window

The site for a one-person vehicle broker in Prague: stock served from a database, two languages for one market — and a car that goes live from a Telegram link.

View case