All ETSCH projects

Form & Field

An architectural practice website with detailed project narratives, material choices and a guided project brief.

Our role
Design & development
Languages
Arabic & English
Status
Self-initiated concept
Form & Field — project preview
Visual direction created for a fictional brand. Open the website to try the complete experience.

What did the
project need?

The problem

Architecture clients need to understand the reasoning behind a space, not just see a beautiful render. The practice needs a brief with location, scale and budget before discussing scope.

The solution

A complete interactive customer website paired with a local demo management workspace, built as an honest example of a possible client project.

A useful journey,
not just a homepage.

Project depth

Two architectural studies include large images, project type, floor area, materials and a narrative about privacy, circulation and daylight.

Guided project planning

A form gathers project category, approximate area, location, budget and intent before creating a local enquiry.

How the business
gets things done.

Open management demo

Enquiry pipeline

Review incoming demo briefs, move them through confirmed and completed states, and retain internal notes.

Content & availability

Show or hide portfolio entries, pause new enquiries and export this brand’s local records.

The decisions
behind the details.

A distinct visual identity

Landscape images, restrained serif headings and material-like neutral colors create an architectural rhythm. Project captions carry practical information instead of decorative badges.

The main interaction challenge

Keeping large images readable in narrow screens, explaining unbuilt concepts honestly, and turning a vague enquiry into a useful structured brief.

Accessible by design

Native forms and dialogs, visible keyboard focus, reduced-motion support, responsive layouts and Arabic/English content.

Design through
development.

Brand direction, editorial content, responsive customer pages, interactive detail views, business-specific tools, a working local management demo and automated checks.

HTMLCSSJavaScript modulesBrowser storageNode.js static build

Explore it yourself.

Browse the website, complete a sample flow, then open management in the same browser to see the record and update its status.

Discuss a similar project

More from ETSCH

Mostafa Rizk AM Garage Noor Saleh Slowday