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.