Architecture website & editorial design
Form & Field
An architecture studio concept with bold typography, traveling linework and connected project and journal pages.
My role
Design Direction & AI-Assisted Development
Development Method
- AI-directed design
- Local creative development
Technical Stack
- HTML
- CSS
- JavaScript
- Vite
Project Category
- Website concept
- Scroll & interaction design
Overview
A fictional architecture studio website that connects sculptural geometry with an editorial project system. A traveling frame guides the scroll journey, while architectural photography and dedicated project and journal pages provide depth beyond the homepage. The photographs are illustrative assets, not claims of studio commissions; credits and concept information remain available in the demo.
How I Built It
Identity
Developed an architectural visual language using strong type, contrasting surfaces and geometric linework.
Experience
Authored the scroll-driven frame, layered imagery and responsive navigation, then connected project and journal narratives.
Delivery
Packaged the multi-page website with local assets, image credits, motion controls and a downloadable project brief.
Form & Field — homepage
