Fieldnote Studio - Creative Agency & Consultancy
An oversized-typography agency site with horizontally-scrolling case studies and a project inquiry form.
This site is a functional concept prototype and demonstration build created by Parmeet to showcase domain-specific UI/UX architecture, responsive layouts, and interactive mechanics for prospective clients. It is not an operating commercial business.
The Concept
Fieldnote Studio is an editorial consultancy sample prototype inspired by Swiss typographic principles. It champions high-conviction art direction, stark monochrome contrast, and pure typography over decorative clutter.
Signature Feature & Interactive Mechanics
Created a high-concept agency site featuring a smooth horizontally-scrolling case-study gallery (with reduced-motion fallback), index-style project archives, and a multi-step "Start a Project" lead inquiry form.
Key Capabilities & UX Details
- Stark monochrome Swiss design with bold grotesk typography and signal-orange accents
- Horizontal case-study section with touch-friendly swipe and trackpad support
- Index-style case study directory with deliverables matrix and deliverables filtering
- Studio philosophy and operating principles accordion
- Multi-step client onboarding and project scoping form with budget tier selection
Design Identity & Execution
Design Identity: Black/white + signal orange accent · Oversized grotesk · Horizontal scroll-jack. Implemented horizontal scroll snapping while maintaining responsive mobile fallbacks.
Experience the Live Prototype
Interact with the live interface, test the responsive controls, and explore the design execution firsthand.