Processing…
"HOME" APPLICATON
Hohiilife
01-ABOUT PROJECT
Hohiilife
Hohiilife is a "home” as the starting point of the life department store, we introduce and sell good simple and practical items from all over the world, we hope that these good brands, designs and products can add happiness and emotion to our lives.
Homepage
When making the homepage, considering that the nature of the product is a shopping item, and the requirement is to be simple, the icon area was cancelled and the design scheme of slide+coupon+card layout was adopted to design the homepage.
In order to highlight the bottom tab bar and improve user operations, the tab bar is laid out in the form of icons and text to make the function more intuitive.
Category
The category page is one of the feature pages with a high user access rate.
This page needs to display two major categories of category and brand. In order to facilitate users to quickly filter and reach the designated location, the design scheme of the left navigation bar and the right content area is adopted.
In order to distinguish the icons and text in the content area from the upper and lower columns, the inner margin of the content area is set to 20px, so that the upper and lower columns will not be touched when the content area is scrolled up and down.
Shopping Cart
The default element of the shopping cart is a shopping cart designed in MBE style.
The recommendation module for you is a card-like design, which recommends products that may be of interest to users and increases the purchase conversion rate.
Profile
The Profile hero background is integrated into the brand color to guide the visual flow. Linear icons are used for other types of icons to make the icons lighter and better visually.
02 - Banding
UI Style Guide
As the user group becomes younger and more diverse, users' attention has been distracted by different content. A variety of fragmented information has captured our attention. Here we highlight the theme from the simplest color and subtract for the design. Large and simplified, simple and refined design trend to show.
LOGO
Typography
Pingfang SC
Iconography
