top of page

SERVICES PROVIDED

SERVICES PROVIDED

SERVICES PROVIDED

SERVICES PROVIDED

ENTER SERVICES HERE

ENTER SERVICES HERE

ENTER SERVICES HERE

ENTER SERVICES HERE

Rollin' Joe

PROJECT OVERVIEW

Rollin’ Joe is an autonomous coffee shop on wheels designed for busy college students and professionals who want great coffee without long lines or slow mobile orders. By combining AI-powered delivery with fresh, on-demand brewing, Rollin’ Joe brings café-quality coffee directly to high-traffic spots on campus for a faster, more convenient experience.

Team

Shyann Hailey — Brand Designer
Natalie Hutchinson — Researcher & UI Designer
Shante Martinez — UX Designer

rollin-joe-animation.gif
yankees-gif-tag.gif

The Problem

College students and professionals lose valuable time waiting in long coffee lines, dealing with slow mobile apps, and lacking accurate order tracking. With 84.6% of survey participants saying that getting coffee adds time to their commute, traditional coffee options simply don’t match the speed and mobility of busy life.

The Solution

Rollin’ Joe offers an autonomous mobile café that delivers customized drinks exactly where students are. With real-time tracking, secure pickup codes, and quick ordering, the service eliminates wait times and streamlines the coffee-getting experience—making premium brews more accessible and convenient across campus.

Coffee Habits & Perceived Value

Survey results show that most students drink coffee at least twice a week and typically spend between $5–$7 per drink. While this aligns with premium coffee chains, 61.5% of respondents said price fairness depends on convenience and service. This highlights a demand for quick, customizable options that feel worth the cost.

Weekly Coffee Habit

Frame 1.png

Are Coffee Prices Fair?

Frame 2.png

How do you order coffee?

The Convenience Gap

Despite mobile ordering being available, 76.9% of students still choose to order at the counter, often due to unreliable tracking or slow app performance. As a result, 84.6% reported that getting coffee adds extra time to their commute. These insights reinforce the need for a service that’s fast, predictable, and built around student movement patterns.

Frame 3.png

Does getting coffee add time to your commute?

Frame 4.png

Wireframes

Our wireframes lay the foundation for the Rollin’ Joe experience by translating early sketches into clear, functional layouts. They focus on guiding the user through each step of the process—choosing between hot or cold drinks, customizing flavors and milk options, reviewing their order, and tracking their autonomous coffee delivery in real time. These screens prioritize simplicity, ease of navigation, and minimal friction, ensuring that students can place and retrieve their orders quickly. The wireframes set the structure for the final UI, establishing a seamless and intuitive user flow from start to finish.

Home Page-1.png
Home Page.png
(Hot).png
(Cold).png
Order Summary.png
Bot Tracking-1.png
Bot Tracking.png
Update On Delivery.png
Enjoy Your Coffee!-1.png
Enter Code.png
Correct Code.png
Enjoy Your Coffee!.png

App Flow

Pickup Screen Flow

Firefly_Gemini Flash_I need a coffee car that looks similar to the reference, but the coff
bottom of page