UI Website Mobile BobaBoo Ice Drink

The Meaning of BobaBoo Ice Drink

BobaBoo Ice Drink is a fictional company that serves cold, refreshing drinks and contemporary presentation. The UI of the BobaBoo Ice Drink Mobile website is a pure UI design (not a redesign) by taking references from several E-Commerce UIs and fast food restaurants that are combined into their own design.

The Pages

  • - Login Page

  • The login page is a page to enter the website. Users must log in using a Google or Facebook account or create a new account specifically for this website.

  • - Home Page

  • The home page is the initial page of the website that contains various categories of drinks available at BobaBoo Ice Drink. In addition, there is a search feature to make it easier for users to find the desired category without having to scroll through all categories.

  • - Favorite Page

  • The favorite page is a page that contains drinks that are the user's favorites. The drinks can be added to the favorite page, either based on adding "favorites" to the related drink or based on how often the user buys the drink.

  • - Notification Page

  • The notification page is a page where users can see notifications from BobaBoo Ice Drink, which can be in the form of promos, payments, latest stock and others.

  • - Payment Page

  • Payment page is a page that contains every transaction made by the user, whether it is a successful transaction, pending transaction, or canceled transaction. On this page, users can see the total price of the purchased drinks.

Colours Use

  • - Light Blue

  • The blue color means trust and coolness. Reflecting that BobaBoo Ice Drink is a cold drink company whose products use the best products to satisfy customers.

  • - Light Green

  • The light green color means calmness. Reflecting that every sip of BobaBoo Ice Drink beverage products will provide calmness/relieve stress for customers who are tired of carrying out daily activities.

More by Ichsan Hadiwibowo

View profile