MYSA DAY SPA

press to zoom

press to zoom

press to zoom

press to zoom
1/4

BEST BALANCE BETWEEN BUSINESS AND AESTHETICS

This is my freelance work with Mysa Day Spa. In this project, I redesigned their website and aligned the UI design with their branding.

Role

Tool

Visual design

UI design

Figma

Adobe Illustrator

Shopify

00 DESIGN PROCESS 01 02 03

Mysa Day Spa.002.png

00 01 UNDERSTANDING 02 03

01.01 | GOAL
  • What is our goal for website?

  • Who will visit our website?

  • What is visitor’s goal for website?

  • How do we define success?

Behavior Pattern Change

We want to promote our services and products. We want the visitors to change their behavior from browsing to purchasing(order or book).

Consistent Impression

High quality services = Considerate detail. The consistency of design elements reflects the quality of our service.

Maintenance

Easy to maintain and to update seasonal promotions. Leave space for new features to launch.

0402logo_final-01-01.png
01.02 | REFERENCE
  • What do you like?

  • What don't you like?

  • Do you have examples that match your preference?

ART OF SKIN CARE:

Similar services, consistency, remarkable impression

ART OF SKIN CARE

00 01 02 CONTENT 03

WEBSITE STRUCTURE

Homepage

  • Image slides (first impression, newsletter placeholder)

  • Store Intro (who we are)

  • Promotion (latest discounts and information)

  • Selected products (featured products)

  • Action center (guides to different services on the website)

  • Store Location

Online Spa Page

  • Introduction (what’s this)
  • Instruction

    • Step 1

    • Step 2

  • Booking button

00 01 02 03 DESIGN

03.01 | MOODBOARD
Mysa Day Spa.010.png
03.02 | STYLE GUIDE
Guidelines (1).png
03.03 | WIREFRAME

Homepage

Homepage.png

Online Spa Page

Online Spa  with notes.png
03.04 | FINAL DESIGNS
1.png
2.png
03.04 | GRAPHIC DESIGNS

press to zoom

press to zoom

press to zoom

press to zoom
1/3