Blueprint Builder

Design service blueprints by placing process steps in the correct swimlanes.
Master the art of mapping what customers see versus what happens behind the scenes.

📐 Service Blueprint Swimlanes

Customer Actions What the customer does during the service

Frontstage Employee actions visible to customer

LINE OF VISIBILITY

Backstage Employee actions hidden from customer

Support Systems, processes, and supporting activities

Process Steps

💡 How to Play Click a step, then click where it belongs on the blueprint. Place all steps in the correct swimlane!

Service Blueprint

Customer

Frontstage

Backstage

Support

Customer Actions

What the customer does

Frontstage

Visible to customer

Line of Visibility

Backstage

Hidden from customer

Support

Systems & processes

📊 Blueprint Status

Place all process steps in the correct swimlanes, then click "Check Blueprint" to verify.

Blueprint Complete!

You've mastered service process visualization

Final Score

Accuracy

Steps Placed

Swimlane Mastery

Customer

0/0

Frontstage

0/0

Backstage

0/0

Support

0/0