For architecture firms · Homepages
Maison Ligne
You built an agency, not a cage
Scroll to explore ↓
01 · For architecture firms
Sites, clients, invoices — one cockpit
You built an agency, not a cage. Fictional direction — same craft as real client work under NDA.
- 01
Job sites
Progress, documents, approvals — every project up to date.
- 02
Teams
Who does what this week, without a 12-person spreadsheet.
- 03
Billing
Progress claims and follow-ups tied to the job.
01b · Engineering
Technical sheet
Stack, shipping and my role on this build — for recruiters and tech leads.
- Technologies
- Next.js
- TypeScript
- React
- Tailwind CSS
- Libraries & tools
- Framer Motion
- next/image
- Deployment
Local /play demo — Next.js front, no business backend
- Role
UI direction · integration · interactions
- Context
Fictional direction (NDA) — same craft level as real missions
02 · Inside the product
One scroll, one screen
Each section locks to the viewport — keep scrolling past the last screen to return to the brief.
For architecture firms
Sites, clients, invoices — one cockpit
Progress, documents, approvals — every project up to date.
02
Teams
Who does what this week, without a 12-person spreadsheet.
03
Billing
Progress claims and follow-ups tied to the job.
Firms
They left Excel chaos behind
“We track 18 sites without burning the morning on phone check-ins.”
“Client approvals are logged — no more “you said yes”.”
30-min demo
See Maison Ligne for your firm type
21-day trial · we import your first job with you.
Request a demoBack to the brief
You’ve left the demo screens — next: try it, then the craft notes.
03 · Firms
They left Excel chaos behind
“We track 18 sites without burning the morning on phone check-ins.”
“Client approvals are logged — no more “you said yes”.”
04 · 30-min demo
See Maison Ligne for your firm type
21-day trial · we import your first job with you.
- →Hero + below-the-fold sections (not just a hook)
- →Visual hierarchy and primary CTA
- →Information density vs readability
You built an agency, not a cage
Local demo — no data is sent.
05 · Same family
Other directions of the same type — to compare density and mood.
06 · What to look at
- 01Hero + below-the-fold sections (not just a hook)
- 02Visual hierarchy and primary CTA
- 03Information density vs readability
- 04Interactive states (hover, selection, feedback)