Helping improve the live customer messaging process for Talkie.
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
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 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.