Roborock Drink Delivery

App prototype

PROBLEM

How would an actual robot vacuum deliver a drink to a user?

I stumbled upon a UX design task within the Apps Lab course application. It encouraged designers to choose their favorite app, come up with a new feature, design wireframes and mockup screen, and create icons/UI elements as needed.

I decided to tackle this task as a practice exercise and I chose Roborock app because I ❤️ my robot vacuum.

The new featured would be “drink delivery” inspired by Star Wars (R2-D2 carrying drinks on Jabba’s jacht).


SOLUTION

Real life robot vacuum delivers a refreshing can of Cola

I posted this video online on April Fools 🙂


PROCESS

Explorative research

I interviewed a potential user, explored vending machines and experimented with attaching drinks on the robot vacuum.

I wanted to understand:

  • What sequence of steps users expect from the feature?
  • What drinks with what options users expect?
  • In what situation would users order a drink?

I interviewed a single user for this fun project. In the real world, I’d interview at least 5 people.

Early whiteboard doodles

Based on the research, I abandoned hot drinks and focused solely on refrigerated soft drinks, specifically Coca-Cola sleek cans. This simplified the design of the app, docking station and drink holder.

Sketching and wireframing

I sketched different variants of screens for each step of the feature sequence to explore possible designs. Then, I made lo-fi wireframes and consulted my friend, UX Designer, to get feedback.

Wireframe of Drink delivered screen

Mockup and app prototype

I made mockups of each screen.

Mockup of Drink delivered screen

Finally, I created an interactive prototype with animations.

Prototype


TAKEAWAYS

Key learnings

Practiced Adobe XD & Took Adobe XD course.

UX Designer feedback was invaluable, significantly improving the project.

User interview was essential for making design decisions with confidence.

Other takeaways:

  • Overcoming the chicken and egg problem requires learning that only comes form exploration and experimentation.
  • Tried Fiverr for the very first time to get a robot voice and a docking station model used in the video.
  • Learned how to extract Roborock pkg files.
  • Filming without cuts is hard.

Robot with custom-made drink holder attachment

It was a joy working on this and seeing it all come together. Thanks everyone who participated! 🥳

Credits:
App design, mockup & video: Roman Luks
Robot voice: dallynbrunck (fiverr)
Sketches for 3D modeling: shakthi_97 (fiverr)
3D modeling and rendering: isolutions111 (fiverr)
Consultation: David, Natasa, Tereza, Tom

View next project

Brno iD account redesign

🤓 Used best practices to create accessible online form

Design (sketching, mockup)

Figma

2023