de
deDeutschen

Zieh weiter, um mehr zu erfahrenKalender öffnet sich …

/ Projekt

Ein Betrieb, der Wände für den Elektriker vorbereitet, bekommt eine Website mit einer einzigen Hauptfigur: einer Wand

NELA ist ein Hamburger Betrieb, der die Arbeit vor dem Elektriker macht: Wandschlitze, Dosenbohrungen, Kernbohrungen und Asbestproben. Die alte Website zeigte diese Leistungen als Bild.

Branche
Wandschlitze, Dosen- und Kernbohrungen, Hamburg
Leistungen
  • Branding
  • Webdesign
  • Motion Design
Plattform
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

/ Nächste Referenz

Ein Champagnerhaus, dessen Flasche sich mit dem Scrollen dreht

Eine Startseite als Stillleben: die Flasche in 3D gerendert, die Kollektion als Drehbühne, zwei Farben, eine Schrift — und das Scrollen als einzige Bedienung.

Referenz ansehen