Projects / NUDUS

NUDUS

Architects inspired by nature, Rotterdam.

Nudus home1

NUDUS is a new architecture firm in Rotterdam with an extensive and impressive portfolio. NUDUS is inspired by nature, and you see that reflected in their work.

Design studio Lava designed the new brand identity. UX design agency Defigners handled the UX and website design, and Atypisch the full development on a custom WordPress install.

We built a percentage-based grid where fonts scale with the screen, an image grid that rearranges itself through an algorithm, custom components and a fully modular system inside the CMS.

01

Homepage & brand typography

Nudus home1

01 / 06 The wordmark in an organic display face, with nature photography that carries the inspired-by-nature idea.

02

The percentage grid

Nudus home2
Project overview · filter and search

A grid that scales. Letters and all.

The whole site sits on a percentage-based grid. Not only the columns scale. Typography does too. On a 13-inch laptop it reads differently than on a large retina screen. Both stay in proportion.

  • Container queries at block level
  • Fluid type with clamp-based scaling
  • Grid from 0 to 100% with 12-column support
  • Automatic gap compensation
03

Image grid algorithm

Nudus projects

03 / 06 Project overview with filter and search.

Nudus featured projects

04 / 06 Featured projects. Formats decided by the algorithm.

Key visual

Nudus home3

05 / 06 Renders and key images get a full-bleed presentation. Edge to edge, with parallax while you scroll.

04

Custom components

Nudus team
Team page · horizontal slider

Components that keep up with the content.

The page editor in WordPress became a modular block system. Each component (quote, gallery, image pair, video, embed) has its own settings for alignment, column width and mobile behaviour. Editors see how it lands live, without thinking about CSS.

  • Modular blocks in the CMS
  • Live preview per component
  • No developer needed for a new project page
  • SEO-ready templates
05

Screens from the live site

Nudus home1Nudus home1
Nudus home3Nudus home3
Nudus projectsNudus projects
Nudus teamNudus team
Nudus footerNudus footer
01 / 05

The grid system is so well thought out that we do not need a developer anymore to add new projects. That is exactly what we wanted.

— NUDUS team

Resultaat

A site that grows with the portfolio.

Management happens fully in WordPress, with components designed for architecture projects. NUDUS adds projects, rearranges photos and types a new section without a developer.

92Lighthouse performance on mobile
0Developer hours needed for a new project
38Reusable blocks in the CMS

The grid system is so well thought out that we do not need a developer anymore to add new projects. That is exactly what we wanted.

— NUDUS team

nudus.eu →

Related

Part of the same family

OKRA →Mijksenaar →Avest Advocaten →

Next case

Vuurtoreneiland

Booking and content platform for an island restaurant in the Markermeer.