dekor
Home Decor Shopping App

Home Decor UI Project
- Building a Cohesive Brand
- Brand Guideline
- Responsive Desktop Design
Overview
Dekor is a web responsive e-commerce app that focuses on decor items for any occasion. My aim is to create a cohesive brand and a useful shopping platform.
Compare
There are several similar apps, such as Wayfair and Decor Matters, however, Decor Matters doesn't have a website, but it has a mobile app.
Problem
It is necessary to present the product to the user as much as possible on an e-commerce website. However, it should neither be full of annoying elements nor too many product options on one page.
Solution
I believe less is more. I choose to create white space between the items so that the user can focus only on the objects. Also, the user likes to see some recommendations depending on their selections.
Users
This application is for users who want to buy decor items.
Key Features
The application allows users to filter the items. There are two filtering options: one is a general and most common item filter; the other option is an advanced filter that helps the user search by color, price, special events, or the place that they want to use them.
Brand Guidelines
-
Guiding Principles
-
Logo
-
Color Palette
-
Font Style
-
Image Style
-
Illustration Style
-
User Flow Diagram
-
Wireframes
-
User Testing Notes/Results
-
Responsive Design
-
Mockup
Guiding Principles
Dekor is an e-commerce web app that helps people shop for unique home decor items

Logo
I chose a font-based logo for simplicity and a modern look

Light logo to use on dark backgrounds

Dark logo to use on light backgrounds
UI Elements

Style Guide

Mood Board
.png)
User Flow Diagram

Wireframes
Low-Fid Wireframe

Mid-Fid Wireframe

User Testing Notes/Results

Mockup

Responsive Website Design


What Did I Learn?
This project has taught me how to build a cohesive brand, how to translate an entire brand into brand guidelines.
