57Kvadrat is a fictional interior design website. Here you will find home decoration and furniture of Nordic minimalist design. The Eco Collection consists of recycled materials.
Duration: 3 days
Date: March 2021
57Kvadrat is a fictional interior design website. Here you will find home decoration and furniture of Nordic minimalist design. The Eco Collection consists of environmentally friendly and recycled materials.
The task is to design a clickable web shop in Figma. The website should include a:
Product overview + product filter.
Shopping cart view.
Payment feedback view.
Grid - Desktop
Full width: 1440x1024px
Gutter width: 30
Delete filter button
Main menu with signpost
Selection - entry - list control
New items in the cart
A fixed menu so that the user does not get lost in the navigation.
The page is arranged in a hierarchical order (news, popular categories and seasonal products).
The products move when you hover to show that they are interactive.
Signpost in the menu and a breadcrumb so that the user does not get lost in the navigation.
Overview of all products mixed.
Categories in a row, to reduce the number of clicks and optimize the user flow.
Filter (price range, colour, brand, and sort by).
Add products directly to the shopping cart.
Pop-up feedback when products add to the shopping cart.
View a product from different angles.
Tooltips describing colours.
Enter the number of products you want to order with the stepper.
See products you recently visited.
See products you will probably like.
An inspiration board that takes you directly to the products by the shortcut buttons.
Eco collection containing recycled product.
Navigation buttons that take us to the top of the page.
Overview of products you have added
Remove or add more products.
Save your login details
Log in as a guest.
Choose payment and delivery method.
Confirmation when the payment is successful by saying thank you for the purchase.