Syra Coffee
Point of Sales
Syra Coffee
Point of Sales
Syra Coffee
Point of Sales
Redesigning Syra’s POS to streamline the barista workflowand integrating it with Syra’s new app
Redesigning Syra’s POS to streamline the barista workflow and integrating it with Syra’s new app
Redesigning Syra’s POS to streamline the barista workflowand integrating it with Syra’s new app
Research
UX Strategy
UI Design
Prototyping
Project Overview
Project Overview
Project Overview
Syra Coffee is one of Barcelona's biggest specialty coffee companies, with its own roastery and coffee shops across Spain. To support its baristas and streamline operations, we redesigned Syra’s custom POS system. The goal was to simplify the workflow and create a faster, smoother experience during peak hours.
Syra Coffee is one of Barcelona's biggest specialty coffee companies, with its own roastery and coffee shops across Spain. To support its baristas and streamline operations, we redesigned Syra’s custom POS system. The goal was to simplify the workflow and create a faster, smoother experience during peak hours.
Syra Coffee is one of Barcelona's biggest specialty coffee companies, with its own roastery and coffee shops across Spain. To support its baristas and streamline operations, we redesigned Syra’s custom POS system. The goal was to simplify the workflow and create a faster, smoother experience during peak hours.
The project included integrating the Point of Sales with Syra’s new app, allowing baristas to scan customers, track orders, and sync the digital Shot Card.
The project included integrating the Point of Sales with Syra’s new app, allowing baristas to scan customers, track orders, and sync the digital Shot Card.
The project included integrating the Point of Sales with Syra’s new app, allowing baristas to scan customers, track orders, and sync the digital Shot Card.
Timeline
Timeline
Timeline
9 Weeks - 2023
Role
Role
Role
UX/UI Designer
The Challenge
To understand pain points, we interviewed baristas and observed their workflow in real time. The found out that the previous POS slowed down baristas with unnecessary steps in the ordering flow also Syra planned to digitalize the Shot Card, so the POS needed to be designed to integrate with it. Here are the key challenges we set out to solve in this project:
The Challenge
To understand pain points, we interviewed baristas and observed their workflow in real time. The found out that the previous POS slowed down baristas with unnecessary steps in the ordering flow also Syra planned to digitalize the Shot Card, so the POS needed to be designed to integrate with it. Here are the key challenges we set out to solve in this project:
The Challenge
To understand pain points, we interviewed baristas and observed their workflow in real time. The found out that the previous POS slowed down baristas with unnecessary steps in the ordering flow also Syra planned to digitalize the Shot Card, so the POS needed to be designed to integrate with it. Here are the key challenges we set out to solve in this project:
'Placing an Order' Flow
The order flow was messy and slow, for baristas, leading to frequent errors under pressure.
Shot Card Integration
The Shot Card was only physical before, so the POS couldn’t recognize or manage it. We needed to adapt the Shot Card to work together with the app and fit into the barista flow.
UI Design
With Syra changing its brand image, our outdated interface clashed with the new look and held back the transformation.
'Placing an Order' Flow
The order flow was messy and slow, for baristas, leading to frequent errors under pressure.
Shot Card Integration
The Shot Card was only physical before, so the POS couldn’t recognize or manage it. We needed to adapt the Shot Card to work together with the app and fit into the barista flow.
UI Design
With Syra changing its brand image, our outdated interface clashed with the new look and held back the transformation.
Our mission: design a POS that lets baristas focus on great coffee and customers, not on navigating complicated tech, while integrating seamlessly with Syra’s digital future
Our mission: design a POS that lets baristas focus on great coffee and customers, not on navigating complicated tech, while integrating seamlessly with Syra’s digital future
'Placing an Order' Flow
The order flow was messy and slow, for baristas, leading to frequent errors under pressure.
Shot Card Integration
The Shot Card was only physical before, so the POS couldn’t recognize or manage it. We needed to adapt the Shot Card to work together with the app and fit into the barista flow.
UI Design
With Syra changing its brand image, our outdated interface clashed with the new look and held back the transformation.
'Placing an Order' Flow
The order flow was messy and slow, for baristas, leading to frequent errors under pressure.
Shot Card Integration
The Shot Card was only physical before, so the POS couldn’t recognize or manage it. We needed to adapt the Shot Card to work together with the app and fit into the barista flow.
UI Design
With Syra changing its brand image, our outdated interface clashed with the new look and held back the transformation.
The Solution
'Placing an order' Flow
We discovered that baristas struggled with a slow, fragmented POS workflow, adding products, discounts, and payments all required jumping between separate screens. This made order processing frustrating and error-prone, especially during peak hours.
Our redesign brings key actions, applying discounts and selecting payment methods, into a single, streamlined view within the order process. By reducing unnecessary steps and simplifying navigation, the new POS makes service faster for busy baristas.
Discounts & Payments options a tap away
Discounts and payment options now appear right beside the order preview, so baristas can quickly apply a discount and complete the transaction, all from one place.
Personalization for Baristas
Baristas can now reorder items with a simple drag and drop.
Scan button in every part of the process
A new ‘Scan’ button is available at every step, so it can link any order to the app user at any moment, even after it’s finished.
Discounts & Payments options a tap away
Discounts and payment options now appear right beside the order preview, so baristas can quickly apply a discount and complete the transaction, all from one place.
Personalization for Baristas
Baristas can now reorder items with a simple drag and drop.
Scan button in every part of the process
A new ‘Scan’ button is available at every step, so it can link any order to the app user at any moment, even after it’s finished.
The Solution
'Placing an order' Flow
We discovered that baristas struggled with a slow, fragmented POS workflow, adding products, discounts, and payments all required jumping between separate screens. This made order processing frustrating and error-prone, especially during peak hours.
Our redesign brings key actions, applying discounts and selecting payment methods, into a single, streamlined view within the order process. By reducing unnecessary steps and simplifying navigation, the new POS makes service faster for busy baristas.
The Solution
'Placing an order' Flow
We discovered that baristas struggled with a slow, fragmented POS workflow, adding products, discounts, and payments all required jumping between separate screens. This made order processing frustrating and error-prone, especially during peak hours.
Our redesign brings key actions, applying discounts and selecting payment methods, into a single, streamlined view within the order process. By reducing unnecessary steps and simplifying navigation, the new POS makes service faster for busy baristas.
Discounts & Payments options a tap away
Discounts and payment options now appear right beside the order preview, so baristas can quickly apply a discount and complete the transaction, all from one place.
Personalization for Baristas
Baristas can now reorder items with a simple drag and drop.
Scan button in every part of the process
A new ‘Scan’ button is available at every step, so it can link any order to the app user at any moment, even after it’s finished.
The Solution
Shot Card Integration
To streamline Shot Card redemption, we designed an intuitive flow within the POS that lets baristas quickly scan the customer’s QR code, access their wallet, and redeem prepaid coffees in seconds.
Wallet Access for Baristas
After the barista scans the user’s QR code, the wallet view instantly shows all available Shot Cards and drink options. This allows baristas to check balances and select items without switching screens or interrupting service.
Shot Card activation confirmation
Since Shot Cards can be sent to other users before activation, the POS shows a popup for the barista to confirm with the customer before redeeming, making sure they want to use it, because afterwards the card can’t be gifted.
The Solution
Shot Card Integration
To streamline Shot Card redemption, we designed an intuitive flow within the POS that lets baristas quickly scan the customer’s QR code, access their wallet, and redeem prepaid coffees in seconds.
Wallet Access for Baristas
After the barista scans the user’s QR code, the wallet view instantly shows all available Shot Cards and drink options. This allows baristas to check balances and select items without switching screens or interrupting service.
Shot Card activation confirmation
Since Shot Cards can be sent to other users before activation, the POS shows a popup for the barista to confirm with the customer before redeeming, making sure they want to use it, because afterwards the card can’t be gifted.
The Solution
Shot Card Integration
To streamline Shot Card redemption, we designed an intuitive flow within the POS that lets baristas quickly scan the customer’s QR code, access their wallet, and redeem prepaid coffees in seconds.
Wallet Access for Baristas
After the barista scans the user’s QR code, the wallet view instantly shows all available Shot Cards and drink options. This allows baristas to check balances and select items without switching screens or interrupting service.
Shot Card activation confirmation
Since Shot Cards can be sent to other users before activation, the POS shows a popup for the barista to confirm with the customer before redeeming, making sure they want to use it, because afterwards the card can’t be gifted.
The Solution
UI Design
With Syra’s new branding, we saw an opportunity to create a fresh, playful design for the POS, one that matched the new look and supported our latest features.
We designed the POS interface with a brutalist style that feels fun and light. A playful character appears throughout the system, adding personality and a touch of humor to every screen.
The Solution
UI Design
To streamline Shot Card redemption, we designed an intuitive flow within the POS that lets baristas quickly scan the customer’s QR code, access their wallet, and redeem prepaid coffees in seconds.
The wallet view displays available Shot Cards and drink options, so baristas can see balance and select items without switching screens or disrupting service.
The Solution
UI Design
With Syra’s new branding, we saw an opportunity to create a fresh, playful design for the POS, one that matched the new look and supported our latest features.
We designed the POS interface with a brutalist style that feels fun and light. A playful character appears throughout the system, adding personality and a touch of humor to every screen.
Our mission: design a POS that lets baristas focus on great coffee and customers, not on navigating complicated tech, while integrating seamlessly with Syra’s digital future
The Outcome
The Outcome
The new POS launched at the beginning of 2025, since then,
we’ve started to see positive results and key improvements
The new POS launched at the beginning of 2025, since then, we’ve started to see positive results and key improvements
The new POS launched at the beginning of 2025, since then,
we’ve started to see positive results and key improvements
"The order flow in the new POS works really well, it's much more straightforward for us."
Barista from Roselló Store in Barcelona
“Having the option to move products positions based on what sells most is super useful.”
Barista from Londres Store in Barcelona
"The order flow in the new POS works really well, it's much more straightforward for us."
Barista from Roselló Store in Barcelona
“Having the option to move products positions based on what sells most is super useful.”
Barista from Londres Store in Barcelona
"The order flow in the new POS works really well, it's much more straightforward for us."
Barista from Roselló Store in Barcelona
“Having the option to move products positions based on what sells most is super useful.”
Barista from Londres Store in Barcelona