About the project
Jard is a website platform which facilitates & mediates sales of pre-owned (new or used) items between individuals. Jard is just about to become the leading aftermarket service platform in Kuwait.
Jard it is an informal Arabic term used for taking care of unnecessary items (clutter) you own. We have created a custom text logo in a minimalistic style. The logo could be placed in an app, website as well as on products’ branding.
Jard it is an informal Arabic term used for taking care of unnecessary items (clutter) you own. We have created a custom text logo in a minimalistic style. The logo could be placed in an app, website as well as on products’ branding.
Web Design
Visual Identity
Brand Strategy
Logo
.jpg)
(Branding)
But then we wanted to add bright and accent colors, because we realized that the main thing in our application is the reaction of a person - and it can only be shown through emotions and color. This is how we came to the main colors and style in our identity.
(Main Page)
The main page was built in a minimalistic style just as the logo. Here you can pick the category you need or check out some trending brands, a few product-based blocks, and some other blocks. The call-to-action button is also placed on the page twice.
.jpg)
(Logo)
(Colors)
(Typography)
(Categories)
Here, on the Categories page, the user can sort out and filter categories and subcategories in order to simplify the search process and shop for the needed items more easily.
%20(1).jpg)
.png)
.png)
.jpg)
(Questionnaire)
Questionnaire is a section used by sellers. Here the user picks the category, describes the item, adds the photos as well as may add the original store receipts. Then the owner sets the price and may even set the original price of the product.
.jpg)
(Product Page)
The product page is used in order to access additional photos and information about the product and connect with the seller.
.jpg)
.png)
.jpg)
.png)
(Profile)
In the user profile you can see ratings, subscriptions and subscribers, sales, and achieves. In addition, many different functions are available, such as messeges, reviews, transactions, settings, favorites, etc.
.png)
(Checkout)
To make a purchase on the page checkout user must go through 4 steps: Delivery Address, Delivery Method, Billing Details, Payment Details. After that he will be able to track his parcel.
.png)
.svg)
