Service Blueprint
Customer-facing actions, frontstage, backstage, support processes.
Rendering…
Make it your own.
{
"nodes": [
{ "id":"a1","type":"ellipse","label":"Browse site","x":40,"y":40,"fill":"#dcfce7" },
{ "id":"a2","type":"ellipse","label":"Add to cart","x":260,"y":40,"fill":"#dcfce7" },
{ "id":"a3","type":"ellipse","label":"Check out","x":480,"y":40,"fill":"#dcfce7" },
{ "id":"a4","type":"ellipse","label":"Receive order","x":700,"y":40,"fill":"#dcfce7" },
{ "id":"f1","type":"rect","label":"Product page","x":40,"y":140,"fill":"#dbeafe" },
{ "id":"f2","type":"rect","label":"Cart widget","x":260,"y":140,"fill":"#dbeafe" },
{ "id":"f3","type":"rect","label":"Stripe Checkout","x":480,"y":140,"fill":"#dbeafe" },
{ "id":"f4","type":"rect","label":"Email confirmation","x":700,"y":140,"fill":"#dbeafe" },
{ "id":"b1","type":"rect","label":"CMS","x":40,"y":240,"fill":"#ede9fe" },
{ "id":"b2","type":"rect","label":"Cart service","x":260,"y":240,"fill":"#ede9fe" },
{ "id":"b3","type":"rect","label":"Payments + fulfilment","x":480,"y":240,"fill":"#ede9fe" },
{ "id":"b4","type":"rect","label":"Carrier hand-off","x":700,"y":240,"fill":"#ede9fe" },
{ "id":"s1","type":"note","label":"Catalogue ops","x":40,"y":340,"fill":"#fef9c3" },
{ "id":"s2","type":"note","label":"Warehouse picking","x":480,"y":340,"fill":"#fef9c3" }
],
"edges": [
{ "id":"e1","source":"a1","target":"f1" },
{ "id":"e2","source":"a2","target":"f2" },
{ "id":"e3","source":"a3","target":"f3" },
{ "id":"e4","source":"a4","target":"f4" },
{ "id":"e5","source":"f1","target":"b1" },
{ "id":"e6","source":"f2","target":"b2" },
{ "id":"e7","source":"f3","target":"b3" },
{ "id":"e8","source":"f4","target":"b4" }
]
}