Services
Work
Studio
Blog
Contact

Wallnut

Web Design and Development for an architecture firm

Web Design
Web Development
Wallnut is an architecture and engineering focused on premium residential, hospitality, and industrial projects.

The concept behind the wall

The concept for Wallnut’s website is based in architectural structure — using grids, lines, and spatial divisions to create rhythm. These elements define the layout while allowing movement and flexibility. Typography often breaks across these divisions, reinforcing the idea of tension between structure and creative expression.

Lines that set the tone

We designed Wallnut’s website with structure built into the experience — quite literally. Four horizontal lines frame the hero section, setting a calm but confident tone. From the first scroll, we wanted visitors to feel clarity, order, and control — a direct reflection of how Wallnut works.

Crossing the line

To bring Wallnut’s process to life, we played with transitions that mirrored architectural thinking — from sketch to render, from concept to detail. The home page features a timeline slider that breaks through rigid divisions, revealing the method behind the work in a way that feels fluid and intentional.

Layouts with logic and personality

We designed dynamic layouts where space could shift and adapt — allowing us to highlight services, showcase selected work, and introduce the team in a way that felt both structured and personal.

Contact experience

We didn’t want the contact page to feel like an afterthought — so we treated it like a space. It begins with a press-and-hold CTA, then unfolds in three vertical sections that expand and contract as the user progresses. It’s a small moment, but one that speaks volumes about how Wallnut designs every interaction with care.

Their availability, their accurate suggestions and their kindness in dealing with our questions make Forwwward one of the companies we have most enjoyed working with.

Afonso Pessanha

Wallnut
Next Case
Pixite
Pixite
Branding
Web Design
uHired
uHired
UX/UI
Branding
GenAR
GenAR
Creative Direction
UX/UI
Fellow Art
Fellow Art
Branding
UX/UI
Web Dev
Tail Time
Tail Time
Branding
UX/UI
MetaMove
MetaMove
Branding
Creative Direction
Club Curran
Club Curran
UX/UI
Web Design
Web Dev
Nagish
Nagish
Branding
UX/UI
Creative Direction
Flinkwerk
Flinkwerk
Branding
Creative Direction
Digital Candy
Digital Candy
Branding
UX/UI
Product Design
Evollu
Evollu
Branding
UX/UI
Web Dev
Znuny
Znuny
UX/UI
Branding
Web Dev
Creative Direction
Westcode
Westcode
Branding
UX/UI
Creative Direction
MindCompass
MindCompass
Branding
UX/UI
Web Dev
Creative Direction
Tricky Knot
Tricky Knot
Branding
Web Design
Web Dev

Ready to move your project forward?

Step into the future of your brand. Reach out today and let's move forward together.
Black arrow pointing to the right.
Enter