A showroom that works in two directions.

The problem

Help people explore, then explain what they need.

SECTION presents furniture and interior fit-out work to English and Arabic readers. Visitors need to browse collections and project stories, understand the offer, and describe a potential project. The website combines a visual introduction with those practical browsing and inquiry tasks.

My responsibility

My part: the public frontend.

I built the Next.js and TypeScript frontend, including a Three.js photo hero, responsive English/Arabic layouts, collection galleries, project stories with collaborator credits, and the guided inquiry interface. The form includes client-side validation and consent controls. My work also included localized metadata, canonical and language-alternate links, and structured data.

Implementation & tradeoffs

An interactive opening with a simpler path available.

The photo hero uses Three.js, with fallbacks for reduced motion, low-data settings, and unavailable WebGL. This gives the visual experience a supported alternative when the interactive version is inappropriate or unavailable. Supporting both paths adds implementation work, but makes the core introduction less dependent on animation.

English and Arabic pages include different reading directions, navigation, and mobile layouts. The paired captures below show that treatment in the actual site. Reusable galleries and project-story components organize the visual content, while the inquiry interface turns a broad contact request into a sequence of choices.

Scope & limits

Visual work with an accessible route through it.

The site provides bilingual browsing, collections, project stories, and a guided inquiry interface. The screenshots show the homepage in both languages, the collection overview, and the first inquiry step. The live public site is linked for further exploration.

This case study describes frontend implementation. Client-side validation alone is not a complete submission-security boundary, and no conversion uplift or performance improvement is claimed here.