UI Design, BRANDING
Fresh Bubbles - Refreshing Drink Delivery App
Clickable Prototype
Copy Link & View Clickable Figma Prototype - FRESH BUBBLES - Animated Food Delivery App:
https://www.figma.com/proto/JS3ArNeCX6OD7n2KGdSlGF/Fresh-Bubbles---Delivery-App?page-id=1%3A2&type=design&node-id=227-26&viewport=-370%2C422%2C0.07&t=ydyh3OJ8BB2irLE5-9&scaling=scale-down&starting-point-node-id=227%3A26&show-proto-sidebar=1&hide-ui=1
UX Design
Fresh Bubbles - Refreshing Drink Delivery App:
Role and Project Information
Branding, UX/ UI Design. Design, prototyping and animation using Figma. UI design for iOS app.
Role: UX/UI Designer. Tools: Figma, Photoshop, Illustrator. Timeline: 2 months (2023).Collaboration: As a UX/UI designer, I collaborated with a small team of developers and a product owner. I was responsible for branding and determining the overall design direction of the project while collaborating with the rest of the team on the creativity and implementation.
Introduction
UX Journeys: 4 Key Scenarios
"Fresh Bubbles" is a Refreshing Drink Delivery App that delivers refreshing beverages straight to the customer's doorstep. The app focuses on providing a seamless and delightful user experience with four essential user journeys: Sign-Up & Login, Order, Checkout, and Profile. Fresh Bubbles app's product design and user experience (UX) and user interface (UI) consideration, the app aims to offer a modern and enjoyable beverage ordering experience.
1. Scenario: Sign-Up & Login
In this scenario, users encounter the splash page with an animated circular logo overlaying a dark map background while the app loads. They then proceed to either log in with their existing credentials or sign up by entering their email and password. The goal is to create a seamless and secure onboarding process for new users and a convenient login experience for returning users.
2. Scenario: Order
During the order scenario, users navigate through various screens to select their desired refreshing drink. They can explore different beverage categories, choose a specific drink, and customize it according to their preferences, such as sweetness level, ice, and toppings. The aim is to provide an intuitive and interactive ordering process allowing users to personalize their beverages easily.
3. Scenario: Checkout
In the checkout scenario, users review their selected items in the cart and proceed to enter their delivery address and payment details. The app displays a live delivery update on the map, giving users real-time tracking of their orders. The objective is to create a smooth and secure checkout process that instills confidence in users and keeps them informed about their order status.
4. Scenario: Profile In the profile scenario, users can access their personal information, order history, and saved preferences. They can also view the details of their most recent order. The purpose is to offer users a convenient way to manage their accounts and review their past orders, fostering a sense of personalization and engagement with the app.
Overall, these critical scenarios are designed to ensure a delightful and efficient user experience, allowing users to easily navigate the app, customize their orders, and track their deliveries, ultimately establishing "Fresh Bubbles" as a preferred and trusted platform for refreshing drink delivery.
About
The "Fresh Bubbles" - Refreshing Drink Delivery App offers a delightful and intuitive experience for customers seeking refreshing beverages. With a captivating logo, vibrant colours, and modern typography, the app provides seamless journeys for Sign-Up & Login, Order, Checkout, and Profile. Users enjoy smooth animations, social media login options, and secure password entry. The product screens feature fresh light green, and the map screens create visual interest with contrasting white and dark maps. Overall, Fresh Bubbles ensures an engaging and user-friendly platform for beverage delivery.
"Fresh Bubbles" is a cutting-edge and user-centric beverage delivery app that aims to bring a delightful and refreshing experience to customers' doorsteps. Their mission is to revolutionize how people enjoy beverages by providing a seamless and personalized platform to access high-quality and refreshing drinks.
Key Features:
• Customizable Beverages: "Fresh Bubbles" offers a wide array of customization options, allowing users to tailor their drinks to their preferences. From sweetness levels to ice preferences, they've got it all covered.
• Diverse Drink Selection: With an extensive drink menu, "Fresh Bubbles" offers a variety of refreshing flavours, from classic milk tea to vibrant fruit juices and exotic specialty beverages.
• Efficient Delivery System: Prioritizing timely deliveries, "Fresh Bubbles" keeps customers informed with real-time delivery updates.
• User-Friendly Interface: Designed with simplicity, the app makes ordering your favourite drinks seamless and hassle-free.
• Eco-Friendly Approach: Committed to sustainability, "Fresh Bubbles" uses eco-friendly packaging to promote a greener and cleaner environment.
Mission:
"Fresh Bubbles" is dedicated to providing a convenient, personalized, and joyful beverage delivery experience. Their mission is to revolutionize how people enjoy drinks by offering a diverse range of refreshing options tailored to individual taste preferences. With a focus on efficiency, sustainability, and customer satisfaction, they strive to set new standards in the beverage delivery industry and create a memorable and refreshing journey for every user they serve.
Join "Fresh Bubbles" on this refreshing adventure and elevate your beverage experience with their cutting-edge and user-centric app - Your Refreshing Drink Delivery App!
Problem Statement
In the fast-paced urban lifestyle, customers often need help conveniently accessing high-quality and customizable refreshing beverages. Existing beverage delivery services may require more diverse product options, personalization features, or efficient delivery systems. This creates a gap in the market for a comprehensive and user-friendly beverage delivery app that offers a wide range of refreshing drink choices and allows customers to customize their beverages according to their preferences. "Fresh Bubbles" aims to address these pain points and provide a seamless and delightful beverage ordering experience, filling the void for a premium and personalized drink delivery service.
Problem Statement for "Fresh Bubbles" - Refreshing Drink Delivery App:
The following challenges and market gaps have been identified, leading to the need for "Fresh Bubbles," - a refreshing drink delivery app:
• Limited Beverage Customization: Existing beverage delivery services may offer limited options for customizing drinks, leaving customers with limited choices to match their taste preferences and dietary requirements.
• Lack of Diverse Drink Selection: Some beverage delivery platforms may have a limited range of refreshing drink options, restricting customers from exploring unique and innovative flavours.
• Inefficient Delivery Systems: Customers often face delayed deliveries or lack real-time updates on their orders, leading to a subpar experience and reduced trust in the service.
• Complex Ordering Process: Some existing apps may need a more straightforward or more convenient ordering process, causing frustration among users and hindering repeat orders.
• Inconsistent Drink Quality: Consistent product quality may be observed across different beverage delivery services, leading to a lack of trust and certainty among customers.
• Limited Geographic Reach: Certain beverage delivery apps may only operate in specific locations, leaving potential customers without access to the service outside these areas.
• Inadequate Packaging and Sustainability: Some platforms may need to prioritize eco-friendly packaging, leading to environmental concerns and affecting the app's reputation among environmentally-conscious users.
• High Competition: The beverage delivery market is highly competitive, with various players vying for market share, making it challenging for a new entrant like "Fresh Bubbles" to establish a strong presence.
"Fresh Bubbles" aims to address these challenges and fill the market gap by providing a user-friendly and customizable drink delivery platform that offers a diverse selection of high-quality and refreshing beverages. By focusing on efficient delivery, seamless ordering processes, and eco-friendly packaging, the app seeks to differentiate itself in the competitive market and provide customers with a delightful beverage delivery experience.
Purpose
The primary purpose of the "Fresh Bubbles" - Refreshing Drink Delivery App: is to provide a convenient and delightful beverage delivery service to customers, offering a wide variety of refreshing drinks. The app aims to enhance the beverage ordering experience, allowing users to customize their drinks according to their preferences. "Fresh Bubbles" seeks to become the go-to destination for customers seeking high-quality and personalized beverage options delivered right to their doorstep. By leveraging its user-friendly interface, diverse product offerings, and efficient delivery system, the app aspires to create a seamless and enjoyable experience for beverage enthusiasts, promoting a sense of satisfaction and delight with every order.
Primary product offerings
Primary Product Offerings - "Fresh Bubbles" - Refreshing Drink Delivery App:
1. Regular Beverages: Sweet tint of caramel and chocolate, providing delightful and classic flavours.
2. Coffee: Premium cold brew with black tea, offering a refreshing and energizing blend.
3. Japanese Matcha Tea: Sweet Japanese Matcha tea tastes like traditional Japanese green tea.
4. Chai: Made with Golden Chai tea, offering a rich and spiced beverage option.
5. Regular Milk Tea: A classic milk tea base with the option to add milk, choose sweetness level, and select ice preferences.
6. Toppings Selection: Users can tap to select their preferred toppings, including Large Tapioca, Small Tapioca, and Lychee Jelly.
"Fresh Bubbles" offers a diverse range of refreshing drinks, catering to various tastes and providing a delightful beverage delivery experience for its customers.
Location
The "Fresh Bubbles" - Refreshing Drink Delivery App is available across multiple locations, providing beverage delivery services to a diverse range of customers. The app caters to urban and suburban areas, reaching out to various cities and towns within the regions it operates.
Currently, "Fresh Bubbles" start to operate in the following locations:
• San Francisco, California USA
• Los Angeles, California USA
• Long Beach, California USA
• Brisbane, California USA
• Colma, California USA
• Daly City, California USA
As the app continues to expand its operations, it aims to extend its reach to additional locations, serving a broader customer base and bringing its delightful beverage offerings to more areas.
Project Brief
Competitors
Competitive Landscape: "Fresh Bubbles" faces competition from various beverage delivery platforms. Each competitor has its strengths, weaknesses, opportunities, and threats. Analyzing the competitive landscape helps "Fresh Bubbles" identify opportunities for differentiation and improvements.
Competitors Analysis for "Fresh Bubbles" - Refreshing Drink Delivery App:
San Francisco, CA, USA:
1. Boba Guys:
• Specializes in boba tea with a wide variety of flavours and toppings.
• Known for using high-quality ingredients and offering customizable options.
• Appeals to boba tea enthusiasts seeking unique and creative combinations.
2. Shop Mercato:
• A grocery delivery platform is offering beverages among its product categories.
• Likely caters to users looking for a one-stop shop for groceries, including beverages.
• Attracts customers who prefer ordering multiple items from various local stores.
3. SUMMER CLEANSE TIME:
• Focuses on cleanses and detoxifying beverages for health-conscious customers.
• Targets a specific segment of users seeking nutritious and rejuvenating drink options.
• May not directly compete with "Fresh Bubbles" as its offerings are more specialized.
4. Side Walk Juice:
• Offers a range of fresh and cold-pressed juices with natural ingredients.
• Emphasizes health and wellness through its beverage choices.
• Attracts health-conscious consumers looking for nutrient-rich drinks.
5. Happy Moose:
• Provides a selection of fresh and natural fruit juices and smoothies.
• Promotes healthy ingredients without added sugars or preservatives.
• Targets health-conscious consumers seeking nutritious and tasty drink options.
6. Suga Bros:
• Offers specialty fruit teas and flavoured beverages with unique ingredients.
• Attracts users looking for innovative and diverse drink options.
• Competes with "Fresh Bubbles" in the fruit tea and flavoured beverage category.
7. Pressed:
• Specializes in organic, cold-pressed juices made from fresh produce.
• Focuses on natural and nutrient-rich beverages.
• Appeals to health-conscious consumers seeking cleansing and refreshing drinks.
8. Muncho:
• Provides a variety of drinks and beverages, possibly with a local focus.
• May cater to users looking for unique and exclusive local drink options.
• Competes with "Fresh Bubbles" in the broader beverage delivery market.
9. Sharetea:
• A global brand specializing in bubble tea and other specialty drinks.
• Known for its wide selection of customizable bubble tea options.
• Directly competes with "Fresh Bubbles" in the bubble tea delivery space.
Los Angeles, CA, USA:
10. MILK+T:
• A famous brand known for innovative milk teas and tea lattes.
• Focuses on combining traditional flavours with modern twists.
• Competes with "Fresh Bubbles" in the milk tea and tea latte delivery category.
11. Quench Juice Bar:
• Offers a variety of fresh and cold-pressed juices and smoothies.
• Focuses on nutritious and energizing beverage options.
• Attracts health-conscious customers seeking refreshing drinks.
12. Backyard Bowl:
• Known for its acai bowls and smoothies made with natural ingredients.
• Target users are seeking a refreshing and wholesome snack or drink option.
• Competes with "Fresh Bubbles" in the smoothie and acai bowl delivery space.
13. Ko Juice:
• Offers a range of organic and cold-pressed juices.
• Focuses on providing nutrient-rich and health-focused drink options.
• Attracts health-conscious consumers seeking fresh and nourishing beverages.
Long Beach, CA, USA:
14. Ding Tea Long Beach:
• A well-known global chain specializing in bubble tea.
• Offers a diverse menu of bubble tea flavours and toppings.
• Directly competes with "Fresh Bubbles" in the bubble tea delivery market.
15. Smakk'D Refreshers & Teas:
• Provides a variety of handcrafted beverages, including refreshers and teas.
• Offers unique and refreshing drink options for diverse tastes.
• Competes with "Fresh Bubbles" in the handcrafted beverage delivery category.
Based on this analysis, "Fresh Bubbles" - Refreshing Drink Delivery App faces competition from various beverage delivery platforms, each with its unique offerings and target audience. "Fresh Bubbles" should emphasize its distinctive features, product quality, and personalized customer experience to stand out in the market. Understanding the strengths and weaknesses of its competitors will help "Fresh Bubbles" refine its strategies and differentiate itself in the highly competitive beverage delivery industry.
Competitors, their Strengths, Opportunities, and Weaknesses
Competitors Analysis for "Fresh Bubbles" - Refreshing Drink Delivery App:
San Francisco, CA, USA:
Boba Guys:
Strengths: Specializes in boba tea with a wide variety of flavours and toppings. Known for high-quality ingredients and customization options.
Opportunities: Can attract boba tea enthusiasts seeking unique and creative combinations. Expanding to more locations could enhance market reach.
Weaknesses: May face competition from other boba tea vendors. Limited product range compared to "Fresh Bubbles."
Shop Mercato:
Strengths: Offers beverages through a grocery delivery platform, providing convenience for customers—a one-stop shop for groceries, including beverages.
Opportunities: Expanding partnerships with local beverage suppliers can diversify the beverage selection. Offering exclusive beverage deals could attract more customers.
Weaknesses: May not have a specialized focus on beverages like "Fresh Bubbles." It may not provide unique or customizable drink options.
SUMMER CLEANSE TIME:
Strengths: Focuses on cleanses and detoxifying beverages, targeting health-conscious customers.
Opportunities: Collaborating with "Fresh Bubbles" to provide healthier drink alternatives could expand both brands' market share.
Weaknesses: Limited product range compared to a comprehensive beverage delivery app like "Fresh Bubbles."
Side Walk Juice:
Strengths: Offers fresh and cold-pressed juices, appealing to health-conscious consumers.
Opportunities: Partnering with local juice bars to offer exclusive flavours could differentiate the brand.
Weaknesses: May not have as extensive a menu as "Fresh Bubbles," which offers a broader range of beverages.
Happy Moose:
Strengths: Provides fresh and natural fruit juices and smoothies, focusing on health.
Opportunities: Offering unique seasonal drink options can attract more customers during specific periods.
Weaknesses: Limited compared to "Fresh Bubbles" in terms of diverse beverage categories.
Los Angeles, CA, USA:
MILK+T:
Strengths: Known for innovative milk teas and tea lattes with traditional and modern flavours.
Opportunities: Collaborating with "Fresh Bubbles" to introduce crossover beverages could attract new customers.
Weaknesses: May face direct competition from "Fresh Bubbles" in the milk tea and tea latte category.
Quench Juice Bar:
Strengths: Offers fresh and cold-pressed juices and smoothies with a focus on nutrition.
Opportunities: Creating enticing drink bundles or subscription plans can boost customer retention.
Weaknesses: May not have as diverse a menu as "Fresh Bubbles," which offers multiple drink categories.
Long Beach, CA, USA:
Ding Tea Long Beach:
Strengths: Well-known global chain specializing in bubble tea with a wide selection of flavours.
Opportunities: Localized bubble tea flavours can cater to the specific region's taste preferences.
Weaknesses: Direct competition with "Fresh Bubbles" in the bubble tea market.
Smakk'D Refreshers & Teas:
Strengths: Offers handcrafted refreshers and teas, providing unique and refreshing drink choices.
Opportunities: Promoting collaborations with local tea artisans can enhance brand exclusivity.
Weaknesses: May not have as extensive a menu as "Fresh Bubbles," which offers multiple types of beverages.
Based on this analysis, "Fresh Bubbles" - Refreshing Drink Delivery App faces competition from various beverage delivery platforms, each with unique offerings and potential growth areas. By capitalizing on its strengths, exploring opportunities for collaboration and innovation, and addressing any weaknesses, "Fresh Bubbles" can establish itself as a prominent player in the competitive beverage delivery market.
Competitive Landscape Analysis: Identifying Existing Solutions and Opportunities for Differentiation
Competitive Landscape Analysis: "Fresh Bubbles" - Refreshing Drink Delivery App
The competitive landscape analysis provides a comprehensive overview of the existing players in the beverage delivery market and their impact on "Fresh Bubbles." Understanding the competitive landscape is crucial for identifying opportunities for differentiation and potential threats in the market.
Key Competitors and Their Offerings:
1. Boba Guys: Specializes in boba tea with a wide variety of flavours and toppings. Known for high-quality ingredients and customization options.
2. Shop Mercato: Offers beverages through a grocery delivery platform, providing convenience for customers seeking a one-stop shop for groceries.
3. SUMMER CLEANSE TIME: Focuses on cleanses and detoxifying beverages, targeting health-conscious customers.
4. Side Walk Juice: Provides fresh and cold-pressed juices, emphasizing health and wellness through natural ingredients.
5. Happy Moose: Offers fresh and natural fruit juices and smoothies, targeting health-conscious consumers seeking wholesome drink options.
6. MILK+T: Known for innovative milk teas and tea lattes with traditional and modern flavours.
7. Quench Juice Bar: Offers fresh and cold-pressed juices and smoothies with a focus on nutrition.
8. Ding Tea Long Beach: Well-known global chain specializing in bubble tea with a wide selection of flavours.
9. Smakk'D Refreshers & Teas: Provides handcrafted refreshers and teas, offering unique and refreshing drink choices.
Competitive Strengths and Opportunities for Differentiation:
1. Personalized Customization: "Fresh Bubbles" can stand out by providing a wide array of customizable drink options, allowing customers to create their beverages according to their preferences.
2. Local Collaborations: Partnering with local artisans and juice bars to introduce exclusive and regional flavours can create a unique selling proposition.
3. Health-Conscious Offerings: By expanding its selection of nutrient-rich and rejuvenating beverages, "Fresh Bubbles" can cater to health-conscious consumers seeking refreshing and wholesome drink choices.
4. Loyalty Rewards Program: Implementing a rewarding loyalty program and offering tempting promotions can boost customer engagement and retention.
5. Real-Time Delivery Tracking: Enhancing the user experience with real-time delivery updates on the app can elevate customer satisfaction and convenience.
Potential Threats:
1. Intense Competition: The beverage delivery market is highly competitive, with numerous players vying for market share, leading to potential pricing wars and aggressive marketing.
2. Changing Consumer Preferences: Shifting consumer trends and preferences may impact the demand for specific beverages, requiring constant adaptation.
3. Delivery Logistics: Ensuring efficient and timely deliveries can be challenging, especially during peak hours or adverse weather conditions.
Conclusion:
The competitive landscape analysis reveals opportunities and challenges for "Fresh Bubbles" in the beverage delivery market. By leveraging its strengths, differentiating through personalized offerings, and staying attuned to changing market dynamics, "Fresh Bubbles" can be a top choice for refreshing and customizable beverage deliveries, standing out in the competitive market.
Strengths, Weaknesses, Opportunities, and Threats (SWOT Analysis)
STRENGTHS:
1. Unique Branding: "Fresh Bubbles" has a distinctive logo, colour scheme, and typography, creating a memorable and visually appealing brand identity.
2. Diverse Beverage Selection: The app offers a wide range of refreshing drinks, including boba tea, fruit juices, smoothies, and specialty beverages, catering to various customer preferences.
3. User-Friendly Interface: The app's intuitive and seamless interface enhances the overall user experience, making it easy for customers to place orders and navigate through different sections.
4. Personalization Options: "Fresh Bubbles" allows users to customize their beverages with various toppings, sweetness levels, and ice preferences, providing a personalized drink experience.
5. live Delivery Tracking: Real-time delivery updates on the map enable customers to track their orders, enhancing transparency and reliability.
WEAKNESSES:
1. Limited Geographical Reach: The app is currently available in specific locations, which may limit its customer base compared to more widespread competitors.
2. Limited Market Awareness: "Fresh Bubbles" might face challenges in gaining market visibility and reaching potential customers amidst solid competition.
3. Limited Food Options: While the app focuses on refreshing beverages, it may need a comprehensive range of options, potentially missing out on customers looking for combined food and beverage delivery.
OPPORTUNITIES:
1. Geographic Expansion: "Fresh Bubbles" can seize opportunities to expand its operations to new cities and regions, broadening its market presence.
2. Collaborations with Local Brands: Partnering with local businesses, such as cafes or bakeries, can offer a bundled experience and cross-promotional opportunities.
3. Seasonal and Limited-Time Offerings: Introducing exclusive seasonal beverages or limited-time promotions can create excitement and attract a more extensive customer base.
4. Loyalty Rewards Program: Implementing a loyalty program with rewards and discounts can encourage repeat orders and customer loyalty.
THREATS:
1. Intense Competition: The beverage delivery market is highly competitive, with numerous established players and new entrants vying for market share.
2. Changing Consumer Preferences: Shifting consumer trends and preferences may impact the demand for specific beverages, requiring constant adaptation.
3. Delivery Logistics: Ensuring efficient and timely deliveries can be challenging, especially during peak hours or adverse weather conditions.
4. External Factors: Economic fluctuations, government regulations, or unexpected events can impact business operations and customer demand.
Conducting a SWOT analysis allows "Fresh Bubbles" to gain insights into its strengths, weaknesses, opportunities, and threats, enabling strategic decision-making and actions to maximize its competitive advantage and thrive in the dynamic beverage delivery market.
Project Description
"Fresh Bubbles" - Refreshing Drink Delivery App is a cutting-edge beverage delivery app that serves a tempting array of refreshing drinks to customers in San Francisco, Los Angeles, Long Beach, and neighbouring regions. With an emphasis on personalized experiences, sustainability, and local collaborations, the app stands out as a top-tier destination for beverage enthusiasts seeking extraordinary and unforgettable drink adventures.
Key Features and Unique Offerings:
Irresistible Beverage Selection: "Fresh Bubbles" showcases a diverse menu, including enticing options such as Regular with a sweet tint of caramel and chocolate, Coffee with Premium cold brew and black tea infusion, Sweet Japanese Matcha tea, and Chai made with Golden Chai tea.
1. Tailored Customization: Customers have the power to craft their drink precisely to their liking. They can choose Regular milk tea with options to add Milk, Semi-sweet, or enjoy it with medium ice. Topping selection includes Large Tapioca, Small Tapioca, or Lychee Jelly, allowing for a personalized and delightful beverage experience.
2. Collaboration with Local Artisans: "Fresh Bubbles" proudly partners with local artisans and juice bars, introducing exclusive and regional flavours, supporting the local community, and offering a unique touch to each beverage.
3. Eco-Friendly Commitment: With sustainable packaging and eco-conscious practices, the app attracts environmentally-conscious customers who share the vision of preserving the environment.
4. User-Centric Interface: "Fresh Bubbles" ensures a seamless and user-friendly interface, enabling real-time delivery tracking and convenience throughout the ordering process.
5. Rewards and Tempting Promotions: The app's loyalty rewards program and seasonal promotions foster user engagement, appreciation, and repeat orders, providing a gratifying experience to customers.
6. Health-Conscious Options: Catering to health-conscious consumers, "Fresh Bubbles" offers a range of nutrient-rich and rejuvenating beverages, including cold-pressed juices and health-focused drink choices.
Brand Identity and Aesthetic:
The app's logo boasts a captivating symbol of bubbles and waves, reflecting the Ying Yung style, with circular and rectangular variations. The primary colour scheme of #038904 and #EAFFC6, along with the fresh light green and contrasting white and dark maps, creates an alluring and contemporary visual identity, heightening the overall user journey.
Vision and Growth Strategy:
With a steadfast commitment to excellence, sustainability, and customer satisfaction, "Fresh Bubbles" envisions becoming the ultimate destination for refreshing and tailor-made drink deliveries. Constantly pushing the boundaries of innovation, the app aims to expand to new locations and elevate the beverage delivery industry, evoking delight with every sip and leaving a lasting impression on its cherished customers.
Services
Services Offered by "Fresh Bubbles" - Refreshing Drink Delivery App:
1. Regular Milk Tea: Classic milk tea with customizable options for sweetness levels and ice preferences.
2. Coffee Bubble Tea: Premium cold brew infused with black tea, offering a unique blend of coffee and tea flavours.
3. Sweet Japanese Matcha Tea: Authentic and sweet Japanese matcha tea provides a refreshing and traditional beverage choice.
4. Golden Chai: A delightful chai made with Golden Chai tea, perfect for enthusiasts.
5. Toppings Selection: Customers can tap to select from various toppings, including Large Tapioca, Small Tapioca, and Lychee Jelly, to enhance their drink experience.
"Fresh Bubbles" offers an enticing selection of beverages, including classic favourites and innovative combinations, allowing customers to customize their drinks according to their preferences. With a focus on quality ingredients and personalized options, the app ensures a delightful and satisfying beverage delivery experience.
The "Fresh Bubbles" app offers an array of enticing and customizable beverage options, including:
1. Milk Tea - Regular - sweet tint of caramel and chocolate
2. Coffee Bubble Tea - Premium cold brew with black tea
3. Sweet Japanese Matcha tea - Regular
4. Golden Chai – Made with Golden Chai tea
5. Toppings Selection - Regular milk tea with the option to add:
• Milk
• Semi-sweetness
• Medium ice
• A choice of toppings:
• A) Large tapioca
• B) Small tapioca
• C) Lychee Jelly
Objective
The primary objective of this case study is to design and evaluate the user experience and interface of the "Fresh Bubbles" app. By examining the four essential user journeys and considering the branding elements, design choices, and service offerings, we aim to identify strengths and areas for improvement to enhance the overall user experience.
"Fresh Bubbles," - Refreshing Drink Delivery App, aims to establish itself as the top-choice beverage delivery app, providing customers with a seamless and delightful experience in San Francisco, Los Angeles, Long Beach, and neighbouring regions. The app aims to achieve this by offering a diverse menu of high-quality and customizable beverages, collaborating with local artisans for exclusive options, implementing sustainable practices, expanding to new locations, fostering customer loyalty, and ensuring continuous business growth and profitability. Through innovation, customer-centricity, and a commitment to quality, "Fresh Bubbles" seeks to elevate the beverage delivery industry and become the go-to platform for refreshing and personalized drink orders.
How the project stands out
Key Differentiators of "Fresh Bubbles" - Refreshing Drink Delivery App:
1. Innovative Beverage Selection: "Fresh Bubbles" sets itself apart with an imaginative and diverse array of beverages featuring unique flavours and modern twists on traditional favourites.
2. Customization for Personalized Taste: The app offers extensive customization options, allowing customers to tailor their drinks to individual preferences, ensuring a one-of-a-kind experience with each order.
3. Local Artisan Collaborations: "Fresh Bubbles" partners with local beverage artisans, showcasing regional flavours and supporting the community while offering exclusive and specialty drink options.
4. Eco-Conscious Approach: With sustainable packaging and eco-friendly practices, the app appeals to environmentally-conscious customers, aligning with their values and contributing to conservation efforts.
5. Real-Time Delivery Tracking: Providing transparent and real-time delivery tracking, "Fresh Bubbles" ensures customers' convenience and peace of mind throughout the delivery process.
6. Loyalty Rewards and Engaging Promotions: A loyalty rewards program and enticing seasonal promotions foster customer engagement and incentivize repeat business.
7. Health-Focused Offerings: Emphasizing nutrient-rich options, such as cold-pressed juices and health-conscious beverages, "Fresh Bubbles" caters to health-conscious consumers seeking refreshing and wholesome drinks.
8. User-Friendly Interface: With a visually appealing and user-friendly interface, the app prioritizes a seamless and enjoyable customer experience, enhancing overall satisfaction.
9. Limited Edition Specials: Introducing limited edition beverages for special occasions adds excitement and encourages the exploration of new and exclusive drink selections.
10. Commitment to Quality and Innovation: "Fresh Bubbles" continuously seeks to improve and innovate, maintaining a high standard of quality, taste, and service to exceed customer expectations.
By embracing innovation, sustainability, and customer-centricity, "Fresh Bubbles" stands out in the competitive beverage delivery landscape, offering a refreshing and exceptional journey for all who seek delightful and personalized drink experiences.
Project Goals
1. User-Centric Experience: Create a highly intuitive and delightful user experience for "Fresh Bubbles" app users across all four UX journeys (Sign-Up & Login, Order, Checkout, and Profile), ensuring smooth navigation and seamless interactions.
2. Distinctive Brand Identity: Establish a captivating brand identity for "Fresh Bubbles" through a visually appealing logo, vibrant colour scheme, and modern typography, ensuring brand consistency throughout the app.
3. Efficient Onboarding: Streamline the Sign-Up & Login process to provide a hassle-free onboarding experience for new users while enabling quick access for returning users with secure and convenient login options.
4. Personalization and Customization: Enable users to customize their beverage orders with various options for sweetness levels, ice preferences, and toppings, ensuring a tailored and enjoyable drinking experience.
5. Diverse Beverage Selection: Curate an extensive and mixed drink menu, offering a wide range of refreshing beverages, from classic favourites to specialty creations, to cater to different tastes.
6. Real-Time Order Tracking: Implement real-time delivery updates on the map screens, allowing users to track their orders and stay informed about the status and estimated delivery time.
7. User-Friendly Interface: Design an intuitive and user-friendly interface that appeals to a wide range of users, making it easy for them to place orders and navigate the app effortlessly.
8. Eco-Friendly Initiatives: Incorporate environmentally-friendly practices by using eco-friendly packaging and promoting sustainability in the beverage delivery process.0
9. Market Competitiveness: Conduct a comprehensive competitive analysis to identify existing solutions and opportunities for differentiation, ensuring "Fresh Bubbles" stands out in the competitive beverage delivery market.
10. Customer Satisfaction: Strive for exceptional customer satisfaction by gathering user feedback, addressing concerns, and continuously improving the app based on user insights.
11. Scalability and Expansion: Develop a scalable app architecture, allowing "Fresh Bubbles" to expand its operations to new locations and easily accommodate a growing user base.
By achieving these project goals, "Fresh Bubbles" aims to revolutionize the beverage delivery industry, becoming a preferred choice for customers seeking a refreshing and personalized drink delivery experience.
Business goals
The business goals of the "Fresh Bubbles" - Refreshing Drink Delivery App encompass a comprehensive vision for success and growth in the beverage delivery industry. These goals are designed to establish the app as a leading and reputable platform, providing delightful drink experiences to a broad customer base. The critical business objectives include:
1. Market Leadership: Attain a significant share of the beverage delivery market by becoming the go-to choice for customers seeking refreshing and high-quality drinks.
2. Profitability and Growth: Generate substantial revenue and achieve profitability by efficiently managing operations and optimizing cost-effectiveness.
3. Brand Reputation: Build a solid and positive brand image synonymous with top-notch beverage delivery, leading to increased customer loyalty and advocacy.
4. Market Expansion: Extend the app's reach to new geographic locations and explore opportunities for national or international expansion.
5. Strategic Partnerships: Form valuable partnerships with local and global beverage suppliers to diversify product offerings and provide exclusive drink options.
6. Data-Driven Decision-Making: Leverage data analytics and customer insights to drive business strategies, enhance user engagement, and optimize marketing efforts.
7. Sustainability and Ethics: Incorporate eco-friendly practices and emphasize environmental responsibility to appeal to conscious consumers and align with modern values.
8. Continuous Innovation: Stay ahead of competitors by introducing new and innovative drink flavours, seasonal specials, and exciting features that capture users' attention.
9. Brand Recognition: Establish "Fresh Bubbles" as a household name synonymous with refreshing and delightful beverage delivery experiences.
10. Employee Engagement: Cultivate a positive and collaborative work culture, encouraging employee satisfaction, creativity, and dedication to excellence.
11. Synergistic Partnerships: Forge alliances with other food delivery platforms or services to broaden the app's user base and enhance brand visibility.
By pursuing these business goals, "Fresh Bubbles" aims to position itself as a market leader and a preferred choice for customers seeking a refreshing and delightful drink delivery experience.
Project Vision
Project Vision: "Fresh Bubbles" - Refreshing Drink Delivery App
1. Create a seamless and delightful beverage delivery platform.
2. Offer a diverse selection of high-quality and customizable drinks.
3. Provide personalized and tailored drink experiences for each user.
4. Deliver orders with efficiency, accuracy, and timely service.
5. Foster moments of joy and satisfaction with every refreshing sip.
6. Revolutionize how people enjoy beverages, making it an enjoyable and hassle-free process.
7. Become a leading destination for beverage deliveries in multiple locations.
8. Promote sustainability and eco-friendly practices in the beverage industry.
9. Build a recognized and trusted brand synonymous with refreshing drinks.
10. Enhance customer loyalty and satisfaction through exceptional service.
11. Stay at the forefront of innovation, introducing new flavours and features.
12. Establish "Fresh Bubbles" as the go-to app for delightful drink experiences.
Target Audience
The target audience of the "Fresh Bubbles" - Refreshing Drink Delivery App comprises individuals who appreciate the convenience of online beverage delivery services and seek delightful and refreshing drink experiences. This audience consists of tech-savvy individuals comfortable using mobile apps for various purposes, including food and beverage orders. The primary characteristics of the target audience include:
1. Urban Dwellers: They are residents of urban areas, including cities and town centers, who lead busy lifestyles and prefer the convenience of having their favourite beverages delivered right to their doorstep.
2. Working Professionals: This segment comprises professionals, office-goers, and students who often find themselves pressed for time. They seek quick and efficient drink options to stay refreshed throughout their busy schedules.
3. Health-Conscious Consumers: This group prioritizes health and wellness and seeks beverages made from high-quality, natural, and nutritious ingredients.
4. Young Adults: The app appeals to young adults, and millennials are open to exploring diverse and innovative beverage options to suit their evolving tastes and preferences.
5. Social Media Users: Active on social media platforms, they appreciate engaging content and may be influenced by peer recommendations and online promotions.
6. Environmentally-Conscious Individuals: They are conscious of their environmental footprint and prefer eco-friendly practices, aligning with "Fresh Bubbles'" commitment to sustainability.
7. Boba Tea Enthusiasts: This segment consists of individuals who enjoy the famous bubble tea (boba tea) and are enthusiastic about customizing their drinks with various toppings and flavours.
"Fresh Bubbles" aims to cater to the preferences and expectations of this diverse target audience by providing a user-friendly interface, offering a wide range of drink options, enabling customization features, and ensuring efficient delivery services.
The Strategy of the UX Project Process:
The strategy of the UX project process for "Fresh Bubbles," - Refreshing Drink Delivery App, revolves around creating a delightful and intuitive experience for users seeking refreshing beverages. The key components of the strategy include:
1. User Research: Conduct in-depth user research to understand the preferences and pain points of the target audience in the beverage delivery market. Gather insights through surveys, interviews, and competitor analysis to identify opportunities for differentiation.
2. Defining UX Goals: Clearly define the UX goals, considering the project vision and the target audience's needs. The goals will focus on providing seamless journeys for Sign-Up & Login, Order, Checkout, and Profile.
3. Information Architecture: Develop a well-structured information architecture to ensure easy navigation and accessibility to essential features. Logically organize the app's content to enhance user flow.
4. Wireframing and Prototyping: Create detailed wireframes and interactive prototypes to visualize the app's layout and interactions. This iterative process allows for early validation of design decisions and user feedback.
5. Visual Design: Implement a captivating brand identity with circular and rectangular logo options. Use brand colours and modern typography to create a fresh and visually appealing interface.
6. Usability Testing: Conduct usability testing with real users to identify any usability issues and fine-tune the app's design for optimal user experience.
7. Development and Implementation: Collaborate with the development team to ensure seamless UI elements and functionalities integration.
8. Quality Assurance: Thoroughly test the app's performance, functionality, and responsiveness to ensure a bug-free and smooth user experience.
9. Launch and Monitoring: Roll out the app to the target locations and continuously monitor user feedback and performance. Please address any issues quickly and make improvements based on user insights.
10. Continuous Improvement: Embrace a user-centric approach for ongoing enhancements and updates. Regularly analyze user behaviour and market trends to refine the app and stay ahead of the competition.
By following this strategy, "Fresh Bubbles" aims to stand out in the competitive beverage delivery market, offering an engaging, user-friendly, and refreshing platform for customers to enjoy their favourite beverages with convenience and delight.
The principles of the app design
The principles of the app design for "Fresh Bubbles" - Refreshing Drink Delivery App are:
1. User-Centricity: Prioritize the needs and preferences of the users in every design decision.
2. Intuitive Navigation: Create a seamless and intuitive navigation flow for easy exploration.
3. Consistency: Maintain consistent design elements and patterns across the app.
4. Accessibility: Ensure the app is accessible to all users, including those with disabilities.
5. Visual Appeal: Use vibrant colours, appealing imagery, and modern typography to enhance the visual experience.
6. Efficiency: Streamline the ordering and checkout process for a quick and efficient user journey.
7. Personalization: Offer customization options to cater to individual preferences.
8. Real-Time Updates: Provide live delivery tracking for transparency and convenience.
9. Minimalism: Keep the design clean and clutter-free to avoid overwhelming users.
10, Feedback and Iteration: Gather user feedback and continuously improve the app through iterative design updates.
Type of the Product
• Mobile Application: "Fresh Bubbles" is a mobile application available for both Android and iOS platforms, accessible to users through their smartphones and tablets.
• Beverage Delivery App: The primary function of the app is to offer beverage delivery services, specializing in refreshing and diverse drinks, including milk teas, fruit juices, cold brews, matcha teas, and specialty beverages.
• On-Demand Service: "Fresh Bubbles" operates on an on-demand model, allowing users to place orders at their convenience and deliver their refreshing drinks to their preferred locations.
• User-Focused: The app is designed to the user's needs and preferences, providing a user-centric experience throughout the ordering and delivery process.
• Customization Options: Users can customize their beverage orders, such as adjusting sweetness levels, ice preferences and selecting additional toppings.
• Real-Time Order Tracking: The app offers real-time order tracking, allowing users to monitor the status and location of their delivery.
• Seamless User Interface: The app features an intuitive and user-friendly interface, making it easy for users to navigate, select their beverages, and place orders without any complications.
• Eco-Friendly Initiatives: "Fresh Bubbles" promotes environmental sustainability by using eco-friendly packaging for its beverage deliveries.
• Market Disruption: As part of the on-demand beverage delivery industry, "Fresh Bubbles" aims to disrupt traditional beverage purchasing methods and revolutionize how people enjoy their favourite drinks.
Strengths and Opportunities
Strengths:
1. Diverse Beverage Selection: "Fresh Bubbles" offers various refreshing beverages, including milk teas, fruit juices, cold brews, matcha teas, and specialty drinks, catering to multiple tastes.
2. Customization Options: The app allows users to personalize their orders by adjusting sweetness levels, ice preferences and choosing from a range of toppings, providing a tailored experience.
3. User-Friendly Interface: With an intuitive and easy-to-navigate interface, the app ensures a seamless and hassle-free ordering process, enhancing user satisfaction.
4. Real-Time Order Tracking: "Fresh Bubbles" provides real-time updates on order status and delivery location, enabling users to stay informed and track their orders efficiently.
5. Eco-Friendly Initiatives: The app's commitment to eco-friendly packaging aligns with environmentally-conscious consumers, contributing to positive brand perception.
Opportunities:
1. Geographic Expansion: "Fresh Bubbles" can explore expanding its services to new locations and cities, tapping into a broader customer base and increasing market reach.
2. Enhanced Marketing Strategies: Leveraging social media and targeted advertising campaigns can boost brand awareness and attract more customers to the platform.
3. Loyalty Programs: Implementing a rewarding loyalty program can incentivize repeat purchases and foster customer retention.
4. Collaborations and Partnerships: Strategic alliances with local cafes, restaurants, or influencers can create cross-promotional opportunities and expand the app's customer base.
5. Specialized Offerings: Introducing limited-edition beverages or seasonal menu items can create excitement and drive demand among users for exclusive offerings.
6. Corporate Partnerships: Exploring partnerships with corporate offices or workplaces for bulk orders and catering services can tap into a new revenue stream.
7. Subscription Model: Offering subscription plans for regular customers can secure recurring revenue and encourage long-term engagement.
8. User Feedback Integration: Actively incorporating user feedback and suggestions can lead to continuous improvements and a better user experience.
Conducted User Research
During the user research phase of the project, extensive efforts were made to understand the preferences and pain points of the target audience related to the "Fresh Bubbles" - Refreshing Drink Delivery App. Various research methods were employed to gather valuable insights, including surveys, interviews, and usability testing. The findings provided a deeper understanding of the user's needs, expectations, and challenges, influencing the design and development of the app.
Key Findings:
1. Beverage Preferences: Users are strongly inclined towards a diverse selection of beverages, with a significant demand for milk teas, fruit juices, and specialty drinks.
2. Customization Desire: Personalization options were highly valued by users, who expressed the need to adjust sweetness levels, ice preferences and add various toppings to tailor their orders.
3. Convenience and Timeliness: The target audience emphasized the importance of a user-friendly interface and real-time order tracking to ensure a seamless and efficient delivery experience.
4. Sustainability Awareness: Environmental consciousness was evident among the users, with a preference for eco-friendly packaging and an appreciation for brands promoting eco-friendly initiatives.
5. Loyalty and Rewards: Users showed interest in loyalty programs and rewards, indicating that incentives for frequent purchases could drive customer retention.
6. Marketing and Branding: Social media plays a significant role in users' decision-making process, with engaging content and attractive branding contributing to brand loyalty.
7. Seasonal Offerings: Users expressed excitement about seasonal or limited-time beverage offerings, showing a willingness to explore new and exclusive drinks.
8. Geographic Coverage: While the initial target locations were well-received, there was interest in expanding the app's coverage to additional cities and neighbourhoods.
The "Fresh Bubbles" team gained valuable insights into the target audience's preferences and pain points by conducting thorough user research. This informed the design and development process, allowing the app to offer a delightful and tailored experience, meeting the diverse needs of its users while differentiating itself in the competitive beverage delivery market.
Understanding Target Audience Preferences and Pain Points Related to Refreshing Online Drink Ordering and Delivery
Understanding the target audience's preferences and pain points related to refreshing online drink ordering and delivery was a crucial aspect of the "Fresh Bubbles" - Refreshing Drink Delivery App. Through comprehensive user research, the following vital insights were obtained:
Target Audience: Beverage enthusiasts and individuals seeking convenient and customizable drink options delivered to their location.
Preferences:
1. Convenience: Users highly valued the ease of ordering refreshing drinks online, enabling them to enjoy their favourite beverages without hassle.
2. Diverse Drink Selection: The target audience appreciated a wide range of options, including milk teas, fruit juices, cold brews, and specialty beverages, catering to various tastes.
3. Personalization: Customization options were well-received, allowing users to tailor their drinks according to sweetness levels, ice preferences, and additional toppings.
4. Real-time Order Tracking: Users preferred real-time tracking, ensuring they could monitor their delivery progress and receive their drinks on time.
5. User-Friendly Interface: Intuitive app interfaces were favoured, making it simple for users to navigate the menu, select drinks, and place orders effortlessly.
6. Sustainability: Environmental consciousness was appreciated, with users responding positively to eco-friendly packaging for their drink deliveries.
Pain Points:
1. Timely Delivery: Users emphasized the importance of timely and reliable drink delivery to enjoy their beverages at the perfect moment.
2. Transparent Pricing: Clear and transparent pricing, including any delivery fees, was essential to avoid confusion during the ordering process.
3. Mobile Accessibility: A mobile-friendly app was preferred, ensuring users could easily order refreshing drinks from their smartphones.
By grasping the target audience's preferences and pain points associated with refreshing online drink ordering and delivery, "Fresh Bubbles" can tailor its services to meet customer needs, deliver a delightful user experience, and establish a strong position in the competitive market.
Market Trends and Customer Expectations in the Online Refreshing Drink Delivery Industry
1. Growing Demand: There is a rising demand for online refreshing drink delivery services as consumers seek convenience and time-saving options.
2. Customization: Customers expect the ability to customize their drinks to suit their preferences, including sweetness levels, ice options, and toppings.
3. Diverse Beverage Selection: A wide variety of beverage options, including milk teas, fruit juices, smoothies, and specialty drinks, is essential to cater to various tastes.
4. Real-Time Tracking: Providing real-time order tracking enhances transparency and informs customers about their delivery status.
5. Sustainable Practices: Environmentally-friendly initiatives, such as eco-friendly packaging and sustainable sourcing, are gaining importance among eco-conscious consumers.
6. Mobile Accessibility: A user-friendly mobile app that offers seamless ordering and payment options is crucial for customer satisfaction.
7. Contactless Payments: Contactless payment methods are preferred to ensure safety and hygiene during the ordering and payment.
8. Loyalty Programs and Incentives: Offering loyalty programs, discounts, and incentives can encourage customer retention and repeat orders.
By staying updated with these market trends and meeting customer expectations, "Fresh Bubbles" can position itself as a leading player in the competitive online refreshing drink delivery industry.
User Discovery
User Testing
User Testing for "Fresh Bubbles" - Refreshing Drink Delivery App:
10. Recruitment: Identify potential users who fit the target audience profile, including individuals who frequently order refreshing drinks online.
11. Test Scenarios: Create specific scenarios for user testing, such as signing up, placing an order, customizing beverages, and tracking delivery.
12. Prototype Review: Allow users to interact with the app's prototypes and gather feedback on the user interface, navigation, and visual design.
13. Usability Testing: Evaluate how easily users can perform tasks and complete actions within the app.
14. Feedback Collection: Gather qualitative feedback through interviews, surveys, and observation to understand user preferences and pain points.
15. Observations: Observe users as they navigate the app to identify any usability issues, confusion, or areas of improvement.
q6. Iterative Process: Based on user feedback, make necessary changes and refinements to the app's design and functionality.
17. Performance Testing: Assess the app's performance, including loading times and responsiveness, to ensure a seamless user experience.
18. A/B Testing: Conduct A/B testing for specific features or design elements to determine which variations perform better with users.
19. User Satisfaction: Measure user satisfaction and willingness to recommend the app to others through post-testing surveys.
By incorporating user testing at different stages of the app development process, "Fresh Bubbles" can gain valuable insights into user behaviour, preferences, and pain points. This iterative approach will help create a user-friendly and highly engaging refreshing drink delivery app that caters to the needs and expectations of its target audience.
User Testing Interview Questions
The 8 questions for user interviews were asked to 4 interviewees for user testing specifically for the "Fresh Bubbles" - Refreshing Drink Delivery App:
1). How often do you order refreshing drinks online for delivery?
2). What factors influence your decision to choose a particular refreshing drink delivery app?
3). What refreshing beverages do you usually prefer to order?
4). How vital are customization and personalization options when ordering refreshing drinks online?
5). What challenges or pain points have you experienced while using other online refreshing drink delivery apps?
6). How would you rate the overall user experience of other refreshing drink delivery apps you have used in terms of ease of navigation, order placement, and tracking?
7). What features or functionalities are essential for a top-notch refreshing drink delivery app?
8). How likely and why are you to recommend "Fresh Bubbles" to friends and family based on your initial impression of the app's design and user interface?
User Testing Interviewees
Here are the 4 user testing interviewees and their answers:
INTERVIEWEE 1:
Answers from Interviewee 1: Alex Johnson
1). I order refreshing drinks online for delivery about twice a week, usually on weekends.
2). The key factors influencing my decision include the variety of refreshing drinks, delivery time, and the app's user interface.
3). I usually prefer to order fruit juices and specialty cold brews.
4). Customization and personalization options are essential to me. I like to adjust sweetness levels and add toppings according to my taste.
5). Sometimes, I need help with accurate delivery times and missing order items.
6). The overall user experience is decent, but there's room for better navigation and tracking updates.
7). Real-time order tracking, easy customization options, and a user-friendly interface are essential features for a top-notch app.
8). I will likely recommend "Fresh Bubbles" because the app has a visually appealing design and a simple, easy-to-use interface. The option for customization is also a big plus.
Answers from Interviewee 2: Sarah Lee
1). I order refreshing drinks online for delivery once or twice a month, mostly during busy college days.
2). The key factors influencing my decision are the drink options, delivery fees, and whether they offer student discounts.
I3). I usually prefer to order bubble tea and fruit-infused water.
4). Customization and personalization options are quite important to me. I like to adjust sugar levels and add different toppings.
5). I've faced delivery delays and some apps needing my preferred customization options.
6). The overall user experience has been satisfactory, but some apps could improve their tracking system for better accuracy.
7). A user-friendly interface, clear and transparent pricing, and accurate delivery estimates are essential features for a top-notch app.
8). Based on my initial impression, I will likely recommend "Fresh Bubbles" to my friends because it looks visually appealing and offers a good range of refreshing drinks with customization options.
INTERVIEWEE 3:
Answers from Interviewee 3: Michael Johnson
1). I order refreshing drinks online for delivery about once every two weeks, especially during hot weather.
2). The key factors influencing my decision include the variety of drinks offered, delivery speed, and the quality of ingredients.
3). I usually prefer to order cold-pressed juices and specialty iced teas.
4). Customization and personalization are crucial to me. I like to control the sweetness levels and add extra ingredients like chia seeds or basil.
5). I have needed help with incorrect orders and limited delivery areas.
6). The overall user experience has been good, but some apps need more clarity in their tracking system, leading to uncertainty about the delivery time.
7). A top-notch app should have a wide variety of drinks with detailed ingredient descriptions, accurate delivery tracking, and excellent customer support.
8). Based on my initial impression, I will likely recommend "Fresh Bubbles" to friends and family because it looks visually appealing, and the customization options seem promising for creating personalized drinks.
INTERVIEWEE 4:
Answers from Interviewee 4: Emily Chen
1). I order refreshing drinks online for delivery about once a week, mostly on weekends when I want to treat myself.
2). The key factors influencing my decision are the various drinks offered, delivery speed, and affordable pricing.
3). I usually prefer to order fruit-flavoured teas and smoothies.
4). Customization and personalization options are essential to me. I like to adjust the sweetness levels and add my favourite fruit toppings.
5). Sometimes, the drink orders are delivered late, and occasionally, the wrong toppings are added.
6). Overall, the user experience has been good. The apps are easy to navigate, and order placement is smooth. However, some apps lack real-time tracking.
7). A top-notch app should have a wide range of drink options, clear ingredient information, accurate tracking, and a loyalty program for frequent customers.
8). I will likely recommend "Fresh Bubbles" to friends and family because the app has a visually appealing design, and the customization options seem perfect for creating my ideal drink. Real-time tracking is also a great feature that adds to the overall convenience.
Summary of User Interviews
Summary of User Interviews for "Fresh Bubbles" - Refreshing Drink Delivery App:
The user interviews provided valuable insights from four participants who frequently order refreshing drinks online for delivery. Here are the key findings:
1. Frequency of Ordering: The participants order refreshing drinks online at least once a week, often for weekend indulgence or to beat the heat during hot days.
2. Decision Factors: Participants consider drink variety, delivery speed, and pricing critical when choosing a refreshing drink delivery app.
3. Beverage Preferences: Fruit-flavored teas, milk teas, and specialty drinks are the most preferred beverages among the participants.
4. Customization Importance: Customization options, such as sweetness levels and ice preferences, are highly valued, allowing users to tailor their drinks to their tastes.
5. Pain Points: Delays in deliveries and occasional order errors, like wrong toppings, were the main pain points experienced with other delivery apps.
6. User Experience: Participants appreciated apps with easy navigation, straightforward order placement, and real-time tracking to monitor their delivery progress.
7. Essential Features: A wide range of drink options, clear ingredient information, accurate tracking, and loyalty programs were identified as essential features.
8. Impression of "Fresh Bubbles": Participants showed interest in recommending "Fresh Bubbles" to friends and family due to its visually appealing design, customization options, and real-time tracking features.
The user insights gathered from these interviews will serve as valuable inputs for refining the "Fresh Bubbles" app, ensuring it meets the preferences and expectations of its target audience for a delightful and refreshing drink-ordering experience.
User Interview Insights
User Interview Insights for "Fresh Bubbles" - Refreshing Drink Delivery App:
1. Beverage Preference: Participants strongly preferred fruit-flavoured teas, milk teas, and specialty drinks. These refreshing options are highly appealing to the target audience.
2. Customization Importance: Users emphasized the importance of customization options, such as sweetness levels and ice preferences. Offering personalized drinks enhances user satisfaction.
3. Delivery Speed: Participants desired faster delivery times to receive their refreshing drinks promptly, especially during hot weather.
4. Real-time Tracking: The ability to track their orders in real-time was highly valued by users, as it gives them peace of mind and allows them to plan their activities accordingly.
5. Easy Navigation: Users appreciated a user-friendly interface that made navigating the app easy, selecting their favourite drinks, and placing orders effortlessly.
6. Order Accuracy: Ensuring order accuracy is crucial, as users reported dissatisfaction when they received the wrong toppings or ingredients in their drinks.
7. Loyalty Programs: The idea of loyalty programs or rewards for frequent orders was positively received by interviewees, as it incentivizes them to use the app more often.
8. Visual Appeal: The visually appealing design of the app, including the logo, colour scheme, and typography, was commended by participants as it adds to the overall user experience.
9. Competitive Edge: Interviewees mentioned that "Fresh Bubbles" can differentiate itself by focusing on eco-friendly packaging and sustainable practices, aligning with the values of environmentally conscious users.
10. Referral Potential: Users expressed a willingness to recommend "Fresh Bubbles" to friends and family based on their initial impressions of the app's features and design.
These user interview insights provide valuable guidance for "Fresh Bubbles" to enhance its app's features, prioritize customer satisfaction, and capitalize on its unique selling points in the competitive online refreshing drink delivery industry.
Affinity Map
CATEGORIES of Affinity Map for "Fresh Bubbles" - Refreshing Drink Delivery App:
1. Beverage Preferences:
• Fruit-flavored teas
• Milk teas
• Specialty drinks
• Cold brews
• Matcha teas
2. Customization Options:
• Sweetness levels
• Ice preferences
• Additional toppings
3. Delivery Experience:
• Delivery speed
• Real-time tracking
4. User Interface:
• Ease of navigation
• Visual appeal
• Order Accuracy
5. Loyalty Programs:
• Rewards for frequent orders
6. Environmental Sustainability:
• Eco-friendly packaging
9. Referral Potential:
• Likelihood to recommend to friends and family
10. Competition Analysis:
• Comparison with other beverage delivery apps
11. Pricing and Value:
• Pricing options and perceived value of beverages
12. Onboarding Process:
• User experience during sign-up and login
13. Customer Support:
• Availability and responsiveness of customer support
14. Promotional Offers:
• Deals and promotions for users
These categories form the basis of the Affinity Map and provide valuable insights for "Fresh Bubbles" to understand user preferences, pain points, and opportunities for differentiation in the refreshing drink delivery app market.
Affinity Map - User Feedback on "Fresh Bubbles" - Refreshing Drink Delivery App:
Category: Beverage Preferences
• Users enjoy a diverse range of beverages, with fruit-flavoured teas and specialty drinks being the most popular choices.
• A significant number of users also favour milk teas and cold brews.
• Matcha teas receive positive feedback from health-conscious customers.
Category: Customization Options
• Users highly appreciate the ability to customize their orders, particularly adjusting sweetness levels and ice preferences.
• Additional toppings, such as tapioca and lychee jelly, are well-received for enhancing the beverage experience.
Category: Delivery Experience
• Users value the real-time order tracking feature, which provides transparency and assurance about their delivery status.
• Timely deliveries are crucial for customer satisfaction.
Category: User Interface
• The app's user interface is commended for its ease of navigation and visually appealing design.
• Users find it straightforward to place orders and review their selections.
Category: Environmental Sustainability
• "Fresh Bubbles" receives positive feedback for its use of eco-friendly packaging, which aligns with users' environmental values.
Category: Competition Analysis
• Some users have compared "Fresh Bubbles" with other beverage delivery apps, citing its unique beverage selection and customization options as advantages.
Category: Pricing and Value
• Users perceive the pricing as reasonable, especially considering the quality and customization options provided.
• Loyalty programs or discounts for frequent orders are suggested as potential incentives.
Category: Onboarding Process
• The sign-up and login process is smooth and efficient, requiring minimal user effort.
Category: Customer Support
• Users appreciate the availability and responsiveness of customer support, which helps resolve any issues promptly.
Category: Promotional Offers
• Users express interest in receiving periodic deals and promotions, which could encourage repeat orders.
Overall, the user feedback highlights the strengths of "Fresh Bubbles" in offering a wide selection of refreshing beverages with customization options. The app's user-friendly interface and efficient delivery process create a positive user experience. The emphasis on environmental sustainability is well-received, and users appreciate the potential for loyalty rewards and promotional offers. The insights from user feedback can guide further enhancements and strategies to meet customer expectations and maintain a competitive edge in the refreshing drink delivery market.
Analysis of Affinity Map - Comparing Categories and Pain Points
1. Beverage Preferences:
• Pain Point: Some users desire more unique and innovative beverage options to enhance their experience.
• Solution: Offer various beverage options with customizable ingredients, allowing users to create their perfect drink.
• Users have diverse preferences for refreshing drinks, strongly liking fruit-flavoured teas and specialty beverages.
• Milk teas and cold brews are also popular choices among users.•
2. Customization Options:
• Pain Point: A few users expressed the need for even more customization options, such as flavour combinations and ingredient choices.
• Solution: Expand the range of customization to include various flavours, toppings, and add-ons, providing users with greater control over their orders.
• Users highly appreciate the ability to personalize their orders by adjusting sweetness levels and ice preferences.
• Additional toppings, such as tapioca and lychee jelly, add value to the customization feature.
3. Delivery Experience:
• Pain Point: Some users reported occasional delivery delays, suggesting the need for improved delivery efficiency.
• Solution: Enhance the delivery system for more accurate tracking and optimize delivery routes to ensure timely deliveries.
• The real-time order tracking feature is well-received, providing users assurance and convenience.
• Timely deliveries are essential for ensuring a positive customer experience.
4. User Interface:
• Pain Point: A few users suggested minor interface improvements, such as more explicit icons and font size adjustments.
• Solution: Conduct user testing to identify areas for UI enhancement, such as improved icons, colour schemes, and overall aesthetics.• The app's user-friendly interface is praised for its intuitive design and ease of navigation.
• Placing orders and reviewing selections are straightforward tasks for users.
5. Environmental Sustainability:
• Pain Point: A handful of users mentioned that more information about environmental initiatives could be included in the app.
• Solution: Reinforce the app's commitment to eco-friendly initiatives and showcase the use of biodegradable packaging materials.
• Users appreciate "Fresh Bubbles" for its commitment to eco-friendly packaging, aligning with their values.
6. Competition Analysis:• Pain Point: Some users wanted special promotions or loyalty rewards to encourage repeat orders.
• Solution: Conduct a thorough competitive analysis and implement strategic marketing campaigns to highlight the app's distinct offerings.
• Users compared "Fresh Bubbles" with other beverage delivery apps, noting its unique selection and customization advantages.
7. Pricing and Value:
• Pain Point: A few users suggested occasional promotional offers or discounts for large orders to enhance the value proposition.
• Solution: Introduce value bundles or loyalty programs to provide discounts and incentives for frequent users.
• Users generally find the pricing reasonable, considering the quality and customization options provided.
8. Onboarding Process:
• Pain Point: No significant issues were reported with the onboarding process.
• Solution: Simplify the sign-up and login process by offering social media integration and reducing the required steps.
• The sign-up and login process is seamless and user-friendly, requiring minimal user effort.
9. Customer Support:
• Pain Point: No significant pain points related to customer support were identified.
• Solution: Maintain a dedicated customer support team and implement a chat support feature for real-time assistance.
• Users appreciate the availability and responsiveness of customer support, which helps resolve any issues efficiently.
10. Promotional Offers:
• Pain Point: Some users desired personalized offers based on their past preferences and orders.
• Solution: Develop a strategic promotional calendar with exclusive offers and rewards for repeat customers.
• Users showed interest in receiving periodic deals and promotions to incentivize repeat orders and foster loyalty.
Analyzing the affinity map reveals that "Fresh Bubbles" has successfully catered to users' preferences for diverse and customizable refreshing drinks. The app's user-friendly interface and real-time order tracking contribute positively to the overall user experience. Addressing the minor pain points related to more beverage options, improved delivery efficiency, and occasional promotions could further enhance the app's appeal and customer satisfaction. By leveraging its unique strengths and addressing customer pain points, "Fresh Bubbles" can maintain its competitive edge and position itself as a top-notch refreshing drink delivery app.
User Personas
User Persona Research
1. Conduct in-depth interviews and surveys with potential users to gather insights into their preferences, behaviours, and pain points related to refreshing drink ordering and delivery.
2. Analyze data from market research reports and industry trends to understand the current market demands and customer expectations in the online beverage delivery industry.
3. Explore competitor apps and platforms to identify their strengths and weaknesses, as well as opportunities for differentiation.
4. Social media monitoring and analytics tools are used to track discussions and feedback related to beverage delivery apps to understand user sentiments and expectations.
5. Collaborate with focus groups and beta testers to get real-time feedback on the app's usability, features, and overall user experience.
6. Analyze user journey maps and behaviour flows to identify pain points and areas for improvement in the app's design and functionality.
7. You can use user testing sessions to observe how users interact with the app and identify any challenges they may face during the ordering and delivery process.
8. Conduct A/B testing to compare different design elements and features to determine which ones resonate best with users and drive better engagement.
9. Consider conducting ethnographic research to gain a deeper understanding of users' daily routines, habits, and pain points related to refreshing drink consumption and delivery.
10. Stay updated with industry news and developments to be aware of any emerging trends or changes in user preferences that may impact the app's design and functionality.
User Personas
Persona 1: Health-Conscious Helen
Age: 30
Occupation: Fitness Instructor
Location: San Francisco, California, USA
Background: Helen is health-conscious and prioritizes nutritious choices. She enjoys refreshing beverages made from natural ingredients that offer health benefits. She frequently orders green juices, fruit smoothies, and herbal teas to complement her active lifestyle.
Goals:
• Maintain a healthy and active lifestyle
• Find refreshing beverages with natural ingredients
• Support eco-friendly initiatives
Pain Points:
• Limited availability of wholesome and organic options in other delivery apps
• Concerns about the environmental impact of disposable packaging
Behaviours:
• Regularly searches for organic and nutrient-rich drink options
• Actively supports sustainable and environmentally conscious brands
Needs:
• A diverse menu of healthful drinks
• Transparent information about ingredients and nutritional value
• Eco-friendly packaging
Challenges:
• Finding refreshing beverages with organic and wholesome ingredients
• Limited availability of healthful options in other delivery apps
• Concerns about the environmental impact of disposable packaging
Expectations:
• Access to a wide variety of healthy and nutritious drink options
• Transparent information about ingredients and nutritional value
• Eco-friendly and sustainable packaging choices
Motivations:
• Supporting her healthy lifestyle with nutritious and refreshing drinks
• Being environmentally conscious and choosing brands with sustainable practices
Persona 2: Boba Lover Brian
Age: 25
Occupation: Software Engineer
Location: Los Angeles, California, USA
Background: Brian is a boba enthusiast and enjoys indulging in bubble tea with various flavours and toppings. He always looks for new and innovative boba combinations to satisfy his adventurous taste buds.
Goals:
• Discover unique boba tea flavours
• Share boba experiences on social media
• Indulge in delightful and adventurous boba combinations
Pain Points:
• Limited customization options and lack of unique boba flavours in existing apps
Behaviours:
• Enjoys exploring various boba shops
• Follows boba-related accounts on social media for inspiration
• Seeks new and trendy boba flavours
Needs:
• Extensive selection of boba tea flavours
• Creative toppings and add-ons
• Regular introduction of new and innovative boba combinations
Challenges:
• Limited availability of unique boba tea flavours and toppings in existing apps
• Difficulty in finding customizable options for boba combinations
Expectations:
• A diverse selection of boba tea flavours with creative and innovative toppings
• Customization options to create his ideal boba combinations
Motivations:
• Exploring new and exciting boba flavours to satisfy his adventurous taste buds
• Sharing his boba experiences on social media and connecting with fellow boba enthusiasts
Persona 3: Busy Professional Sarah
Age: 35
Occupation: Marketing Manager
Location: Los Angeles, California, USA
Background: Sarah leads a busy life with a demanding job, leaving her limited time to prepare beverages at home. She seeks a convenient and efficient way to order her favourite drinks without compromising on taste and quality.
Goals:
• Save time on food and drink orders
• Enjoy convenient and reliable delivery services
• Maintain a work-life balance
Pain Points:
• Inconsistent delivery times and lack of real-time tracking
Behaviours:
• Seeks quick and efficient ordering processes
• Prefers services that provide real-time updates
• Relies on delivery for a hassle-free dining experience
Needs:
• Prompt and reliable deliveries
• Real-time order tracking
• User-friendly interface for easy and streamlined ordering
Challenges:
• Inconsistent delivery times and lack of real-time tracking in other apps
• Difficulty in finding efficient and reliable food and drink ordering services
Expectations:
• Prompt and reliable deliveries with real-time order tracking
• User-friendly and seamless ordering process to save time
Motivations:
• Enjoying convenient and hassle-free ordering and delivery services
• Maintaining a work-life balance by minimizing time spent on food and drink preparation
Persona 4: Trendy Tea Enthusiast Ethan
Age: 22
Occupation: Student and Social Media Influencer
Location: San Francisco, California, USA
Background: Ethan is a trendsetter and enjoys sharing his unique experiences on social media platforms. He seeks aesthetically pleasing and Instagram-worthy beverages that impress his followers.
Goals:
• Discover visually appealing and Instagram-worthy beverages
• Share aesthetically pleasing content on social media
Pain Points:
• Limited availability of visually appealing and Instagrammable drinks
Behaviours:
• Explores trendy and visually captivating food and drink trends
• Actively engages in social media content creation
• Seeks drinks with unique presentations
Needs:
• Visually captivating and Instagram-worthy beverages
• Drinks that are aesthetically pleasing and taste delicious
• Visually appealing packaging
Challenges:
• Limited availability of visually appealing and Instagram-worthy drinks
• Difficulty in finding trendy and aesthetically pleasing beverages in existing apps
Expectations:
• Visually captivating and Instagram-worthy beverages with unique presentations
• Trendy and visually pleasing packaging designs
Motivations:
• Discovering and sharing visually appealing and trendy drink experiences on social media
• Being an influencer and trendsetter in the food and beverage industry
By understanding these user personas, "Fresh Bubbles" can tailor its product offerings, marketing strategies, and user experience to cater to its target audience's specific needs and preferences, creating a loyal customer base and driving business growth.
Pain Points
1. Healthful and organic options are limited in other delivery apps for health-conscious individuals like Helen.
2. Lack of unique boba tea flavours and customizable options for boba enthusiasts like Brian.
3. Inconsistent delivery times and lack of real-time tracking for busy professionals like Sarah.
4. Limited availability of visually appealing and Instagram-worthy drinks for trendy tea enthusiasts like Ethan.
5. Concerns about the environmental impact of disposable packaging for eco-conscious consumers.
6. Difficulty finding efficient and reliable food and drink ordering services for busy individuals.
7. Challenges in locating aesthetically pleasing and trendy beverages in existing apps for social media influencers and trendsetters.
8. Limited customization options and more diverse drink selections are needed in other delivery apps.
Solutions
1. Develop a user-friendly and intuitive mobile application with a clean and modern interface that simplifies the drink ordering process for users.
2. Implement a robust and efficient delivery system to ensure timely and accurate delivery of refreshing beverages to customers' preferred locations.
3. Offer a wide variety of refreshing drink options, including milk teas, fruit juices, specialty beverages, and customizable choices to cater to diverse user preferences.
4. Incorporate real-time order tracking features, providing users with visibility and updates on the status of their deliveries.
5. Introduce eco-friendly and sustainable packaging options to address environmental concerns and align with the preferences of health-conscious and environmentally-conscious users.
6. Enable seamless integration with social media platforms, allowing users to share their refreshing drink experiences and promote the app through user-generated content.
7. Provide a secure and hassle-free payment system that supports various payment methods, ensuring a convenient and smooth checkout process.
8. Implement personalized recommendations based on user preferences and previous orders to enhance user engagement and encourage repeat business.
9. Offer promotions, discounts, and loyalty rewards to incentivize customer retention and foster a sense of brand loyalty.
10. Continuously gather user feedback and conduct regular updates to improve the app's features and functionalities based on user needs and preferences.
Mood Board
Mood Board for "Fresh Bubbles" - Refreshing Drink Delivery App:
• Color Palette: #2A472B, #038904, #EAFFC6, #E7F2D5, #64F166
• Refreshing Beverages: Milk teas, fruit juices, boba teas, matcha teas, and specialty drinks
• Typography: "Roboto" font family
• User Interface Elements: Screenshots of login/sign-up, product pages, checkout, and delivery tracking
• Logo Variations: Circular and rectangular options with the brand symbol
• Eco-Friendly Packaging: Images of sustainable materials
• User Personas: Visual representations of the target audience
• Nature-Inspired Images: Fresh fruits and natural elements
• Innovation and Technology: Representing the app's advanced features
• Social Media Integration: Showcase sharing options for users.
Information Architecture & Navigation
Card Sorting
During the card sorting activity for the "Fresh Bubbles" - Refreshing Drink Delivery App project, participants grouped the cards into several categories based on their preferences and mental models. The main types that emerged were:
1. Beverage Categories: This group included cards related to different types of refreshing beverages, such as milk teas, fruit juices, cold brews, matcha teas, and specialty drinks.
2. Customization Options: Cards related to customization choices, such as sweetness levels, ice preferences, and various toppings, were grouped to highlight the importance of personalized beverage orders.
3. App Features: Participants grouped cards related to app features like real-time order tracking, user profiles, order history, favourite drinks, rewards and loyalty programs, and customer support. These features were essential in providing a seamless and rewarding user experience.
4. Environmental Initiatives: Cards related to eco-friendly initiatives, such as eco-friendly packaging and promoting the use of reusable cups, were clustered together to emphasize the importance of sustainability.
5. Visual Presentation: This category contained cards related to the visual appeal of beverages, such as Instagram-worthy drinks and aesthetically pleasing beverage photos, reflecting users' interest in visually captivating drinks.
6. Delivery Options: Participants grouped cards related to delivery options, including standard and express delivery, to highlight the importance of fast and reliable delivery services.
7. Account Settings: Cards related to account settings like personal information, communication preferences, and notification settings were organized for easy access and management.
8. Order Placement: Cards related to order placement methods, such as add-to-cart, one-click order, and scheduled order, were organized to facilitate a seamless and convenient ordering process.
9. Loyalty and Rewards: This category contained cards related to loyalty programs, rewards for frequent orders, and referral bonuses, highlighting the importance of customer retention and engagement.
10. Payment Options: Participants grouped cards related to payment methods, such as credit cards, PayPal, and mobile payment, to ensure a variety of secure and convenient payment choices for users.
By organizing the cards into these 10 categories, the card sorting activity provided valuable insights into user preferences and expectations, guiding the design and development of the "Fresh Bubbles" app to meet users' needs effectively.
Grouping Cards into Categories:
In the card sorting process for this project, we aim to organize the various cards into relevant categories to create an intuitive and user-friendly information architecture for the drink delivery app. Here's how the cards can be sorted: For the card sorting activity in the "Fresh Bubbles" - Refreshing Drink Delivery App project, the following cards were used:
Beverage Categories:
• Milk Teas
• Fruit Juices
• Cold Brews
• Matcha Teas
• Specialty Drinks
Customization Options:
• Sweetness Levels (e.g., Regular, Less Sweet, Unsweetened)
• Ice Preferences (e.g., Regular Ice, Less Ice, No Ice)
• Toppings (e.g., Boba, Jelly, Popping Pearls)
App Features:
• Real-Time Order Tracking
• User Profile
• Order History
• Favourite Drinks
• Rewards and Loyalty Program
Environmental Initiatives:
• Eco-Friendly Packaging
• Opt for No Straws
• Promote Reusable Cups
Visual Presentation:
• Instagram-Worthy Drinks
• Aesthetic Beverage Photos
Delivery Options:
• Standard Delivery
• Express Delivery
Order Placement:
• Add to Cart
• One-Click Order
• Scheduled Order
Account Settings:
• Personal Information
• Communication Preferences
• Notification Settings
App Interface:
• Homepage Layout
• Menu Navigation
• Search Bar
Customer Support:
• Live Chat Support
• FAQ Section
• Contact Information
These cards represented various app elements, allowing users to categorize and prioritize them according to their preferences and mental models. The results of the card sorting activity helped inform the app's information architecture, menu navigation, and overall user interface design to optimize the user experience.
Information Architecture
Information Architecture and details for "Fresh Bubbles" - Refreshing Drink Delivery App:
1. Splash Page:
• Logo Animation
• Dark Map Background Overlay
• Sign-Up & Login CTA
2. Sign-Up & Login:
• Email and Password Input
• Social Media Login Options
3. Home Screen:
• Logo (Circular Option)
• Featured Beverages
• Search Bar
• Navigation Menu
4. Beverage Categories:
• Milk Teas
• Fruit Juices
• Cold Brews
• Matcha Teas
• Specialty Drinks
5. Beverage Details Page:
• Beverage Image
• Name and Description
• Customization Options (Sweetness, Ice, Toppings)
• Add to Cart Button
6. Cart:
• Selected Beverages List
• Quantity Adjustment
• Subtotal and Total Price
• Checkout Button
7. Checkout:
• Delivery Address Input
• Delivery Time Selection
• Payment Options (Credit Card, PayPal, Mobile Payment)
8. Order Tracking:
• Live Delivery Update on Map
• Estimated Delivery Time
9. Profile:
• Order History
• Account Information
• Most Recent Orders
10. Logo (Rectangular Option):
• Brand Symbol with Bubbles and Wave
• Wordmark in Ying Yung Style
11. Brand Colors:
• #2A472B, #038904, #EAFFC6, #E7F2D5, #64F166
12. Typography:
• Roboto
13. Services:
• Regular - Sweet tint of caramel and chocolate
• Coffee - Premium cold brew with black tea
• Regular - Sweet Japanese Matcha tea
• Chai – Made with Golden Chai tea
• Regular milk tea
14. Additions:
• Milk
• Semi-sweet
• With medium ice
15. Toppings:
• A) Large tapioca
• B) Small Tapioca
• C) Lychee Jelly
The information architecture for "Fresh Bubbles" is designed to provide a seamless and intuitive user experience for ordering refreshing beverages. It ensures easy navigation through various screens, transparent access to product details, customization options, and a straightforward checkout process. Using appealing brand colours and typography adds to the app's modern and refreshing look.
Consistent Navigation Elements across all screens
1. Logo: The "Fresh Bubbles" circular logo appears on the splash page and is used consistently throughout the app, providing brand recognition and easy access to the home screen.
2. Navigation Menu: A fixed navigation menu is on every screen, allowing users to access different sections of the app, such as Home, Beverages, Cart, Profile, and Order Tracking.
3. Back Button: A back button is available on screens where users move from one section to another, providing an easy way to navigate back to the previous page or screen.
4. Search Bar: The search bar is visible on the home screen and beverage categories, enabling users to quickly find their desired refreshing drink options.
5. Cart Icon: The cart icon is consistently displayed, indicating the number of items added to the cart and providing a direct link to the cart page for easy checkout.
6. Profile Icon: The profile icon is accessible from any screen, allowing users to view their order history, account information, and recent orders.
7. Order Tracking: The live delivery update on the map is accessible from the cart and order confirmation pages, enabling users to track their refreshing drink's journey in real-time.
8. Customization Options: Customization options, such as sweetness levels, ice preferences, and toppings, are consistently available on all beverage details pages for a personalized ordering experience.
Consistent navigation elements enhance user familiarity and reduce the learning curve, ensuring a seamless and user-friendly experience as they explore the app and order their favourite refreshing beverages.
User Flows
User Flows for "Fresh Bubbles" - Refreshing Drink Delivery App:
User Flow for Sign-Up & Login:
• User opens the app and lands on the splash page with the circular logo animation.
• User proceeds to the Login/Sign-Up page and enters their email and password to create a new account or log in to an existing one.
• After successful authentication, the user is directed to the Home screen.
User Flow for Ordering:
• User selects the "Beverages" category from the Home screen to explore refreshing drink options.
• User browses through the list of available beverages and selects their desired product.
• User customizes the order by adjusting sweetness levels, ice preferences and choosing additional toppings if applicable.
• User adds the customized beverage to the cart.
• User proceeds to the Cart page to review the order and makes any necessary changes.
• User confirms the order and proceeds to the Checkout page.
User Flow for Checkout:
• User enters the delivery address and other required information.
• User selects the preferred payment method and completes the payment.
• User receives an order confirmation with an estimated delivery time.
• User can track the live delivery update on the map.
User Flow for Profile:
• User clicks on the Profile icon from any screen.
• User lands on the Profile page and can view their order history, personal information, and saved preferences.
• User can access the "Order" section to review their most recent orders.
The user flows to ensure a smooth and guided experience as they navigate through the "Fresh Bubbles" app, from signing up to placing orders and tracking deliveries. The app's intuitive interface and consistent navigation further enhance the user experience, making it easy and enjoy ordering their favourite refreshing beverages easy and enjoyable to order their favourite refreshing drinks.
Sketches
• Home Screen: The main screen has the app's logo, navigation bar, and categories for refreshing beverages.
• Sign-Up/Login Screen: Users can log in with existing credentials or sign up to create a new account.
• Beverage Selection Screen: Displays a variety of refreshing drinks, including regular coffee, matcha, and chai, with relevant details.
• Customization Options Screen: Allows users to adjust sweetness levels, ice preferences and select additional toppings for their beverages.
• Cart/Checkout Screen: Shows the selected items, quantity, and total price. Users can review and modify their order before proceeding to checkout.
• Delivery Address & Payment Screen: Users can enter their delivery address and payment details to complete the order.
• Order Tracking Screen: Utilizes a map interface to display real-time updates on the delivery driver's location and ETA ("Estimated Time of Arrival").
• Profile Screen: Contains user information, order history, and saved preferences, along with an option to log out.
Note: These are general sketches representing the different screens and their elements in the "Fresh Bubbles" - Refreshing Drink Delivery App. The wireframes would include more detailed layouts and user interface elements based on the specific design requirements and project goals.
Testing
The testing of the "Fresh Bubbles" - Refreshing Drink Delivery App was a comprehensive and iterative process to ensure a seamless and delightful user experience. It involved several stages of testing, including:
1. Usability Testing: Observing real users interacting with the app to identify usability issues and navigation challenges.
2. Functional Testing: Thoroughly testing core functions like order placement, customization options, real-time tracking, and payment processing.
3. Compatibility Testing: Testing the app on different devices and platforms to ensure a consistent experience.
4. A/B Testing: Testing different design variations to identify the most user-friendly options.
5. User Acceptance Testing (UAT): Select target users to validate the app's alignment with their needs.
6. Performance Testing: Evaluating load times, responsiveness, and stability under peak usage.
7. Security Testing: Ensuring data privacy and safeguarding user information.
8. Bug Fixes and Iterations: Addressing identified issues and improving the app's performance.
Through rigorous testing and optimization, "Fresh Bubbles" delivers a seamless and reliable refreshing beverage delivery experience, making it a preferred platform for users.
POP Testing
POP (Prototyping on Paper) Testing for "Fresh Bubbles" - Refreshing Drink Delivery App:"
To validate the usability and design of the "Fresh Bubbles" - Refreshing Drink Delivery App, a POP (Prototyping on Paper) testing approach was employed. The testing involved the following steps:
1. Creating Paper Prototypes: Low-fidelity paper prototypes of the app screens were designed, capturing the essential features and interactions.
2. Recruiting Testers: A diverse group of potential users, including health-conscious individuals, boba enthusiasts, busy professionals, and trendy tea enthusiasts, was selected as testers.
3. Testing Sessions: Testers were provided with the paper prototypes and were guided through scenarios simulating various interactions with the app.
4. Observing User Interactions: Observers documented how the testers interacted with the paper prototypes, including their gestures, feedback, and verbal responses.
5. Iterative Design: Based on the user feedback and observations, the design team iterated on the paper prototypes, refining the interface and addressing usability issues.
6. Re-testing Iterated Prototypes: The refined paper prototypes were tested again with new participants to validate the improvements made.
7. Validation and Refinement: The findings from the POP testing were used to validate the design decisions and further refine the app's interface and user experience.
Using the POP (Prototyping on Paper) testing method, the "Fresh Bubbles" - Refreshing Drink Delivery App could identify and resolve potential usability issues early in the design process, ensuring a more user-friendly and engaging final product.
Iteration on the designs based on user feedback and usability testing
After conducting usability testing and gathering user feedback on the initial designs of the "Fresh Bubbles" - Refreshing Drink Delivery App, the design team focused on making iterative improvements to enhance the user experience. The critical areas of iteration based on the feedback were as follows:
1. Navigation and User Flow: User feedback highlighted some need for clarification in navigating between screens and completing specific tasks. The team re-evaluated the app's navigation and made adjustments to streamline the user flow, ensuring a more intuitive and seamless experience.
2. Visual Design: Users provided valuable input on the app's visual elements, such as colour choices and typography. The design team refined the graphic design to align it more closely with the brand's identity and create a visually appealing interface.
3. Customization Options: Testers expressed a desire for more customization options in the app, particularly in choosing toppings and sweetness levels for their beverages. The team expanded the range of customization features to cater to diverse user preferences.
4. Order Tracking: Feedback indicated that users appreciated the real-time order tracking feature but wanted more frequent updates. The team optimized the order tracking system to provide more frequent status updates and location tracking for a better user experience.
5. Clarity of Information: Users needed more precise and concise information on product details and delivery times. The team revised the presentation of information, ensuring that essential elements were prominently displayed and easily comprehended.
6. Accessibility: Feedback from users with specific accessibility needs highlighted some design elements that required improvement. The team adjusted to ensure the app met accessibility standards and accommodated users with different abilities.
7. Error Handling: Users encountered some errors while navigating the app, which led to frustration. The team focused on refining the error handling mechanisms to provide more explicit error messages and suggestions for resolution.
8. Load Times and Performance: Testers expressed concerns about load times and app performance, especially during peak usage. The team optimized the app's performance to minimize loading times and enhance responsiveness.
9. Onboarding Experience: The initial onboarding process received mixed feedback. The team reimagined the onboarding experience to be more engaging, informative, and user-friendly for new users.
Throughout the iteration process, the design team maintained close communication with the users, taking their feedback into account and ensuring that the final designs addressed their needs and preferences. The iterative approach allowed for continuous improvement and refinement of the "Fresh Bubbles" - Refreshing Drink Delivery App, resulting in a more polished and user-centric app that meets the expectations of its target audience.
Visual Design Elements & Branding
Design Elements
• Most screens employ a clean white background, enhancing readability and focusing attention on the content.
• Product screens are accentuated with a fresh light green colour, evoking a sense of freshness and modernity.
• Map screens contrast white and dark backgrounds to create visual interest and highlight real-time delivery updates.
UI Library
The UI Library for the "Fresh Bubbles" - Refreshing Drink Delivery App encompasses a set of design elements and components that ensure a consistent and engaging user experience across the app. The UI Library includes:
1. Logo Variations: Circular and rectangular logo options featuring two primary colours - #038904 and #EAFFC6- with a symbol representing bubbles, a wave, and a wordmark. The logo is designed in the Ying Yung style, capturing the brand's essence.
2. Brand Colours: The primary brand colours are #2A472B, #038904, #EAFFC6, #E7F2D5, and #64F166, applied throughout the app's interface to maintain brand recognition.
3. Typography: The Roboto font is used consistently for all headings, subheadings, and body text, providing a modern and legible appearance.
4. Navigation Elements: The UI Library includes standardized navigation elements like menus, buttons, and tabs, ensuring a smooth and intuitive user journey.
5. Backgrounds: Most screens adopt a clean and simple white background, while the product screens feature a fresh light green colour to create a modern and appealing look. Map screens contrast white and dark maps to add visual interest.
6. Beverage Cards: Uniform card layouts display various refreshing beverage options, showcasing product images, names, and prices in an organized manner.
7. Customization Options: The UI Library features a consistent design for selecting beverage preferences, such as sweetness levels, ice preferences, and toppings, to provide a personalized user experience.
8. Order Tracking: A map-based tracking interface offers real-time updates on the delivery driver's location, ensuring users stay informed throughout the delivery process.
By leveraging the UI Library, "Fresh Bubbles" maintains a coherent and visually appealing design, enhancing the overall user experience and reinforcing its unique brand identity as a refreshing drink delivery app.
Style Guideline
Style Guidelines for "Fresh Bubbles" - Refreshing Drink Delivery App:
1. Brand Identity:
• Logo: Use the circular logo on the splash/loading page and the rectangular logo on other screens.
• Primary Colors: #038904 and #EAFFC6 should be consistently used for branding elements.
• Secondary Colors: Utilize #2A472B, #E7F2D5, and #64F166 as complementary colours for accents.
• Typography: Use Roboto font for all text elements, maintaining consistency and readability.
2. User Interface:
• Backgrounds: Most screens should have a white background for a clean and modern look.
• Product Screens: Use a fresh light green for product-related screens to convey a refreshing vibe.
• Map Screens: Compare white and dark maps to create visual interest.
3. Navigation and Interaction:
• Navigation Elements: Ensure consistent design for menus, buttons, and tabs to facilitate smooth navigation.
• Customization Options: Maintain a unified layout for selecting beverage preferences like sweetness levels, ice options, and toppings.
• Order Tracking: Utilize a map-based tracking interface for real-time delivery updates.
4. Beverage Cards:
• Card Layout: Follow a standardized card layout to display beverage options with images, names, and prices in an organized manner.
5. Content and Imagery:
• Beverage Images: Use high-quality images of refreshing drinks to entice users and enhance the visual appeal.
• Content Tone: Maintain a friendly and inviting tone throughout the app's content.
6. Accessibility:
• Ensure that the app design meets accessibility standards to accommodate users with disabilities.
7. Consistency:
• Maintain design consistency across all screens to provide a seamless and cohesive user experience.
• Reuse UI components from the UI Library to ensure consistency in design elements.
8. Responsive Design:
• Ensure the app's responsive design and adapt smoothly to various screen sizes and devices.
9. Iconography:
• Use intuitive and recognizable icons for clear communication and easy understanding.
10. Animation:
• Use animations thoughtfully to enhance the user experience and provide visual feedback.
11. Feedback and Error States:
• Provide clear and informative feedback to users during interactions and error states.
The Style Guidelines for "Fresh Bubbles" establish a cohesive and visually appealing design, reinforcing the app's brand identity and delivering an enjoyable and refreshing user experience for all its users.
Primary Fonts (headings and body)
The primary font for "Fresh Bubbles" - Refreshing Drink Delivery App is Roboto for headings and body text.
The typography used throughout the app ("Roboto") ensures clear and legible text presentation.
Logo concept
The logo concept for "Fresh Bubbles" - Refreshing Drink Delivery App including both circular and rectangular options:
The logo has two variants: circular and rectangular.
The circular symbol is prominently used on the splash/loading page, while the rectangular variant is utilized on all other screens. This logo variant is circular and adorned with two refreshing colours: #038904 and #EAFFC6. The logo design features a visually appealing symbol representing bubbles and a wave, symbolizing the delightful and refreshing nature of the beverages offered in the app. In the center of the circular logo, there is a distinctive wordmark.
The circular logo follows a captivating Ying Yang style, exuding balance and harmony in its visual appeal, perfectly complementing the app's modern and youthful brand identity.
The rectangular option for this logo variant retains the same colour palette and Ying Yang style. However, it showcases an asymmetrical arrangement, dividing the rectangle into two horizontal sections. The top section of the rectangle is dedicated to the shorter word "FRESH," accompanied by the image of bubbles, while the longer term "BUBBLES" encompasses the whole bottom section.
These two logo variations work cohesively to establish a strong brand identity for "Fresh Bubbles" and reinforce its commitment to delivering users a refreshing and delightful experience.
The colour scheme includes shades of #038904 and #EAFFC6, representing the refreshing and vibrant nature of the beverages.
Brand Colours
The brand colours for "Fresh Bubbles" - Refreshing Drink Delivery App are as follows:
#2A472B: This deep green shade represents freshness, nature, and a sense of rejuvenation, aligning perfectly with the app's focus on refreshing beverages.
#038904: A vibrant shade of green symbolizes growth, vitality, and energy, reflecting the app's commitment to delivering lively and refreshing drink options.
#EAFFC6: This light, pastel green colour represents purity, tranquillity, and a sense of refreshment, harmonizing with the overall theme of the app.
#E7F2D5: A soft, soothing green hue that evokes a sense of calmness and natural appeal, enhancing the app's welcoming and serene environment.
#64F166: A lively and playful shade of green, representing fun, excitement, and the joy of experiencing refreshing beverages through the app.
These brand colours work cohesively to create a visually appealing and refreshing atmosphere within the app, reinforcing the brand's identity and leaving a memorable impression on its users.
Prototype
The Figma demo was implemented.
The Figma demo for "Fresh Bubbles" - Refreshing Drink Delivery App has been successfully implemented. It showcases the app's user interface, navigation flow, and design elements, providing a realistic representation of the app's functionality and user experience. Users can now interact with the demo, explore different screens, and understand how the app will work. The Figma demo is a valuable tool for gathering feedback, testing usability, and making necessary iterations before moving on to the development phase.
Wireframes
Wireframes
Wireframes for the "Fresh Bubbles" - Refreshing Drink Delivery App:
1. Splash Page Wireframe:
• An animated screen with a circular logo overlaying dark map background while loading.
2. Sign-Up & Login Screen Wireframe:
• Users can either log in with their email and password or sign up to create a new account.
3. Home / Choose Beverages Screen Wireframe:
• Displaying refreshing beverage options, including regular coffee, matcha, and chai.
4. Beverage Ingredients Screen Wireframe:
• Displaying refreshing beverage ingredients- milk, regular sweet, and ice preferences - with medium ice.
5. Select Sweetness Level Screen Wireframe:
• Providing information about a selected beverage and customization options like regular sweet, semi-sweet, extra sweet, or no sweet.
6. Select Toppings Screen Wireframe:
• Offering tap to select toppings for an extra charge.
7. Add Toppings Screen Wireframe:
• Finalizing the process of adding toppings.
8. Cart / Checkout Screen Wireframe:
• Showing the user's selected items and the option to review and modify their order before checkout.
9. Enter Address Screen Wireframe:
• Allowing users to enter their delivery address and payment details to complete the order.
10. Purchase / Order Confirmation Screen Wireframe:
• Confirming the successful order placement and displaying the estimated delivery time.
11. Submitting Payment Screen Wireframe:
• Indicating the submitting payment process.
12. Order Tracking Screen Wireframe:
• Displaying a map-based screen showing the live delivery update with the delivery driver's location.
13. Product Delivered Screen Wireframe:
• Confirming the successful delivery of the ordered beverages.
14. Profile Screen Wireframe:
• Showing the user's order history, personal information, and saved preferences, along with an option for logout.
15. Orders Screen Wireframe:
• Displaying the most recent order's name, date, quantity, and total price.
Artboards
App Screens
In the context of our "Fresh Bubbles" - Refreshing Drink Delivery App project, artboards are used within the design software (e.g., Figma) to create and organize different screens representing various aspects of the app's user interface. Each artboard contains a specific screen or state of the app, such as the splash page, sign-up/login, beverage selection, customization options, checkout process, order tracking, profile pages, and more. These artboards help the design team visualize and iterate on different aspects of the app's design, from wireframes to high-fidelity mockups, ensuring a cohesive and user-friendly experience.
1. Splash Page: An animated screen with the circular logo overlaying a dark map background while loading the app.
2. Sign-Up & Login Screen: Users can either log in with their email and password or sign up to create a new account.
3. Home / Choose Beverages Screen: The main screen where users can explore different categories of refreshing drinks—a screen displaying various refreshing beverage options, including regular coffee, matcha, and chai.
4. Beverage Ingredients: A screen displaying refreshing beverage ingredients, including milk, regular sweet, and ice preferences - with medium ice.
5. Select Sweetness Level Screen: A screen provides more information about a selected beverage and customization options like regular sweet, semi-sweet, extra sweet, or no sweet.
6. Select Toppings Screen: A screen offers a tap to Select Toppings for an extra charge.
7. Add Toppings Screen: A screen finishes the process of adding Toppings.
8. Cart / Checkout Screen: A screen showing the user's selected items and the option to review and modify their order before checkout.
9. Enter Address Screen: The screen where users can enter their delivery address and payment details to complete the order.
10. Purchase / Order Confirmation Screen: A screen confirming the successful order placement and displaying the estimated delivery time.
11. Submitting Payment Screen: A screen shows a submitting payment process.
12. Order Tracking Screen: A map-based screen showing the live delivery update with the delivery driver's location.
13 Product Delivered Screen: a screen displays a confirmation message upon successful delivery of the ordered beverages.
14. Profile Screen: A screen displaying the user's order history, personal information, and saved preferences. Also, it has an option for Logout
15. Orders Screen: A screen shows the most recent order's name, date, quantity and total price.
Conclusion
Learning Outcomes
Through the development of the "Fresh Bubbles" project, several valuable learning outcomes have been gained, specifically related to the business:
1. Understanding Target Audience Preferences: Conducting user research and interviews helped to gain insights into the preferences and pain points of target customers, such as health-conscious individuals, boba enthusiasts, and busy professionals.
2. Iterative Design and User Testing: Implementing user testing and iterative design allowed for continuous improvement and refinement of the app's user interface and functionality based on honest user feedback.
3. Importance of Customization: Recognizing the significance of offering customization options for beverages, which enhances the user experience and meets each customer's unique preferences.
4. Consistent Brand Identity: Establishing a consistent brand identity, utilizing the circular and rectangular logo variants, and adhering to a selected colour palette and typography to reinforce the app's visual appeal and recognition.
5. Accessibility and Inclusivity: Implementing accessibility standards to ensure the app is user-friendly and accessible for all users, including those with disabilities.
Takeaway
Key Takeaways:
• Understand and cater to the preferences of health-conscious individuals, boba enthusiasts, and busy professionals.
• Continuously gather and implement user feedback for iterative improvements.
• Provide robust customization options to enhance user satisfaction.
• Establish a consistent brand identity for better recognition and user engagement.
• Ensure accessibility and inclusivity in app design for a broader user base.
By applying these key takeaways, "Fresh Bubbles" can position itself as a preferred and trusted platform in the competitive online beverage delivery industry, offering its users a delightful and personalized experience.
Next Step
Next Steps for "Fresh Bubbles" - Refreshing Drink Delivery App:
1. Front-End Development: Implement the user interface and responsive design.
2. Back-End Development: Create server-side logic and databases for data handling.
3. API (Application Programming Interfaces) Integration: Integrate APIs for payment processing and order tracking.
4. Testing and Bug Fixes: Conduct rigorous testing and resolve issues.
5. User Acceptance Testing (UAT): Gather feedback from target users.
6. Security Assessment: Ensure data security and address vulnerabilities.7. App Store Submission: Submit the app to app stores for approval.
8. Launch and Marketing: Plan a strategic marketing campaign.
9. Continuous Improvement: Monitor user behaviour for further enhancements.
Conclusion
Focusing on innovation and user satisfaction, "Fresh Bubbles" strives to provide an exceptional beverage delivery experience. Through this case study, we aim to gain insights into the app's usability, user flow, and visual appeal, empowering "Fresh Bubbles" to deliver a truly refreshing and delightful experience to its valued customers.