Decorum

image of AMR website mockup by Tom Egan

01

Overview

Completed

2015

Role

Logo Design, UI/UX Design, Web Development

Completed as part of a class assignment at the University of Wisconsin-Whitewater, Decorum is a fictional high-end furniture boutique. Project requirements included the conceptualization of a furniture company and develop a website relevant to their target audience. The demo features several pure CSS experiments relating to dropdown and button animation.

02

Technologies

HTML/CSS

Bootstrap

Adobe Illustrator

Adobe Photoshop

03

Colors

#9D9189
#665D56
#777777

04

Typography

Josefin Sans

Headings

A a

Droid Serif

Body

A a

05

Wordmark

06

Sitemap

1.0Homepage2.0About5.0Cart4.0Contact3.0Products(mega menu)RegisterLoginAccountTop-Level NavigationUtility Navigation3.2Living Room3.1Outdoor3.3Seating3.4Office3.5Storage3.6Bedroom3.7Kitchen &Dining3.8FeaturedProduct GridView ProductCheckoutCreate AccountLOGIN Dashboard

07

Wireframes

Home

Menu 5 Menu 4 Menu 3 Menu 2 Menu 1 LOGO Button Button Button Image Image Image Image Image Image Image Image Image Image Image

Product Grid

Menu 5 Menu 4 Menu 3 Menu 2 Menu 1 LOGO Button Button Button Map Image Image Image Image Image Image Image Image Image Image Image Image Image Image ImageImage

View Product

Menu 5Menu 4Menu 3Menu 2Menu 1LOGOButtonButtonButtonMapImageButtonImageImage

08

Button Hover

Default State

READ MORE

Transition

READ MORE

Hover

READ MORE

Demo

09

Final Design