One person designs your site and builds it.
One person designs your site and builds it.
One person designs your site and builds it.
One person designs your site and builds it.
So there is no account manager relaying your notes, and no handoff from a designer to a developer. What gets designed is what gets built, with nobody in between to reinterpret it.
So there is no account manager relaying your notes, and no handoff from a designer to a developer. What gets designed is what gets built, with nobody in between to reinterpret it.
So there is no account manager relaying your notes, and no handoff from a designer to a developer. What gets designed is what gets built, with nobody in between to reinterpret it.
So there is no account manager relaying your notes, and no handoff from a designer to a developer. What gets designed is what gets built, with nobody in between to reinterpret it.
The person who reads your enquiry is the person who builds your site.
The person who reads your enquiry is the person who builds your site.
The person who reads your enquiry is the person who builds your site.
The person who reads your enquiry is the person who builds your site.
Nothing gets built before it is written down.
Nothing gets built before it is written down.
Nothing gets built before it is written down.
Nothing gets built before it is written down.
Five stages, in the same order every time. Each one leaves a real document behind, so the decisions are visible while they are still cheap to change.
Five stages, in the same order every time. Each one leaves a real document behind, so the decisions are visible while they are still cheap to change.
Five stages, in the same order every time. Each one leaves a real document behind, so the decisions are visible while they are still cheap to change.
Five stages, in the same order every time. Each one leaves a real document behind, so the decisions are visible while they are still cheap to change.
01
01
01
01
Direction
Direction
Direction
Direction
We settle colour, type, spacing and motion before a single section is designed, and write them down as exact values rather than describing them as a feeling. You see those values and agree them before any section work starts.
We settle colour, type, spacing and motion before a single section is designed, and write them down as exact values rather than describing them as a feeling. You see those values and agree them before any section work starts.
We settle colour, type, spacing and motion before a single section is designed, and write them down as exact values rather than describing them as a feeling. You see those values and agree them before any section work starts.
Nothing later in the build is allowed to reinvent them, so the design cannot drift halfway through.
Nothing later in the build is allowed to reinvent them, so the design cannot drift halfway through.
Nothing later in the build is allowed to reinvent them, so the design cannot drift halfway through.
THE DIRECTION, LOCKED IN WRITING
02
02
02
02
Section planning
Section planning
Section planning
Section planning
Every section gets its own written spec before anything is built, with the real copy already in it, not a placeholder standing in for a decision.
Every section gets its own written spec before anything is built, with the real copy already in it, not a placeholder standing in for a decision.
Every section gets its own written spec before anything is built, with the real copy already in it, not a placeholder standing in for a decision.
The decisions exist as text before they exist as pixels, which is when they are cheapest to change.
The decisions exist as text before they exist as pixels, which is when they are cheapest to change.
The decisions exist as text before they exist as pixels, which is when they are cheapest to change.
EVERY SECTION WRITTEN OUT, COPY INCLUDED
03
03
03
03
Motion planning
Motion planning
Motion planning
Motion planning
Motion gets its own planning pass instead of being sprinkled on at the end, with every animated element written down and timed.
Motion gets its own planning pass instead of being sprinkled on at the end, with every animated element written down and timed.
Motion gets its own planning pass instead of being sprinkled on at the end, with every animated element written down and timed.
Each one also states what it does instead for visitors whose devices ask for reduced motion.
Each one also states what it does instead for visitors whose devices ask for reduced motion.
Each one also states what it does instead for visitors whose devices ask for reduced motion.
EVERY MOVING PART DESCRIBED IN WRITING
04
04
04
04
Build
Build
Build
Build
We build to those specs one section at a time, then read the result back off the live project and compare it against what was written.
We build to those specs one section at a time, then read the result back off the live project and compare it against what was written.
We build to those specs one section at a time, then read the result back off the live project and compare it against what was written.
The absence of an error is not proof that anything worked.
The absence of an error is not proof that anything worked.
The absence of an error is not proof that anything worked.
A BUILT PAGE, READ BACK AND CONFIRMED
05
05
05
05
Checks and handover
Checks and handover
Checks and handover
Checks and handover
The finished site is reviewed against a written checklist, at every width from phone to wide desktop.
The finished site is reviewed against a written checklist, at every width from phone to wide desktop.
The finished site is reviewed against a written checklist, at every width from phone to wide desktop.
Nothing gets published without asking you first. Then the project is handed over, live and yours to edit.
Nothing gets published without asking you first. Then the project is handed over, live and yours to edit.
Nothing gets published without asking you first. Then the project is handed over, live and yours to edit.
A CHECKED SITE, AND THE KEYS TO IT
What you end up with.
What you end up with.
What you end up with.
What you end up with.
Four things, on every build, at every tier. A smaller project does not get a smaller standard.
Four things, on every build, at every tier. A smaller project does not get a smaller standard.
Four things, on every build, at every tier. A smaller project does not get a smaller standard.
Four things, on every build, at every tier. A smaller project does not get a smaller standard.
THE ONE YOU CANNOT GET FROM A TEMPLATE
You get the Framer project itself.
You get the Framer project itself.
Solice sites are built in Framer, and the Framer project is what you receive at the end. The same file we designed in, with every section and every breakpoint still live. Not a flattened copy of it, and not a version we keep hold of.
WHAT WE BUILT IN IS WHAT YOU GET
The colour tokens and text styles, named
Any code components, with their source
The CMS collections, if the build has them
THE ONE YOU CANNOT GET FROM A TEMPLATE
You get the Framer project itself.
Solice sites are built in Framer, and the Framer project is what you receive at the end. The same file we designed in, with every section and every breakpoint still live. Not a flattened copy of it, and not a version we keep hold of.
WHAT WE BUILT IN IS WHAT YOU GET
The colour tokens and text styles, named
Any code components, with their source
The CMS collections, if the build has them
THE ONE YOU CANNOT GET FROM A TEMPLATE
You get the Framer project itself.
Solice sites are built in Framer, and the Framer project is what you receive at the end. The same file we designed in, with every section and every breakpoint still live. Not a flattened copy of it, and not a version we keep hold of.
WHAT WE BUILT IN IS WHAT YOU GET
The colour tokens and text styles, named
Any code components, with their source
The CMS collections, if the build has them
Every width, its own layout.
Every width, its own layout.
Phone · Tablet · Desktop · Wide
Phone · Tablet · Desktop · Wide
Phone, tablet, desktop and large desktop are drawn and checked at those exact widths. Nothing is left to reflow into a size nobody looked at.
Every width, its own layout.
Phone · Tablet · Desktop · Wide
Phone, tablet, desktop and large desktop are drawn and checked at those exact widths. Nothing is left to reflow into a size nobody looked at.
Every width, its own layout.
Phone · Tablet · Desktop · Wide
Phone, tablet, desktop and large desktop are drawn and checked at those exact widths. Nothing is left to reflow into a size nobody looked at.
Checked against a written list.
Checked against a written list.
When a build trips one of the items, that part gets rebuilt before handover instead of being logged as a known issue. Ten of the items are printed in full on the home page.
Checked against a written list.
When a build trips one of the items, that part gets rebuilt before handover instead of being logged as a known issue. Ten of the items are printed in full on the home page.
Checked against a written list.
When a build trips one of the items, that part gets rebuilt before handover instead of being logged as a known issue. Ten of the items are printed in full on the home page.
Real content, or none.
Real content, or none.
No stock testimonials, no invented numbers, no filler names holding the space where a fact should be. If something is not true yet, it stays off the page until it is. This site has no testimonial section for exactly that reason.
Real content, or none.
No stock testimonials, no invented numbers, no filler names holding the space where a fact should be. If something is not true yet, it stays off the page until it is. This site has no testimonial section for exactly that reason.
Real content, or none.
No stock testimonials, no invented numbers, no filler names holding the space where a fact should be. If something is not true yet, it stays off the page until it is. This site has no testimonial section for exactly that reason.
Stage one is a call.
Stage one is a call.
Stage one is a call.
Stage one is a call.
A free call, no charge and no commitment, where we work out what your business does, who it serves, and what the site has to do. The four stages after it run in the same order on every project.
A free call, no charge and no commitment, where we work out what your business does, who it serves, and what the site has to do. The four stages after it run in the same order on every project.
A free call, no charge and no commitment, where we work out what your business does, who it serves, and what the site has to do. The four stages after it run in the same order on every project.
A free call, no charge and no commitment, where we work out what your business does, who it serves, and what the site has to do. The four stages after it run in the same order on every project.