Story map of an online shop
Three activities of an online shop, six user tasks and eleven stories in three release slices, each opened by a dashed cut line named MVP, Release 2 and Later. On a phone the map becomes a list with the release beside each story. The table lists every story by activity, task and release. Illustrative backlog, with a phone variant.
Story map of an online shop
examples/shop-story-map.json{
"schemaVersion": 1,
"type": "storymap",
"title": "Story map of an online shop",
"source": "Illustrative backlog of a small shop",
"width": 960,
"height": 560,
"mobile": {
"width": 380,
"height": 900
},
"storymap": {
"releases": [
"MVP",
"Release 2",
"Later"
],
"activities": [
{
"label": "Find a product",
"tasks": [
{
"label": "Browse the catalog",
"stories": [
{
"title": "List products by category",
"release": "MVP"
},
{
"title": "Filter by price",
"release": "Release 2"
}
]
},
{
"label": "Search",
"stories": [
{
"title": "Search by name",
"release": "MVP"
},
{
"title": "Suggest while typing",
"release": "Later"
}
]
}
]
},
{
"label": "Buy it",
"tasks": [
{
"label": "Fill the cart",
"stories": [
{
"title": "Add and remove items",
"release": "MVP"
},
{
"title": "Save the cart for later",
"release": "Release 2"
}
]
},
{
"label": "Pay",
"stories": [
{
"title": "Pay by card",
"release": "MVP"
},
{
"title": "Pay by invoice",
"release": "Release 2"
},
{
"title": "Split the payment",
"release": "Later"
}
]
}
]
},
{
"label": "Receive it",
"tasks": [
{
"label": "Follow the order",
"stories": [
{
"title": "Confirmation email",
"release": "MVP"
},
{
"title": "Tracking page",
"release": "Release 2"
}
]
},
{
"label": "Return an item",
"stories": [
{
"title": "Return label by email",
"release": "Release 2"
}
]
}
]
}
]
}
}Source: Illustrative backlog of a small shop
Show chart data
| Activity | Task | Release | Story |
|---|---|---|---|
| Find a product | Browse the catalog | MVP | List products by category |
| Find a product | Browse the catalog | Release 2 | Filter by price |
| Find a product | Search | MVP | Search by name |
| Find a product | Search | Later | Suggest while typing |
| Buy it | Fill the cart | MVP | Add and remove items |
| Buy it | Fill the cart | Release 2 | Save the cart for later |
| Buy it | Pay | MVP | Pay by card |
| Buy it | Pay | Release 2 | Pay by invoice |
| Buy it | Pay | Later | Split the payment |
| Receive it | Follow the order | MVP | Confirmation email |
| Receive it | Follow the order | Release 2 | Tracking page |
| Receive it | Return an item | Release 2 | Return label by email |