← Case studies
02Architecture·Custom · 18 days

Field & Form

A studio portfolio that holds the work without getting in front of it.

Project archive with custom case-study templates, image-heavy without the weight, bilingual EN/ZH. Quiet typography, generous whitespace, careful pacing.

Pages
12 + archive
Tier
Custom
Cycle
18 days
Stack
Next.js · MDX · i18n
01The brief

Field & Form had twelve years of completed projects and no good way to show them. The previous portfolio was a Cargo template that compressed everything into thumbnails. They wanted each project to breathe — and they wanted both English and Chinese reads to feel native, not translated.

02What we built

An MDX-backed archive with a custom case-study template: tall hero image, project metadata strip, longform body, technical drawings inlined. The whole thing renders in EN and ZH with locale-aware typography. Image performance gets a lot of attention — full-bleed photography that still loads cleanly on a 4G connection.

03The cycle

Custom-tier projects don't fit into a fixed cycle, but this one ran 18 days end-to-end. Week one: information architecture, typography system, and the first three project pages. Week two: bilingual implementation, archive index, image pipeline. Day 18: cutover.

04What we learned

Bilingual sites benefit from designing the Chinese type stack first. Latin type adapts to a CJK rhythm more gracefully than the reverse — we now start every multilingual project with the heavier script.

It's the first version of our portfolio that I actually want to send to people.
Principal, Field & Form

Next case · Finance

A small RIA's first real site — credible without sounding like a bank.

Read Linley Wealth

Your project

Want a cycle like this?

One sentence. We'll come back within a day with a read on fit, tier, and timeline.

hi@500days.co