UI / UX Design & Web Development

Skin Suite

Project Overview:

The client is a service provider who has reached scheduling capacity and has branched out into associated e-commerce offerings. She sought a design that balances and enhances the imagery utilized for her portfolio in a way that doesn’t appear bland or clinical, but still evokes an element of expertise.

User experience research was conducted, and an elegant, brand-aligned interface was designed, along with cohesive social media and email marketing assets for promotion of her new product line.

Scope:

  • Branding Consultation
  • Website Design
  • App Interface Design
  • Social Media Asset Design
  • Responsive Email Development
  • Accessibility Compliance

Goals:

  • Streamline the user experience
  • Expand lead generation functionality
  • Enhance the buyer’s experience to encourage more transactions

Process:

  • Research & Discover
  • Define & Ideate
  • Design & Mockup
  • Develop & Test
  • Deploy & Monitor

Research & Discovery:

  • Developed personas and empathy maps
  • Conducted competitor research
  • Conducted user interviews / Q & A

Information Architecture:

  • Defined user journeys 
  • Determined the content map / structure
  • Established the site map and user flow

Aesthetic:

The client had previously invested in professional branding and quality photography, so the color palette was only altered to increase visibility of the paler pink colors to improve visibility on bright backgrounds. Gradients are featured throughout the design for accents, buttons and alternating background sections.

Colors:

Colors: #FFF4F3 | #EBE4E3 | #333333 | #555555

Considerations:

Elegant fonts and linear icons were selected for a clean, uncluttered impression. 

A “handwritten” styled accent font was included to elevate the overall appearance, but was used sparingly to maintain a minimalist style.

Typography:

Bonheur Royale:

  • The Skin Suite

Tenor Sans:

  • Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz & @ # $ % 1 2 3 4 5 6 7 8 9 0

Prata:

  • Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz & @ # $ % 1 2 3 4 5 6 7 8 9 0

Wireframes:

Results Driven Skin Care

Corrective skin care is the only way to go! Results driven has always been my passion, I love seeing the positive results from the care I put into my clients! Schedule a consultation to discuss how we can achieve the glowing results you desire.

Explore Facials

Get The Products

View The Gallery

Join My VIP list

Shop

About

Shop

About

Thank you for viewing this project.