Please note that this document is a draft and still not finalized.
This page describes the basic structure and the use of the Explore Screen.
The structure of the Explore Screen
The home screen is an essential part of any application. In the context of mobile apps, it's the main screen from which users interact with most options of the application. ‘Explore Screen’ can be considered as the ‘Home Screen’ of the mobility mobile app.
It basically contains,
Shopping Cart
Header image with main headings
Web Categories of different product groups
Bottom Navigation Menu
What is a web category?
A web category is an entity that encapsulates more than one product from the same product type which share similarities. The main purpose of a web category is to assist the users to browse the products efficiently. On the ‘Explore Screen’, all the web categories are grouped based on the type of the product. Other than the product web categories , there are a few variations of web categories used to display headings and content on the Explore Screen as well. Therefore, web categories can be identified as building blocks of the 'Explore Screen'.
A generic web category is presented in a rectangular card with a cover image, title and an overview description.
Types of web categories
The following types of web categories can be seen on the ‘Explore Screen’.
Title Web Categories
These web categories are used to display headings and sub-headings on the ‘Explore Screen’.
Basically they are shown as caption lines that appear in between different product/info/featured web categories on the screen.
Product Web Categories
These are the web categories that bundle up sets of similar of products together.