Service Blueprint Designer

Service Blueprint Designer

Lay touchpoints and behind-the-scenes support beside each customer step, then inspect broken links.

Editing stays in this browser page. Download JSON before refreshing.

Project and files

Version 1 JSON, at most 256 KiB and 1–24 stages

Connection status

Customer steps: 2Contact connected: 2Support path complete: 1Orphan support stages: 1Review items: 2

Checks use only entered layers and marked links. A person must judge actual service quality.

  1. Confirm booking: No complete path from the customer action to internal support.
  2. Back-office follow-up: Support activity does not connect back to the customer action.

Service blueprint

Columns are customer stages in time order; rows are service layers. Scroll the table horizontally and vertically.

Online booking service
Service layerSearch availabilityConfirm bookingBack-office follow-up
Customer actionFinds a time slotConfirms the bookingNot entered
TouchpointWeb search resultsConfirm buttonNot entered
Frontstage actionShows available slotsAccepts reservationNot entered
Backstage workQueries inventoryRecords reservationAssigns an operator
Support processRefreshes inventory APINot enteredUpdates internal roster
Customer evidenceResults screenConfirmation screenNot entered
Layer linksCustomer↔touchpoint↔frontstageFrontstage↔backstageBackstage↔supportCustomer↔evidenceCustomer↔touchpoint↔frontstageFrontstage↔backstageCustomer↔evidenceBackstage↔support
Review itemsNo structural gaps detected.No support pathOrphan support

Edit selected stage

Edit the layer text and links, then apply the stage to update the blueprint and report.

Layer links that actually exist

Comments & questions

Service Blueprint Designer

Place customer actions in time order, then describe the touchpoint, frontstage interaction, backstage work, support process and evidence for each stage. Explicitly mark the connections between layers to uncover a customer step without contact or an internal support task with no complete path back to the customer.

Key features

  • Add, edit and reorder 1–24 customer journey stages
  • Six-layer matrix from customer action to evidence
  • Explicit contact, visibility, support and evidence links
  • Find missing contact, broken support paths, orphan support and missing evidence
  • Import and export a validated version 1 JSON project
  • Export a CSV report with spreadsheet formula prefix protection

How to use

  1. Review the example title and stages or add your own stages.
  2. Select a stage and edit its customer action, touchpoint, frontstage, backstage, support and evidence.
  3. Check only links that really exist and apply the stage.
  4. Review the horizontally scrollable blueprint alongside the gap report.
  5. Download JSON and CSV; import the JSON project to continue editing later.

Use cases

  • Inspect how a booking confirmation connects to internal processing
  • Spot customer support steps without a usable touchpoint
  • Review whether operations support work contributes to a customer experience

Frequently asked questions

How is this different from a process flowchart?

This tool puts touchpoints, frontstage actions, backstage work, support processes and evidence in layers under each customer stage. A separate swimlane tool handles role-based task transitions, branching and reachability.

What counts as a complete support path?

The customer action must connect through a touchpoint and frontstage action, then through a visibility link to backstage work, and finally through a support link to a support activity. Text by itself does not imply a connection.

What is orphan support work?

A support activity is entered but there is no complete path from that activity back to a customer action in its stage. Some invisible internal work may be necessary; explain its context and review it rather than treating the flag as a final verdict.

Does the tool fill gaps or links automatically?

No. Apart from the example, it uses only what you enter. The gap report finds structural omissions, not real-world service quality or customer satisfaction.

Where is my project stored?

Edits stay in this page's memory. There is no automatic save or upload. Download JSON before refreshing. Projects support up to 24 stages and a 256 KiB JSON file.

Can I import the CSV report?

CSV is for review. The version 1 JSON file from this tool is the import format that preserves stage edits and explicit link checkboxes.

Privacy

The project and imported JSON are handled only in this browser page's memory. Files are not uploaded; your browser downloads them only when you choose an export button.

Related Tools

Mind Map WorkbenchKanban Project BoardGantt Dependency PlannerKakuro StudioFunction Graph WorkbenchAudio ABX Blind TestCard Sort StudyEvent Run of ShowChecklist RunnerArgument Map EditorTeam Skill MatrixCorpus ConcordancerTerminology Glossary ManagerCloze Worksheet MakerSliding Tile PuzzleReversi BoardNonogram StudioMinesweeper LabTangram StudioCrossword BuilderWord Ladder GameWord Search StudioAnagram Word GameConnect Four BoardAttribute Trio PuzzleMaze WorkbenchNumber Merge GameLogic Grid Puzzle MakerLights Out PuzzlePeg Solitaire BoardArithmetic Cage PuzzleSudoku StudioChess Tactics BoardProjectile Motion LabGeometry Construction LabEtymology Map ExplorerPronunciation Comparison StudioReading PacerPhonetic Transcription LabProbability Experiment LabPeriodic Trend LabAlgebra Balance LabPhonics Word BuilderSpaced Repetition CardsOrganization Chart EditorProject Risk RegisterHabit Progress TrackerProcess Swimlane DesignerResource Capacity SchedulerInventory Movement LedgerRanked Ballot CounterUsability Task RunnerRequirements TraceabilitySentence Structure LabTranslation Memory WorkbenchDictation PracticeFraction ManipulativesMolecule Structure ViewerWeighted Decision MatrixRound Robin SchedulerMental age test · everyday attitude themesPast-life story test27-question Enneagram explorerKorean initials quizFocus Games · Numbers and Ink ColorsColor vision reference platesPitch Recognition PracticeNumber Memory PracticeMoving Target RecognitionScoreboardBingo Card GeneratorTruth or DareQuote of the DayPreference Tournament MakerRock Paper ScissorsRandom Seating PlanRandom Nickname GeneratorRandom Conversation QuestionsMouse TestTouchscreen TestMonitor TestRefresh Rate EstimateScreen and Display InformationKorean Business Number CheckLotto GeneratorLadder GameCompatibility CheckerRandom GeneratorPassword GeneratorMy IP AddressLunch PickerSpin the WheelMetronomeReaction Time TestBalance Game (Would You Rather)Personality Type TestDream DictionaryKeyboard Test
Explore all Life/Fun tools →Image/Media →Text/Convert →Dev Tools →