Customer Journey Canvas
Phases × layers (touchpoints / emotions / opportunities) using containers.
Rendering…
Make it your own.
{
"nodes": [
{ "id":"p1","type":"container","label":"Aware","x":40,"y":40,"w":200,"h":420,"locked":true },
{ "id":"p2","type":"container","label":"Consider","x":260,"y":40,"w":200,"h":420,"locked":true },
{ "id":"p3","type":"container","label":"Buy","x":480,"y":40,"w":200,"h":420,"locked":true },
{ "id":"p4","type":"container","label":"Use","x":700,"y":40,"w":200,"h":420,"locked":true },
{ "id":"p5","type":"container","label":"Advocate","x":920,"y":40,"w":200,"h":420,"locked":true },
{ "id":"t1","type":"rect","label":"Search ad","x":60,"y":80,"fill":"#dbeafe" },
{ "id":"t2","type":"rect","label":"Reviews","x":280,"y":80,"fill":"#dbeafe" },
{ "id":"t3","type":"rect","label":"Checkout","x":500,"y":80,"fill":"#dbeafe" },
{ "id":"t4","type":"rect","label":"Onboarding","x":720,"y":80,"fill":"#dbeafe" },
{ "id":"t5","type":"rect","label":"Referral","x":940,"y":80,"fill":"#dbeafe" },
{ "id":"e1","type":"ellipse","label":":-)","x":80,"y":180,"fill":"#fef3c7" },
{ "id":"e2","type":"ellipse","label":":-|","x":300,"y":180,"fill":"#fef3c7" },
{ "id":"e3","type":"ellipse","label":":-(","x":520,"y":180,"fill":"#fee2e2" },
{ "id":"e4","type":"ellipse","label":":-)","x":740,"y":180,"fill":"#fef3c7" },
{ "id":"e5","type":"ellipse","label":":-D","x":960,"y":180,"fill":"#dcfce7" },
{ "id":"o1","type":"note","label":"SEO landing","x":60,"y":300 },
{ "id":"o2","type":"note","label":"Compare matrix","x":280,"y":300 },
{ "id":"o3","type":"note","label":"Apple Pay","x":500,"y":300 },
{ "id":"o4","type":"note","label":"Guided tour","x":720,"y":300 },
{ "id":"o5","type":"note","label":"Referral credits","x":940,"y":300 }
],
"edges": []
}