Watch one business become one connected system.
Six layers sit on top of each other: process, workflow, software, web, visual and motion. The explorer below takes one real operation through all six.
- 01 Process What happens today, before anything is designed.
- 02 Workflow The same work, mapped and given owners.
- 03 Software The software the mapped work actually needs.
- 04 Web The part customers touch.
- 05 Visual How the system looks.
- 06 Motion layer How the system moves.
Connected System Explorer
Watch one business become one connected system.
Six layers sit on top of each other: process, workflow, software, web, visual and motion. The explorer below takes one real operation through all six.
- 01 Process What happens today, before anything is designed.
- 02 Workflow The same work, mapped and given owners.
- 03 Software The software the mapped work actually needs.
- 04 Web The part customers touch.
- 05 Visual How the system looks.
- 06 Motion layer How the system moves.
The band across the top of this plate is not the site navigation. It paints the six layer names as a selector, so it has been stripped and rebuilt as the tab strip in Explore Each Layer, below the real site header.
Choose an operation.
Pick one thing your business does. It stays selected while you move through the layers below, so every layer is describing the same piece of work.
The three operations are painted as cards but the asset record does not carry their names, so they are numbered here rather than named. The approved names are on the verification list below.
No operation selected yet.
Choose an operation.
Pick one thing your business does. It stays selected while you move through the layers below, so every layer is describing the same piece of work.
The three operations are painted as cards but the asset record does not carry their names, so they are numbered here rather than named. The approved names are on the verification list below.
Explore each layer.
The same operation, one layer at a time. Choose a layer to see what that layer adds and what changes because of it.
Choose a layer to explore.
Explore each layer.
The same operation, one layer at a time. Choose a layer to see what that layer adds and what changes because of it.
The plate paints Process as the active tab and paints previous and next arrows either side of the rail. The arrows do the same job as the tab strip, so the tabs are the live control and nothing is selected until you select it.
See the layers work together.
Three pairings, each one showing what happens when two layers meet. Open a pairing to see it in the layer explorer above.
The asset record does not name which two layers each pairing joins, so the live controls say which card they belong to rather than naming a pair this build cannot confirm.
Play this pairing: Not yet available. This is a motion affordance rather than a destination, and the artwork already shows the finished state.
See the layers work together.
Three pairings, each one showing what happens when two layers meet. Open a pairing to see it in the layer explorer above.
The asset record does not name which two layers each pairing joins, so the live controls say which card they belong to rather than naming a pair this build cannot confirm.
- Open the first pairing in the layer explorer
- Open the second pairing in the layer explorer
- Open the third pairing in the layer explorer
- Not yet available. This is a motion affordance rather than a destination, and the artwork already shows the finished state.
The complete system.
Every layer in one chain, from what comes in to what comes out.
- Inputs People, information, tasks and tools.
- Workflow The mapped work, with owners and routing.
- Software Only where the mapped work needs it.
- Customer experience The part customers touch.
- Outputs What the business gets back out.
Play assembly: Not yet available. This is a motion affordance rather than a destination, and the artwork already shows the finished state.
The complete system.
Every layer in one chain, from what comes in to what comes out.
- Inputs People, information, tasks and tools.
- Workflow The mapped work, with owners and routing.
- Software Only where the mapped work needs it.
- Customer experience The part customers touch.
- Outputs What the business gets back out.
- Not yet available. This is a motion affordance rather than a destination, and the artwork already shows the finished state.
See the difference.
The same operation before the system and after it.
The plate paints a DEMO VALUES badge over four comparison meters that carry no numbers at all, and it does not say what the four meters measure. No figure is published here and no measure is named, because neither has been defined yet.
Choose Before or After.
See the difference.
The same operation before the system and after it.
The plate paints a DEMO VALUES badge over four comparison meters that carry no numbers at all, and it does not say what the four meters measure. No figure is published here and no measure is named, because neither has been defined yet.
The four bar meters on the plate are demonstration shapes. They are not readings, and nothing in the live text draws a number from them.
Customize the system.
Turn a layer on to include it, off to leave it out. The summary updates as you go.
Customize the system.
Turn a layer on to include it, off to leave it out. The summary updates as you go.
The plate paints the 01 Process toggle in the off position while the summary panel beside it reads "6 of 6 layers active". The two contradict each other, so neither is treated as a default. Every toggle ships off until you set it.
Your business has a rhythm. We build the orchestra around it.
Assemble the system, or talk it through with us first.
Your business has a rhythm. We build the orchestra around it.
Assemble the system, or talk it through with us first.
Keep exploring.
The layer explorer is one way in. The services overview and the project request are the other two.
There is no artwork for this section. The supplied section 09 was painted site footer and nothing survived the strip, so this closing is written text and real links.
To verify before this page claims it
The supplied artwork paints figures, dates, names and statements that this build has not been able to confirm. Nothing on this list is published as fact until Quill confirms it.
- This page names six layers where the rest of the site names five capabilities. The six-layer vocabulary stays inside this page and drives no navigation, but the canonical taxonomy still needs confirming.
- Section 06 paints a DEMO VALUES badge over four comparison meters that carry no numbers and no labels. What the four comparisons measure, and where any figure would come from, is undefined. Nothing is published until both are answered.
- Section 07 paints the 01 Process toggle off while the summary beside it reads "6 of 6 layers active". The intended default state is unknown, so nothing is preselected.
- The three operation cards in section 02 are painted but the asset record does not carry their names. The approved names for the three operations are needed.
- Section 04 paints three layer pairings without naming which two layers each one joins.
- The painted section 09 footer carries "© 2024 Quill Productions". The band is suppressed and the real site footer renders instead.
Corrected in the live text
The artwork is published exactly as supplied. Where it paints a misspelling or a wrong number, the live text beside it reads correctly.
- The artwork paints the Process tab as active in section 03 and paints a set of layer toggles in section 07 as already set. Both are mock states in the supplied render. The live controls ship with nothing selected.
- The band across the top of section 01 is painted as if it were site navigation. It is a page-level layer selector, so it is rebuilt below the real site header as an in-page tab strip and never renders as navigation.
Start a project with Quill
Tell us what should work better and we will map the work before anyone builds anything.