Serenity Project Board

Welcome to the Serenity Project Board… The project board below is a full proposed design and technical solution for a fictional business called Serenity Day Spa & Hot Yoga. Starting with an exploration of Business Objectives and possible User Scenarios, and taking us all the way through Website Flow, Wireframes and UI, this project board is a good illustration of how I solve a business UX challenge.

 

User_scenarios

UX_userFlow

personas

 User_Profiles

3screens_productshot

Theme

Balancing the Business Objectives and keeping in mind the clientele a day spa called Serenity might draw, the theme is one that I will refer to as, “Zen/Semi-Professional.”  The goal with the logo, color scheme and font choices should elude to calming, spiritual subject matter but also send a message that this is an inclusive, professional establishment.

Website Flow Chart

serenity_flowchart

 

Wireframes

serenity_wires_05

Font Family & Color Scheme

Starting with the Serenity logo we set out to capture our design objectives by using a font that has a calligraphic feeling, as though it had been written on parchment paper. The colors balance feminine and earthy shades and tones. And the font choice for this website is a new modern classic font called “Montserrat” …

Color Scheme

Deep Purple

HEX: #58224f

CMYK: 64 / 95 / 39 / 34

RGB: 88 / 34 / 79

Pink

HEX: #f5bdb5

CMYK: 2 / 30 / 21 / 0

RGB: 245 / 189 / 181

Clay

HEX: #a6aa9f

CMYK: 37 / 27 / 36 / 1

RGB: 166 / 170 / 159

Forest Green

HEX: #003333

CMYK: 91 / 58 / 64 / 59

RGB: 0 / 51 / 51

Dark Teal

HEX: #235359

CMYK: 86 / 53 / 53 / 31

RGB: 35 / 83 / 89

Olive Green

HEX: #65792e

CMYK: 62 / 35 / 100 / 18

RGB: 101 / 121 / 46

Slate

HEX: #e1e1da

CMYK: 11 / 7 / 12 / 0

RGB: 225 / 225 / 218

Pearl White

HEX: #f7f6f5

CMYK: 2 / 2 / 2 / 0

RGB: 247 / 246 / 245

White

HEX: #ffffff

CMYK: 0 / 0 / 0 / 0

RGB: 255 / 255 / 255

Font Family

h1

Montserrat

h2

Montserrat

h3

Montserrat

h4

Montserrat

p

Open Sans

 

Axure Login, Set Appointment & Check Out Prototype

axure_project

Home Page UI

About & Contact Pages UI

serenity_scrn-07

Sign-Up/Calendar/Check Out Pages UI

2 Comments

  1. Awesome possum! Great outline. This stuff needs to be spread throughout the general public so they can understand the value of a solid strategy & carefully planned out UI.

    Reply
    • I agree. Thanks for the encouragement April. I’ll do what I can to continue getting the word out! Cheers

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *