That is the work. What it costs is published, before any call.
ConceptStudio concept: a fictional business we invented to work through a real Ontario problem. No client, nothing shipped, nothing measured.How we use AI
Studio concept · fictional businessWhat this means
Studio concept: a fictional business we invented to work through a real Ontario problem. No client, nothing shipped, nothing measured. How we use AI
Can I see a lawyer without anyone knowing?
People often read a family-law site on a phone someone else can pick up. We designed a Guelph firm's site around getting the facts quickly, with a Quick exit that replaces the current history entry and opens a neutral site. It does not erase browser history or messages.
One button in the same corner of every page, and the fee printed where a person can read it in a parked car.
Left: Quick exit, tapped mid-booking; the page becomes a weather site and the form is cleared. Right: the fee card from the home page, the live component at 1.6x. Recorded from the working prototype on this page: scripted taps at phone size, 60 fps. Studio concept.
- Business
- Marrow & Vance Family Law (fictional)
- Sector
- Family law
- Town
- Guelph, Ontario
- Disciplines
- Content design, UX and UI, Design system, Prototype
- Type
- Newsreader and Public Sans
- Status
- Studio concept · nothing shipped
Try it: find the consult fee and what to bring, then book, without a call
The working prototype, native on this page: keyboard and touch, no iframe. Nothing is sent.
It never asks for
- What happened
- The other person's name
- Children's names or ages
- A home address
- Date of birth
- The topic you picked (it only filters the list on your device)
Prototype — nothing is sent. A studio concept, not a real firm.
Want this working on your site?We start with a free written Redline of the site you have.
Request a Redline44 pixels, white on graphite, top right of every page.
Quick exit is the one control the firm cannot turn off in its CMS. It is a plain link before any script loads; Escape does the same. Shown here at four times its size.
Three decisions, as redlines
What we would strike from the usual family-law site, what we put in its place, and why. The firm and its figures are invented.
Decision 1: A Quick exit on every page, in the same corner.
The button sits top right on every page, white on the graphite header, 44 pixels tall, and Escape does the same thing. On the live site it replaces the page in the browser history with a weather site, so Back does not return, and clears anything typed. Our prototype simulates it and stays put.
Quick exit
Where Quick exit lands. Rendered screen, concept. Decision 2: The fee is published, with the tax.
The first meeting has one price, stated on the home page, on the booking steps and on the letterhead: 60 minutes, $250 plus HST, paid at the meeting. It says what the hour covers and that nothing has to be decided in it.
First consultation, 60 minutes: $250 + HST
The fee card, live from the kit at 1.3x: the price, the tax and the total, before anyone has to call. Decision 3: "What to bring" names the documents, and says they are optional.
Pick what the meeting is mostly about and the list narrows to what helps: photo ID, any court papers, three rough dates, last year's income. Every item is plain, and the page says outright that none of it is needed to book, and to leave anything that is not safe to get.
Bring what you have: photo ID, any court papers, last year's income. None of it is needed to book.
What to bring, narrowed by topic, none of it required. Rendered screen, concept.
A letterhead, not a landing page
The system was drawn as a careful lawyer’s letter, so here it is on paper: the confirmation letter and the appointment card, in the same serif, the same oxblood and the same plain fee line as the site.
The system: a letterhead, not a landing page
A humanist text serif for what the firm says, a public-service sans for every control, and one saturated colour. Studio concept.
Separating? Start with the facts.
NewsreaderHeadings, the wordmark and the fee; tabular figures
Public SansEvery control and line of UI; 16 px body
- Oxblood#6B1E2A
- Graphite#1E2226
- Stone#E9E6E1
- Confirmed#2E6B4E
Limits- An invented business; no client commissioned it.
- The prototype has not been tested with users.
- Speed and accessibility figures are targets, not measurements.
The limits
- The firm, its fee, its times and its lists are invented. No firm has used any of it and nobody has tested it.
- Quick exit is simulated in the prototype; the live behaviour is described, not shown.
- The screens are our renders of the prototype.
- A real firm would need its own lawyers to check every line against the Law Society of Ontario's rules before publishing.
What we did not do
- Stock photographs of families, smiling or otherwise.
- A chat bubble that opens by itself and leaves a thread behind.
- A "Tell us what happened" box on the booking form.
- Advertising pixels that could follow a visitor onto a shared device.
Run a family-law practice?
People read your site on a phone that may not be theirs. Send us the URL and we will mark up what it gives away.