Progressive web app

ca.club
Release
2021
Client
Coffee Address
Team roles
Scrum / Project Manager; Technical Lead; Back-End developer; Front-End Developer; Customer Experience Designer; Quality Assurance (QA) Specialist
What we did
Design Thinking; Software Product Design; System Architecture; Information Architecture; Visual Design; Software Development

What is Coffee Address?

Coffee Address is the largest coffee company specializing in office and on-the-go coffee in the Baltics.

What problems were they looking to solve?

TThe company’s goal was to increase revenue from vending by growing its loyal customer base. The vending machine network expanded across the Baltic states, but CA lacked a tool to engage with vending customers outside of direct contact with the machine, which was essential for building customer loyalty.

Solution

We developed CA.club, a Progressive Web App that allows users to purchase vending machine drinks at a discounted price. After registering, users can get a drink in just two steps: scan a QR code on the vending machine using their phone and select a drink.

How ca.club solves the problem

CA.club encourages users to choose CA’s vending machines more frequently by offering discounted drinks. It also allows CA to engage directly with its customers, improving communication and quickly collecting feedback on the quality of vending drinks.

How we came up with it

Our approach was based on structured collaboration and iterative development, leading to a successful solution.

Workshops (WS)

  • WS1 – Product Definition: Define the product scope.

  • WS2 – People & Systems: Align teams and system processes.

  • WS3 – User Journey: Map the complete user journey.

  • WS4 – Functions, Features, Priorities: Prioritize key functions and features for development.

Design process

Our design process follows the principles of Design Thinking, which focuses on understanding user needs and creating tailored solutions.

Technology we used

We utilized PHP, Laravel, Nova, Vue, Nuxt.js, and PgSQL for building a robust and scalable platform. These technologies were chosen for their flexibility, scalability, and performance, enabling us to deliver a high-quality web app that integrates seamlessly with payment solutions like Nayax, EveryPay, Mailgun, Kevin and Dexatel.

Usability tests

We conducted tests with 5–6 vending machine users who consumed at least two drinks per week.

 

 

Goals:

 

Ensure users could complete the test scenarios.

Gather feedback on the user experience.

Identify design or functionality issues.

 

 

KPI:

 

The KPI ranged from -3 to +3, with a good score being 1.6 or higher. Our score = 1.74, validating both usability and product name.

 

 

Key findings and how we used them:

 

The results helped refine key features, and the KPI score of 1.74 confirmed user satisfaction with both the product and its name.

Business Impact

Our solution delivered significant value:

6,000 users by January 1, 2022

 

 

Growth Targets:

 

  • 10,000 subscribers within six months across the Baltics.
  • 500 active users during the first month of the soft launch.
  • 5,000 active subscribers within the first month of the full launch in Lithuania.

How it changed daily life for users

  • Discounted drinks.
  • A seamless payment process, better than cash or cards.
  • [Potential testimonial from a Lithuanian user]

Challenges and key takeaways

  • Early Risk Elimination: Addressed Nayax integration issues early, reducing deployment risks.
  • Balancing Business Needs and Deadlines: Adapted to scope changes while ensuring timely delivery.
  • Usability Testing Insights: Collected user feedback to refine the product.
  • Process Adherence: Sticking to the process helped mitigate risks early (e.g., Nayax integration).
  • Multiple Payment Options: Highlighted the importance of offering more than just credit card payments.