bokki

bokki

ux/ui art direction passion project

ux/ui art direction passion project

swift sips, boundless delights

swift sips, boundless delights

Lead UX/UI - In collaboration with Lexi Marie


Bokki is an on the go, drive-thru boba cafe, and canned boba - vending machine. This project was inspired by our love for cute cafes and boba drinks. combining 'boba' with the Korean word for bunny, 토끼 (tokki).

Lead UX/UI - In collaboration with Lexi Marie


Bokki is an on the go, drive-thru boba cafe, and canned boba - vending machine. This project was inspired by our love for cute cafes and boba drinks. combining 'boba' with the Korean word for bunny, 토끼 (tokki).

bokki’s brand voice

At bokki, our brand voice embodies the spirit of quick satisfaction and playful delight. We speak with the swiftness of a bunny and the efficiency of our vending machines, ensuring every interaction is as quick and delightful as a hop. With clarity and charm, we invite you to embrace the joy of getting your boba fix swiftly like a bunny, experiencing the perfect balance of convenience and indulgence that defines the essence of bokki.

At bokki, our brand voice embodies the spirit of quick satisfaction and playful delight. We speak with the swiftness of a bunny and the efficiency of our vending machines, ensuring every interaction is as quick and delightful as a hop. With clarity and charm, we invite you to embrace the joy of getting your boba fix swiftly like a bunny, experiencing the perfect balance of convenience and indulgence that defines the essence of bokki.

color palette

so how might we make Bokki a "hoppier" experience for our users?

competitive analysis

a quick breakdown on our flow

paper wireframing

At this stage, I sketched out wireframes to see how different screens would look, while also testing these paper wireframes with people who enjoy boba and wanted a faster way to get their favorite drinks. I tried to think of different ways to help make the user experience feel smooth and easy to navigate, while also proposing different ways to make these screens feel seamless.

At this stage, I sketched out wireframes to see how different screens would look, while also testing these paper wireframes with people who enjoy boba and wanted a faster way to get their favorite drinks. I tried to think of different ways to help make the user experience feel smooth and easy to navigate, while also proposing different ways to make these screens feel seamless.

interactive decisions

Designing elements to experiance a more fun

Designing elements to experiance a more fun

tap and go

We aimed to implement a feature that would enable customers to conveniently tap to pay while also offering the option to order ahead from he app and tap their phone to receive their order seamlessly.

We aimed to implement a feature that would enable customers to conveniently tap to pay while also offering the option to order ahead from he app and tap their phone to receive their order seamlessly.

add a filter

To enhance the interactivity of the vending machine's photobooth feature, we sought to incorporate branded filters. This would provide an additional avenue to showcase and promote our brand while engaging customers in a fun and personalized experience.

To enhance the interactivity of the vending machine's photobooth feature, we sought to incorporate branded filters. This would provide an additional avenue to showcase and promote our brand while engaging customers in a fun and personalized experience.

share your post

We aimed to introduce an option for customers to effortlessly share their photo experiences directly from our vending machine to Bokki’s Instagram feed. Additionally, we provided the opportunity for customers to save their own photos by scanning a QR code.

We aimed to introduce an option for customers to effortlessly share their photo experiences directly from our vending machine to Bokki’s Instagram feed. Additionally, we provided the opportunity for customers to save their own photos by scanning a QR code.

final designs

touchpoints

with more time and resources:

For this project I would like to further explore the UX/UI side of this project to fully flesh out and better improve the prototype for this project. I think exploring more on motion would be exciting to add for the vending machine process and also expanding and further adding more touchpoints to Bokki, such as curating what each drink looks like and what peoples instagram posts would look like after posting their taken photo through the vending machine.

For this project I would like to further explore the UX/UI side of this project to fully flesh out and better improve the prototype for this project. I think exploring more on motion would be exciting to add for the vending machine process and also expanding and further adding more touchpoints to Bokki, such as curating what each drink looks like and what peoples instagram posts would look like after posting their taken photo through the vending machine.