umbraco_logotype pca-predict zonecard plus Results-icon2 Results-icon1 bespoke-icon2 bespoke-icon3 bespoke-icon1 bespoke-icon4 icon4 icon3 icon2 icon1 Results-icon1 Google-translate-icon left-arrow

This site uses cookies and other tracking technologies to assist with navigation and your ability to provide feedback, analyse your use of our products and services, assist with our promotional and marketing efforts, and provide content from third parties. Cookie policy

Connected Devices . UX . Animation

Matthew Algie

We collaborated with Matthew Algie to disrupt the coffee vending sector with great taste and excellent user experience.

Discovery & Ideation

We undertook extensive research to understand the variety of experiences available in the coffee vending market, including research into screen sizes, orientations, and processes used.


Low fidelity sketch-based prototypes were used to explore the order and sequence of the user flow, and to simulate the click-through sequence and ordering complexity. These evolved into high fidelity wireframes depicting each required screen and its associated content.


Moodboards allowed us to consider options for design treatment and explore photo visual, 3D visual, illustration, and iconography as potential approaches we could use to display the coffee menu and customisation options.

Photography & UI Design

The discovery and ideation phase lead us to a mix of photo visual product treatments and vector illustration menu items, building an aesthetically pleasing yet functional design.


Colour backgrounds and a 'flat lay' style of photography were chosen to give the interface a contemporary look and feel. Shooting elements in isolation also increased the options for customisation, so that Matthew Algie can offer their customers bespoke machine branding.

Bespoke Animation

A series of animation sequences were completed to illustrate the machine’s internal work flow and the drink being prepared. These were precisely timed to coincide with the pour sequences of the machine, its noises, and physical output.

Outcome & Results

Combined with the machine designed by Filament PD, our solution delivers an entertaining and informative experience in ordering quality coffee. Matthew Algie is now undergoing trials with clients and the company has secured several partners.

Having commissioned Screenmedia on other projects in the past, we chose to return to them for our Halo coffee vending machine. They were prepared to take a proactive approach to the Halo project that combined our coffee expertise with their experience in UX, contemporary graphic design, and animation. Screenmedia had an intuitive understanding of what we were looking for and worked effectively and professionally as part of a team of local and national project development partners.

Cristy Hardgrieves

Halo Project Manager

Related case studies

Looking good?

Let's build something amazing together.

Get in touch