Case Study - Ticket to Ride
Ticket to Ride is a tablet-based app designed to provide a seamless digital experience for a hotel cafe and surf shop. The app combines the hotel’s branding with the cafe’s laid-back style, prioritizing usability and functionality. Its clean and intuitive interface allows users to browse the cafe menu, place orders, and explore surf shop products. Ticket to Ride is specifically optimized for tablets, ensuring a smooth and enjoyable experience for users.
Research & Personas
We did some research to better understand the needs of the cafe and surf shop’s customers. We developed two user personas to guide the design process: Linda, the Vacationing Mother and Ethan, the Traveler.
Linda, the Vacationing Mother
Age: 42, Occupation: Full-time parent
Lifestyle: Linda is on vacation with her two kids and husband. She loves relaxing at the cafe while her family enjoys surfing. She needs an app that is easy to use and helps her manage her time efficiently.
Goals: Linda wants to order food while relaxing at the cafe and explore surf shop items for her kids.
Linda's Journey
Scenario: Linda is sitting at the cafe with her two kids after a long morning at the beach. She wants to order food for her family and look for surfing gear for her children.
Pain Points: 1) Doesn’t want to deal with complicated interfaces while managing her kids. 2) Needs a simple way to explore surf shop items for her children. 3) Prefers a clear and efficient ordering process.
Journey with Ticket to Ride:
1. Linda uses the Ticket to Ride app on the tablet at her cafe table.
2. She browses the cafe menu, selects items for herself and her kids, and places the order.
3. While waiting for their food, Linda switches to the surf shop section and browses items like wetsuits and surfboards for her kids.
4. She uses the app’s availability checker to confirm that the wetsuits are in stock.
5. Linda saves the items she’s interested in and visits the shop later.
Ethan, the Traveler
Age: 28, Occupation: Freelancer
Lifestyle: Ethan is a digital nomad who travels frequently and stays in boutique hotels. He loves exploring local cafes and shops but values convenience and speed when ordering food or browsing items.
Goals: Ethan wants to quickly order in the cafe, and discover available products in the surf shop.
Ethan's Journey
Scenario: Ethan is staying at the hotel and decides to grab a coffee and explore surfboards at the shop during a break from work.
Pain Points: 1) Doesn’t want to stand in line to order coffee. 2) Needs quick access to product details without asking staff. 3) Wants a clean, easy interface that doesn’t waste his time.
Journey with Ticket to Ride:
1. Ethan opens the Ticket to Ride app on the tablet provided at his table.
2. He quickly browses the cafe menu and orders a latte and a sandwich.
3. While waiting for his food, Ethan switches to the surf shop section of the app and browses surfboards.
4. The app provides detailed product descriptions and availability, helping Ethan make an informed decision.
5. Ethan adds a surfboard to his favorites and later checks it out in person at the shop.
Design Approach
We created a visually appealing, brand-cohesive, and tablet-optimized interface.
Visual Design
We designed the app’s colors, typography, and overall aesthetic to align with the hotel’s branding while also reflecting the cafe’s beach-inspired vibe. On top of that, we incorporated calming visuals and clean layouts, creating a relaxed aesthetic that fosters a stress-free user experience.
Layout and Navigation
We designed the app’s layout just for tablets, with big buttons and plenty of space to make it easy to navigate. Users can quickly switch between the cafe and surf shop sections with one tap. This improves how easy the app is to use while including all the important information for the hotel users.
Testing & Refinement
We conducted several rounds of user testing to improve the app and make it meet the needs of the personas. Testers found the app easy to use on tablets, with clear buttons and smooth navigation, and they appreciated the ability to switch easily between the cafe and surf shop sections. To enhance the user experience, we redesigned the menu layout for better readability and quicker ordering, improved the surf shop product pages with larger images and more details, and streamlined the ordering process to make it quicker and simpler.
The Final Solution
The final design blends functionality with a visually cohesive experience, effectively meeting the needs of users like Linda and Ethan. It features a tablet-specific design that is optimized for large touch targets and a clean, spacious layout. The cafe menu offers an intuitive interface for browsing and placing orders, while the surf shop section provides easy access to product details, availability, and favorites. Overall, the design aligns with the hotel’s branding while maintaining the relaxed atmosphere of the cafe and surf shop.
Results & Feedback
The results were very positive. Testers were highly satisfaction with the app, praising its simplicity and efficiency, especially when used on tablets. The design successfully balances the hotel’s branding with the aesthetic of the cafe and surf shop, creating a cohesive experience. The app felt intuitive and met its user needs effectively, significantly enhancing their overall experience during their visits. This feedback underscores the app’s success in delivering a user-friendly and valuable tool for the hotel customers.