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.