Three visual directions for the new Nodo site, each built as a clickable prototype of the homepage. Pick one and the rest of the site (Projects list, Project detail, Team, About, News, Contact, plus a sketch of the studio CMS) gets built out in that direction. The differences below are aesthetic, not technical — all three sit on the same Next.js + Supabase foundation discussed earlier.
Also built in this set: Projects list · Project detail
Magazine-inspired. Heavy serif display type, asymmetric grids, generous margins. Photographs sit inside layouts like figures in a printed quarterly. Suggests the firm thinks deeply about every project.
Reference · Apartamento, Cereal, Pin-Up → Direction BThe site looks like a set of drawings. Monospace type, technical labels everywhere — scale markers, project numbers, coordinates. Thin rules, restrained color. Photos treated as plates with captions.
Reference · OMA, Drawing Matter → Direction CThe opposite of busy. Almost nothing on screen except photography at maximum scale. One project at a time, navigated by tiny type. The work is the entire interface — the studio is confident enough to disappear.
Reference · Vipp, Olafur Eliasson →