top of page

Screen Map of CHEERS Apps

  • Whitehole Kong
  • Mar 20, 2017
  • 2 min read

The screen map is used to describe the hierarchies and connections of apps.

Site Map of CHEERS Project

1.0 Home

This is the first screen of apps. This screen will contain a search field and recognize label button for searching wine. And this screen shall have our promotions link, featured items and blogs links.

2.0 Search

This screen shall contain all kind of search criteria. There are five tabs for five kinds of search criteria. They are Wine, Spirits, Others, Food Pairing and Events. User can add or remove criteria at any time.

2.1 Search Result

This screen shall list out the search result. The result shall include wine photo, name, vintage, price and volume. User can add the specific wine to compare list or cart.

2.1.1 Compare

Compare wines in compare list side by side. User can either remove the wine form compare list or add to shopping cart.

2.2 Listing

The listing page shows all static information of the specific wine. Compare the wine in different vintages that available in stock. Compare the wine with compare list’s wine. At the bottom of page, there will have

  • “Our Customers Also Bought” list - List out the wines which customers also bought the listing wine.

  • “Similar Product” list - List the the wines in the similar criteria with the listing wine

3.0 Recognize Label

Search wine from our database by taking a photo of label of wine. And than list out the search result on 2.1 Search Result screen.

4.0 Blog Index

Divide Blogs into News, Events, Tasting Notes and Promotions four categories.

4.1 Blog

  • News - Press release, any news about company.

  • Events - Any events about company. e.g. wine tasting, wine dinner…

  • Tasting Notes - In house sommeliers will post tasting note of wine regularly.

  • Promotions - Any promotions of company.

5.0 My Account

If user logged in, My Account screen shows promotions of specific type of member(e.g. VIP). Base on purchase history, wine recommendation will be generated for login member.

5.1 Log in/Sign up

If user does not logged in, the apps shall redirect to this screen; member log in and new member sing up page.

5.2 Member Setting

This screen provide the way to configure apps setting and member information(e.g. Name, email address, shipping address).

5.3 Cart

Shopping cart screen list out the wines that user added to cart.

5.3.1 Check out

Show the summary of purchase. Buyer need to specify the shipping address and delivery time(optional). The transaction will be handled by payment gateway after user clicked <Purchase> button.

5.3.2 Thank you

This is a very important page. After the transaction is finished, payment gateway will redirect buyer back to this page. We need to thank you buyer’s purchase and show the purchased wine, shipping address and delivery time of that purchase. Show latest blog at the bottom of this page.

5.4 Purchase History

List out the purchases of login member. This is the easy way for user to purchase favourite wine again. Member can also write tasting note to the purchased wine.

6.0 Location

This screen locate all shops on Google map. This will convenience user to find our shops.

Comments


bottom of page