Fieldnote Architecture
An editorial architecture portfolio that presents built work with discipline, context, and a stronger inquiry path.
Prepared by
TOC Studio
Date
Valid for
15 days
Overview
This proposal creates a refined portfolio system for Fieldnote Architecture, giving each project the space it needs while making the studio’s approach easier to understand.
What we see
The work has depth, but the site needs better hierarchy: fewer distractions, stronger project narratives, and a clearer bridge from admiration to inquiry.
What we’re building together
An architecture portfolio with studio positioning, selected projects, project detail structure, process notes, press mentions, and a considered contact flow.
Who we are
We are a strategic web design studio. We work as an integrated team from day one, which means every decision, from how your offer is positioned to how your site looks and performs, is coherent and intentional.
Diego
Co-founder
Strategy, Copy & SEO
Makes sure your site says the right things to the right people and gets found.
Scope of Work
Four phases, each with a clear output you approve before we move forward.
Phase 01
Discovery
duration
1 week
What happens
We get aligned before anything is built
Structured deep-dive into your business, audience, and goals, via form and kickoff session
Internal research into how your market communicates and where the gaps are.
Discovery Summary: a concise document capturing your business, audience, objective, and success metrics, approved by you before we advance.
Why it matters
No guesswork in the strategy phase
Without this foundation, design decisions are arbitrary and copy is generic.
Written approval here means both sides start the next phase from the same understanding.
Phase 02
Strategy
duration
3 weeks
What happens
We figure out exactly what your site needs to say
Competitor analysis to identify where you can differentiate in your space.
Audience definition: who your ideal client is, what they need, and what convinces them.
Messaging framework: positioning, value proposition, and narrative.
Full copy written for every section, headlines, body text, CTAs.
Strategy session to present findings, align, and get written approval before design begins.
Why it matters
The words come before the visuals, always
Most sites look good but don't convert because the copy wasn't built on real audience insight.
Solid strategy makes design faster and more effective, every visual decision has a reason.
Phase 03
Design & Development
duration
5 weeks
What happens
Your site goes from approved copy to live product
Visual direction defined (color, typography, photography style) approved before full design begins.
Full desktop and mobile design with copy integrated, up to 3 revision rounds
Pixel-accurate Framer build: responsive, with interactions and animations applied.
On-page SEO, all integrations connected, and full QA before you see anything.
Why it matters
Design built on strategy, development built on approved design
Good design is the difference between a visitor who scrolls past and one who reaches out, every visual decision is made to move people toward action.
With strategy as the foundation, design translates your positioning into something people feel, not just read.
Phase 04
Launch & Handoff
duration
1 week
What happens
We go live, and we don't disappear after
Domain connected, SSL configured, Analytics and Search Console verified.
Final review across all devices and browsers before publishing.
Handoff kit: access to all tools, content management guide, and a recorded Loom walkthrough.
15 days of post-launch support for technical questions.
Why it matters
You own the site, fully
We hand over a site you can manage independently, with documentation so you never need to ask us how to make a simple update.
The 15-day support window means you're not left alone right after launch.
Timelines are approximate and depend on how quickly both sides can review and respond.
How We Work
This is how we keep the project moving without it taking over your schedule.
Everything in Google Drive
All documents, assets, and decisions in one shared folder. You always know where things stand.
Async-first communication
Deliverables shared via email with a short Loom walkthrough. Live calls only when a decision needs real-time input.
Structured revision rounds
Feedback happens in defined rounds, not open threads, so changes are clear, consolidated, and applied correctly.
Written approval at every phase
Nothing moves forward without your explicit sign-off. This protects your time and ours.
Investment
What you get for your investment.
Strategy
Discovery + kickoff session
Competitor analysis
Audience and messaging definition
Full page copy
Up to 3 revision rounds
$1,000
Web Design
Visual direction
Fully responsive design
Up to 3 revision rounds
$1,700
Web Development
Framer build (responsive)
On-page SEO
Integrations + QA
Domain connection + go-live
Handoff kit + 15 days support
$2,600
Total Investment
$5,300
Payment Schedule
1ª
On signing, work begins immediately.
$2,650
2ª
Before launch, site approved and ready to go live
$2,650
Next Steps
Ready to move forward?
Three steps and we’re officially underway. Our current availability means we can kick off on
Let's build something you're proud to share.
Any questions before you decide? We're happy to jump on a quick call or answer anything over email.