Megan Sanger
UX Researcher/Designer

Embrace Embodiment




" Embrace Your True Expression,
Slow Down, and Be in the Moment."
Satori Laurel

CLICK THE LINK BELOW TO SEE THE SITE LIVE NOW:

https://www.embraceembodiment.com/

After I optimized the site and applied UX standards and principals:
36%
Increased Booking Rate
23%
Increased Number of Membership Packages Purchased
32%
Increased Virtual Service Interest
52%
Increased number of monthly site visitors

Goals Achieved:

  • Redesigned the Home Page to integrate and emphasize virtual services in response to the current global world pandemic.

  • Applied consistency standards across existing site pages. Including, text sizes, font types, and calls to action (buttons).

  • Improved existing flow processes for more efficient user experiences when Booking on the site.

  • Designed a new offerings page, in order to make all services offered clear and accessible for booking, in one place.

  • Redesigned the Footer, de-clutter existing footer, update social media links, add the primary navigation and drop down menus to give users a way to navigate when they reach the bottom of the page

  • Focused on the MOBILE version of the site, as this was not previously addressed.

  • Added Drop Down Menus and Anchors to new pages in accordance with the New Information Architecture established. 

Desktop Homepage Redesign
Restructuring content management systems in intuitive and rational ways for users, delights my inner Information Architect!

Restructuring content management systems in intuitive and rational ways for users, delights my inner Information Architect!

Home Page Before and After
The New Homepage Utilizes a 2 column grid to allow for more information to be displayed efficiently .It Establishes a Strong Page Hierarchy and places and Emphasis on the new Virtual Services, as per the clients request during Covid-19.

The New Homepage Utilizes a 2 column grid to allow for more information to be displayed efficiently .

It Establishes a Strong Page Hierarchy and places and Emphasis on the new Virtual Services, as per the clients request during Covid-19.

Original Footer Design
Issues with existing footer: Overlapping items, social media links that did not work, no page up arrow, no navigation items that would allow users an exit path or option to continue exploring from the footer.

Issues with existing footer: Overlapping items, social media links that did not work, no page up arrow,

no navigation items that would allow users an exit path or option to continue exploring from the footer.

Redesigned Footer
Added primary navigation to the footer with site location mapping features, Removed non-functioning social media links,Designed the News Letter Molecule with the same background color as the footer, for a seamless look.

Added primary navigation to the footer with site location mapping features, Removed non-functioning social media links,

Designed the News Letter Molecule with the same background color as the footer, for a seamless look.

Analysis of Existing Site
SITEMAP

SITEMAP

After Conducting a Thorough Heuristic Evaluation:

  • I did a Card Sort to get an overview of the existing site map and flow processes
  • I then reduced the sitemap to make navigation simpler and more intuitive for users where needed. 

       embraceembodiment.com,            UX Design, Booking Flow Process

Original Site's Booking User Flow


Mapping this out helped to find:

  • Links that take users to the wrong page
  • Features that were no longer active 
  • Steps that could be eliminated in the booking processes to give it a better user flow.
  • Opportunities of where to integrate the client's goal of emphaszing new virtual service offerings.

 WF SKETCHES FOR HOMEPAGE AND BOOKING 

 WF SKETCHES FOR HOMEPAGE AND BOOKING 

Wireframe Sketches

At the beginning of my design process I created wireframes for testing purposes

This allowed me to create a page hierarchy that made sense for users and met all of the clients requests for important features.

Newly Created Sessions and Series Page
A SESSIONS AND SERIES PAGE WAS CREATED TO GIVE USERS AN OVERVIEW OF ALL SERVICE OFFERINGS, COUPLED WITH OPTION TO BOOK!Simplified cards that act as

A SESSIONS AND SERIES PAGE WAS CREATED TO GIVE USERS AN OVERVIEW OF ALL SERVICE OFFERINGS, COUPLED WITH OPTION TO BOOK!

Simplified cards that act as "windows" for users to enter other main pages on the site, were used to give users the option to directly book and/or to learn more about the description of these services. Users are offered the option to book every step of the way.

The types of services are separated by the yellow banners and titled appropriately for our validated seo key word terms.

User Testing on the Original Site found:

  • Confusing language in primary navigation. Terms like "modalities" and "series journeys" were not clear to users

  • Difficulty understanding what the overall services offered are

  • Unclear CTA'S (Calls to Action)

  • Users scrolled all the way down before having a clickable option available to them on the home page

  • Users had no exit path upon reaching the footer

  • The Booking Process was currently creating extra steps to find the desired service and ultimately, making it challenging to book with ease and flow

  • Mobile Testing showed a great deal of element misalignment's, unreadable font sizes, no access to drop down menus for navigation.

Next Steps 


Starting dialogue with established clients, in order to conduct user surveys and interviews,  to really DEFINE My Client's ideal user persona.

  • User Testing on New Site 

  • Meeting with an SEO Optimizer Specialist to discuss the Site.

  • Evaluate trends that are crucial to booking success rates for Embrace Embodiment's In Market Category Differentiation. 

  • Demonstrate value to users. "Why choose us?"

  • Gauge business trends with analytic tools to find the key words needed to support SEO success rates for Embrace Embodiment