Back To Studio

Cafe Beans

Cafe Beans – Smart Café Experience App

Role
Senior UI/UX Designer
Duration
2–3 weeks
Tools
Figma, AI Tools (Research + Content + Ideation)

Overview

“Cafe Beans is a mobile app designed to simplify coffee ordering and café space reservations based on different user needs — from casual work meetings, freelancer workspaces, and social hangouts to art workshops and quiet solo spaces for reading and writing.”

Project Vision

“To create a seamless café experience that helps users discover, reserve & enjoy spaces tailored to their lifestyle and daily needs.”

Users can:
• Quick coffee ordering
• Online café reservations
• Calm social & work spaces
• Clean minimal interface

Solution Approach

The solution introduced a mood-based space selection feature that allows users to choose café spaces based on their activity or vibe.

• Mood-based space selection
• Work & focus zones
• Social meeting spaces
• Personalized café experience

Client Requirements

The client wanted an app experience that feels calm, aesthetic, and easy to navigate while helping users to:

• Faster ordering flow
• Simple reservation system
• Clean modern interface
• Better café convenience

User Experience Goal

The goal was to create a modern café experience that combines functionality with a visually clean and minimal interface.

• Smooth user navigation
• Easy ordering journey
• Calm visual experience
• Modern minimal interface

Tap image to enlarge and view research details.

Problem Statement

Users struggle to:

1

Most café apps focus only on food ordering and overlook user intent. Users often struggle to find spaces that match their mood or activity and the right environment for their intent —whether for work, social hangouts, or quiet personal time that fits their vibe.

2

Table booking processes can feel unclear or inconvenient. Users want a faster and smoother way to reserve seating based on their mood, group size, or activity

3

Users often spend too much time browsing menus, comparing drinks, and searching for popular options, making the ordering experience slow &  overwhelming.

Solution

Mood-Based Navigation

Instead of traditional menu-first navigation, users can choose café experience based on mood like Friends, Work, or Personal Space.

Smart Reservation Flow

 Introduced smart intent-based reservations, allowing users to reserve spaces like quiet corner tables for reading, journaling, or creative work such as book writing in just a few taps.

Quick Ordering Experience

Simplified menu browsing with organized drink categories for quicker discovery. Added quantity controls and cup size selection for faster customization before ordering. Designed a clean and minimal interface.

AI-Enhanced User Experience

AI was integrated to create a smarter and more personalized café experience through intelligent recommendations, smoother interactions, and simplified decision-making. It enhanced the experience by understanding user preferences and supporting intuitive user flows.

User Research Support

Used AI tools to explore:
•  Coffee consumption behavior
•  User expectations in café apps
•  Mood-based experience feedback

UX Ideation

•  Feature prioritization
•  Order & reserve flow ideas
•  Mood-based UX concepts

Microcopy & Content

•  Generated concise and user-friendly UI text for a smoother experience
•  Refined warm and friendly brand tone

Visual Direction Inspiration

•  AI-assisted exploration of café design trends and modern visual aesthetics
•  Improved visual consistency across layouts & cards

User Experience Journey

Designed for a Seamless Coffee Ordering Experience

divider line

Color Palette

Warm coffee-inspired palette (browns & neutrals)

Visual Style

Soft rounded cards for a cozy café feel

Typography

Clean typography for better readability

Interface Design

Minimal UI to reduce clutter and distractions

divider line

Final UI

Conclusion

Crafted a mood-driven café experience blending AI-assisted insights with human-centered UX thinking.