Talkie, 2023

Helping improve the live customer messaging process for Talkie.

UI Design

During Memorisely’s UX/UI bootcamp, I worked on improving a customer support live chat app. Over a period of two weeks, I converted lo-fidelity wireframes into hi-fidelity prototypes.


Convert lo-fidelity wireframes into a hi-fidelity prototype


2023, 2 weeks



Adobe Photoshop

Project overview

The product:

Talkie is a free customer support live chat app that makes it easy for teams to respond to customers on their live website.

The goal:

The goal was to increase customer satisfaction by streamlining the checkout process for vegetable deliveries, creating a seamless and efficient experience.


The goal was to convert the lo-fidelity wireframes into a hi-fidelity prototype. For this, I first defined a 12-column grid that follows the 4-pixel rule. I specified primary and neutral colors and defined them in different shades. As a font I chose “overpass” and “syne”, because both fonts look clean and clear, but still have personality. I then created the various components and used them to create the hi-fidelity prototype.

High Fidelity Prototype

I created the individual frameworks for each step of the messaging process. I focused on a reduced representation of the process. Below is the final version of the prototype I created.

Feel free to contact:

© 2023 Tina Schüler, +49 (0) 1520 27 32 096 |

Feel free to contact:

© 2023 Tina Schüler, +49 (0) 1520 27 32 096