Simmons
Digitally transforming a one hundred and eighty year old business
Each one of Simmons Bakers’ 35 shops is a business unit served by the bakery in Hatfield. A need arose for streamlining the ordering and fulfilment process in Simmons Bakers’ supply chain. Previously all tasks had been carried out manually over the phone or on paper.
- Workshops
- Planning and architecture
![](https://ik.imagekit.io/5dxe1mtcw/tr:w-112/2023/02/om-1-1col-1-04f3bdd4446cd61c99099c9eac9ed897.jpg 112w, https://ik.imagekit.io/5dxe1mtcw/tr:w-256/2023/02/om-1-1col-1-04f3bdd4446cd61c99099c9eac9ed897.jpg 256w, https://ik.imagekit.io/5dxe1mtcw/tr:w-512/2023/02/om-1-1col-1-04f3bdd4446cd61c99099c9eac9ed897.jpg 512w, https://ik.imagekit.io/5dxe1mtcw/tr:w-768/2023/02/om-1-1col-1-04f3bdd4446cd61c99099c9eac9ed897.jpg 768w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1024/2023/02/om-1-1col-1-04f3bdd4446cd61c99099c9eac9ed897.jpg 1024w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1280/2023/02/om-1-1col-1-04f3bdd4446cd61c99099c9eac9ed897.jpg 1280w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1536/2023/02/om-1-1col-1-04f3bdd4446cd61c99099c9eac9ed897.jpg 1536w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1800/2023/02/om-1-1col-1-04f3bdd4446cd61c99099c9eac9ed897.jpg 1800w 1202h)
Tasks and reporting
The very first deployment of the web app featured Orders and Delivery notes. Uptake throughout the business was a success, and soon after Third Party Orders, Stock, Stales and Timesheets were rolled out. Part task manager and part reporting mechanism, simple gamification principles were used to encourage better ordering and therefore staling of products across the business.
- Planning and architecture
- Product design
- UI & UX
![](https://ik.imagekit.io/5dxe1mtcw/tr:w-112/2023/02/om-2-2col-1-23f2f9c45b00a6b1541ce230421eaeec.png 112w, https://ik.imagekit.io/5dxe1mtcw/tr:w-256/2023/02/om-2-2col-1-23f2f9c45b00a6b1541ce230421eaeec.png 256w, https://ik.imagekit.io/5dxe1mtcw/tr:w-512/2023/02/om-2-2col-1-23f2f9c45b00a6b1541ce230421eaeec.png 512w, https://ik.imagekit.io/5dxe1mtcw/tr:w-768/2023/02/om-2-2col-1-23f2f9c45b00a6b1541ce230421eaeec.png 768w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1024/2023/02/om-2-2col-1-23f2f9c45b00a6b1541ce230421eaeec.png 1024w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1280/2023/02/om-2-2col-1-23f2f9c45b00a6b1541ce230421eaeec.png 1280w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1536/2023/02/om-2-2col-1-23f2f9c45b00a6b1541ce230421eaeec.png 1536w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1800/2023/02/om-2-2col-1-23f2f9c45b00a6b1541ce230421eaeec.png 1800w 1800h)
![](https://ik.imagekit.io/5dxe1mtcw/tr:w-112/2023/02/om-2-2col-2-ed75a8f0103f0b1d3d2fd4f0387ff0d5.png 112w, https://ik.imagekit.io/5dxe1mtcw/tr:w-256/2023/02/om-2-2col-2-ed75a8f0103f0b1d3d2fd4f0387ff0d5.png 256w, https://ik.imagekit.io/5dxe1mtcw/tr:w-512/2023/02/om-2-2col-2-ed75a8f0103f0b1d3d2fd4f0387ff0d5.png 512w, https://ik.imagekit.io/5dxe1mtcw/tr:w-768/2023/02/om-2-2col-2-ed75a8f0103f0b1d3d2fd4f0387ff0d5.png 768w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1024/2023/02/om-2-2col-2-ed75a8f0103f0b1d3d2fd4f0387ff0d5.png 1024w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1280/2023/02/om-2-2col-2-ed75a8f0103f0b1d3d2fd4f0387ff0d5.png 1280w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1536/2023/02/om-2-2col-2-ed75a8f0103f0b1d3d2fd4f0387ff0d5.png 1536w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1800/2023/02/om-2-2col-2-ed75a8f0103f0b1d3d2fd4f0387ff0d5.png 1800w 1800h)
![](https://ik.imagekit.io/5dxe1mtcw/tr:w-112/2023/02/om-3-2col-1-5f3c371107931f3cc438cdfd8307825d.png 112w, https://ik.imagekit.io/5dxe1mtcw/tr:w-256/2023/02/om-3-2col-1-5f3c371107931f3cc438cdfd8307825d.png 256w, https://ik.imagekit.io/5dxe1mtcw/tr:w-512/2023/02/om-3-2col-1-5f3c371107931f3cc438cdfd8307825d.png 512w, https://ik.imagekit.io/5dxe1mtcw/tr:w-768/2023/02/om-3-2col-1-5f3c371107931f3cc438cdfd8307825d.png 768w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1024/2023/02/om-3-2col-1-5f3c371107931f3cc438cdfd8307825d.png 1024w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1280/2023/02/om-3-2col-1-5f3c371107931f3cc438cdfd8307825d.png 1280w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1536/2023/02/om-3-2col-1-5f3c371107931f3cc438cdfd8307825d.png 1536w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1800/2023/02/om-3-2col-1-5f3c371107931f3cc438cdfd8307825d.png 1800w 1800h)
![](https://ik.imagekit.io/5dxe1mtcw/tr:w-112/2023/02/om-3-2col-2-8b390b9a964b3c3bb485051ca1cfba94.png 112w, https://ik.imagekit.io/5dxe1mtcw/tr:w-256/2023/02/om-3-2col-2-8b390b9a964b3c3bb485051ca1cfba94.png 256w, https://ik.imagekit.io/5dxe1mtcw/tr:w-512/2023/02/om-3-2col-2-8b390b9a964b3c3bb485051ca1cfba94.png 512w, https://ik.imagekit.io/5dxe1mtcw/tr:w-768/2023/02/om-3-2col-2-8b390b9a964b3c3bb485051ca1cfba94.png 768w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1024/2023/02/om-3-2col-2-8b390b9a964b3c3bb485051ca1cfba94.png 1024w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1280/2023/02/om-3-2col-2-8b390b9a964b3c3bb485051ca1cfba94.png 1280w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1536/2023/02/om-3-2col-2-8b390b9a964b3c3bb485051ca1cfba94.png 1536w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1800/2023/02/om-3-2col-2-8b390b9a964b3c3bb485051ca1cfba94.png 1800w 1800h)
Built to touch
Design consideration had to be made as all Simmons Bakers’ shops were equipped with tablets running a web browser. Simple touch input devices and finger sized hit areas were a consideration throughout the UI and UX. Early stage wireframes and prototypes were tested with Simmons Bakers’ staff of all generations.
- Stakeholder management
- UI & UX
![](https://ik.imagekit.io/5dxe1mtcw/tr:w-112/2023/02/om-4-1col-1-0873ed58b6cb371e1f6f2a6ca84ee060.jpg 112w, https://ik.imagekit.io/5dxe1mtcw/tr:w-256/2023/02/om-4-1col-1-0873ed58b6cb371e1f6f2a6ca84ee060.jpg 256w, https://ik.imagekit.io/5dxe1mtcw/tr:w-512/2023/02/om-4-1col-1-0873ed58b6cb371e1f6f2a6ca84ee060.jpg 512w, https://ik.imagekit.io/5dxe1mtcw/tr:w-768/2023/02/om-4-1col-1-0873ed58b6cb371e1f6f2a6ca84ee060.jpg 768w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1024/2023/02/om-4-1col-1-0873ed58b6cb371e1f6f2a6ca84ee060.jpg 1024w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1280/2023/02/om-4-1col-1-0873ed58b6cb371e1f6f2a6ca84ee060.jpg 1280w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1536/2023/02/om-4-1col-1-0873ed58b6cb371e1f6f2a6ca84ee060.jpg 1536w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1800/2023/02/om-4-1col-1-0873ed58b6cb371e1f6f2a6ca84ee060.jpg 1800w 1202h)
![](https://ik.imagekit.io/5dxe1mtcw/tr:w-112/2023/02/om-5-1col-1-f64421dfb712da6f77ef0a0e94e2059b.png 112w, https://ik.imagekit.io/5dxe1mtcw/tr:w-256/2023/02/om-5-1col-1-f64421dfb712da6f77ef0a0e94e2059b.png 256w, https://ik.imagekit.io/5dxe1mtcw/tr:w-512/2023/02/om-5-1col-1-f64421dfb712da6f77ef0a0e94e2059b.png 512w, https://ik.imagekit.io/5dxe1mtcw/tr:w-768/2023/02/om-5-1col-1-f64421dfb712da6f77ef0a0e94e2059b.png 768w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1024/2023/02/om-5-1col-1-f64421dfb712da6f77ef0a0e94e2059b.png 1024w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1280/2023/02/om-5-1col-1-f64421dfb712da6f77ef0a0e94e2059b.png 1280w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1536/2023/02/om-5-1col-1-f64421dfb712da6f77ef0a0e94e2059b.png 1536w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1800/2023/02/om-5-1col-1-f64421dfb712da6f77ef0a0e94e2059b.png 1800w 1200h)
Admin and reporting
Since the manual labour had been taken out of capturing orders, managing stock levels and timesheets, an admin system was critical to managing all the data coming in from all 35 shops.
- Development and integrations
- Product design
- UI & UX
![](https://ik.imagekit.io/5dxe1mtcw/tr:w-112/2023/02/om-6-1col-1-67d9a60e9a7fadc1474c1117b207b917.png 112w, https://ik.imagekit.io/5dxe1mtcw/tr:w-256/2023/02/om-6-1col-1-67d9a60e9a7fadc1474c1117b207b917.png 256w, https://ik.imagekit.io/5dxe1mtcw/tr:w-512/2023/02/om-6-1col-1-67d9a60e9a7fadc1474c1117b207b917.png 512w, https://ik.imagekit.io/5dxe1mtcw/tr:w-768/2023/02/om-6-1col-1-67d9a60e9a7fadc1474c1117b207b917.png 768w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1024/2023/02/om-6-1col-1-67d9a60e9a7fadc1474c1117b207b917.png 1024w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1280/2023/02/om-6-1col-1-67d9a60e9a7fadc1474c1117b207b917.png 1280w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1536/2023/02/om-6-1col-1-67d9a60e9a7fadc1474c1117b207b917.png 1536w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1800/2023/02/om-6-1col-1-67d9a60e9a7fadc1474c1117b207b917.png 1800w 1200h)
![](https://ik.imagekit.io/5dxe1mtcw/tr:w-112/2023/02/om-7-1col-1-866c081cc2ee650192ff57e1056e913e.jpg 112w, https://ik.imagekit.io/5dxe1mtcw/tr:w-256/2023/02/om-7-1col-1-866c081cc2ee650192ff57e1056e913e.jpg 256w, https://ik.imagekit.io/5dxe1mtcw/tr:w-512/2023/02/om-7-1col-1-866c081cc2ee650192ff57e1056e913e.jpg 512w, https://ik.imagekit.io/5dxe1mtcw/tr:w-768/2023/02/om-7-1col-1-866c081cc2ee650192ff57e1056e913e.jpg 768w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1024/2023/02/om-7-1col-1-866c081cc2ee650192ff57e1056e913e.jpg 1024w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1280/2023/02/om-7-1col-1-866c081cc2ee650192ff57e1056e913e.jpg 1280w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1536/2023/02/om-7-1col-1-866c081cc2ee650192ff57e1056e913e.jpg 1536w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1800/2023/02/om-7-1col-1-866c081cc2ee650192ff57e1056e913e.jpg 1800w 1202h)
Design continuity
Given our existing relationship with Simmons Bakers, it was very easy for us to create a UI based on existing components. A modular design system made it more cost effective for Simmons Bakers to roll out further functional requirements as the business needs arose.
- Design systems
- Visual design
![](https://ik.imagekit.io/5dxe1mtcw/tr:w-112/2023/02/om-8-2col-1-fac0bc33b456238ecbc9cc60c68edb89.png 112w, https://ik.imagekit.io/5dxe1mtcw/tr:w-256/2023/02/om-8-2col-1-fac0bc33b456238ecbc9cc60c68edb89.png 256w, https://ik.imagekit.io/5dxe1mtcw/tr:w-512/2023/02/om-8-2col-1-fac0bc33b456238ecbc9cc60c68edb89.png 512w, https://ik.imagekit.io/5dxe1mtcw/tr:w-768/2023/02/om-8-2col-1-fac0bc33b456238ecbc9cc60c68edb89.png 768w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1024/2023/02/om-8-2col-1-fac0bc33b456238ecbc9cc60c68edb89.png 1024w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1280/2023/02/om-8-2col-1-fac0bc33b456238ecbc9cc60c68edb89.png 1280w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1536/2023/02/om-8-2col-1-fac0bc33b456238ecbc9cc60c68edb89.png 1536w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1800/2023/02/om-8-2col-1-fac0bc33b456238ecbc9cc60c68edb89.png 1800w 1800h)
![](https://ik.imagekit.io/5dxe1mtcw/tr:w-112/2023/02/om-8-2col-2-fdcd7037f50c8574435aa9bf812e65fc.png 112w, https://ik.imagekit.io/5dxe1mtcw/tr:w-256/2023/02/om-8-2col-2-fdcd7037f50c8574435aa9bf812e65fc.png 256w, https://ik.imagekit.io/5dxe1mtcw/tr:w-512/2023/02/om-8-2col-2-fdcd7037f50c8574435aa9bf812e65fc.png 512w, https://ik.imagekit.io/5dxe1mtcw/tr:w-768/2023/02/om-8-2col-2-fdcd7037f50c8574435aa9bf812e65fc.png 768w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1024/2023/02/om-8-2col-2-fdcd7037f50c8574435aa9bf812e65fc.png 1024w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1280/2023/02/om-8-2col-2-fdcd7037f50c8574435aa9bf812e65fc.png 1280w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1536/2023/02/om-8-2col-2-fdcd7037f50c8574435aa9bf812e65fc.png 1536w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1800/2023/02/om-8-2col-2-fdcd7037f50c8574435aa9bf812e65fc.png 1800w 1800h)
![](https://ik.imagekit.io/5dxe1mtcw/tr:w-112/2023/02/om-9-2col-1-7e9ffdb9fb96bfa21ac2a188368cf61f.png 112w, https://ik.imagekit.io/5dxe1mtcw/tr:w-256/2023/02/om-9-2col-1-7e9ffdb9fb96bfa21ac2a188368cf61f.png 256w, https://ik.imagekit.io/5dxe1mtcw/tr:w-512/2023/02/om-9-2col-1-7e9ffdb9fb96bfa21ac2a188368cf61f.png 512w, https://ik.imagekit.io/5dxe1mtcw/tr:w-768/2023/02/om-9-2col-1-7e9ffdb9fb96bfa21ac2a188368cf61f.png 768w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1024/2023/02/om-9-2col-1-7e9ffdb9fb96bfa21ac2a188368cf61f.png 1024w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1280/2023/02/om-9-2col-1-7e9ffdb9fb96bfa21ac2a188368cf61f.png 1280w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1536/2023/02/om-9-2col-1-7e9ffdb9fb96bfa21ac2a188368cf61f.png 1536w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1800/2023/02/om-9-2col-1-7e9ffdb9fb96bfa21ac2a188368cf61f.png 1800w 1800h)
![](https://ik.imagekit.io/5dxe1mtcw/tr:w-112/2023/02/om-9-2col-2-3f39f1ca9e3bc9a507b5d0312e6e1ebc.png 112w, https://ik.imagekit.io/5dxe1mtcw/tr:w-256/2023/02/om-9-2col-2-3f39f1ca9e3bc9a507b5d0312e6e1ebc.png 256w, https://ik.imagekit.io/5dxe1mtcw/tr:w-512/2023/02/om-9-2col-2-3f39f1ca9e3bc9a507b5d0312e6e1ebc.png 512w, https://ik.imagekit.io/5dxe1mtcw/tr:w-768/2023/02/om-9-2col-2-3f39f1ca9e3bc9a507b5d0312e6e1ebc.png 768w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1024/2023/02/om-9-2col-2-3f39f1ca9e3bc9a507b5d0312e6e1ebc.png 1024w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1280/2023/02/om-9-2col-2-3f39f1ca9e3bc9a507b5d0312e6e1ebc.png 1280w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1536/2023/02/om-9-2col-2-3f39f1ca9e3bc9a507b5d0312e6e1ebc.png 1536w, https://ik.imagekit.io/5dxe1mtcw/tr:w-1800/2023/02/om-9-2col-2-3f39f1ca9e3bc9a507b5d0312e6e1ebc.png 1800w 1800h)