Introduction

Recaff, an online coffee shop catering to university students, embarked on a mission to provide a seamless coffee experience. The journey began with crafting a minimalist brand identity featuring a typography-based logo in warm brown and skin tones. Subsequently, Recaff aimed to design a user-centric online coffee buying system, primarily focusing on a mobile website for quick coffee orders between classes. In addition, a main website, point of sale (POS) system, and comprehensive dashboard were developed to enhance user experience and streamline operations.

Problem Statement

University students often have limited time between classes and need a quick, efficient, and hassle-free way to order coffee. Recaff needed to create an online coffee buying system that minimizes waiting times and ensures a smooth ordering process. Additionally, an internal system was required to manage orders, branches, managers, menus, discounts, and orders efficiently.

UX Process

Brand Identity Design:

• Objective: Create a brand identity that conveys simplicity and warmth.

• User Research: Studied the preferences of university students to understand their visual preferences.

• Design Solution: Developed a clean, minimalist typography-based logo in brown and skin tones, evoking a cozy and inviting atmosphere.

Online Coffee Buying System:

• Objective: Enable students to order coffee quickly and easily between classes.

• User Research: Conducted usability tests and gathered feedback from students to identify pain points in the ordering process.

• Simplified Menu: An intuitive mobile menu designed for easy navigation and reduced decision-making time.

• Effortless Ordering: Streamlined interface for swift coffee selection and customization.

• Real-time Updates: Text-based order tracking for transparency and reduced waiting times.

• Student Promotions: Customized offers for students, enhancing loyalty.

Manager Panel Design:

• Objective: Provide branch managers with tools to efficiently manage branches, menus, discounts, and orders.

• User Research: Conducted interviews with branch managers to determine their pain points and requirements.

• Design Solution: Designed a comprehensive dashboard with features for branch management, role assignment, menu updates, discount management, and real-time order tracking.

Point of Sale (POS) System:

• Objective: Streamline order processing and payment in physical stores.

• User Research: Observed store staff to understand their needs and challenges.

• Design Solution: Created a POS system with a user-friendly interface for order management, payment processing, and inventory control.

Results

• Enhanced User Experience: The mobile website's simplified ordering process and real-time tracking reduced waiting times and improved user satisfaction.

• Strong Brand Presence: The minimalist logo and warm color palette contributed to a memorable brand identity that resonated with students.

• Streamlined Operations: The POS system and dashboard improved efficiency in managing orders, branches, menus, and discounts, leading to consistent and efficient operations.

Conclusion

Recaff's UX journey showcases the transformative power of user-centric design. By understanding the unique needs and preferences of university students, Recaff is developing a brand identity and online coffee buying system that streamlines the coffee ordering process. The POS system and comprehensive dashboard further improved operational efficiency. As a result, Recaff not only cateres to the needs of its target audience but also establishes a strong brand presence in the competitive online coffee market.

Disclaimer: The project discussed herein was undertaken as a part of the Little Studio team. The rights to this project are jointly owned by the client and the studio. This case study is presented solely to showcase my individual contributions to the project.