top of page

dekor
Home Decor Shopping App

header.png
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

guiding principles.png

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

LOGO DARK.png

Light logo to use on dark backgrounds

logo.png

Dark logo to use on light backgrounds

UI Elements

ui.png

Style Guide

style guide.png

Mood Board

Untitled design (3).png

User Flow Diagram

flow diagram chart.png

Wireframes

Low-Fid Wireframe

WIREFRAME DEKOR LOW.png

Mid-Fid Wireframe

WIREFRAME DEKOR MID.png

User Testing Notes/Results

feedback.png

Mockup

ALLMOCKUP.png

Responsive Website Design

desktop mockup.png
Screenshot 2022-01-16 184408.png

What Did I Learn?​​​​​​​

This project has taught me how to build a cohesive brand, how to translate an entire brand into brand guidelines.

bottom of page