Responsive Website Design for a New Business

My psychic network (MPN) mvp Website
Duration
80 hours
Tools
Figma, Mural, Maze
STAKEHOLDER
My Psychic Network
My role
Product Design, UX Research, Branding, UI Design, Prototype, Test/Iterate

Overview

Over time, and especially as a result of the recent global health pandemic, more and more people are looking to build a strong support system while exploring ways to reflect, gain perspective on the future and improve their mental health. People may do this by seeking out traditional methods of therapy, but some do this by consulting psychic and spiritual advice as well.

My Psychic Network (MPN) is a new business looking to establish itself as a unique brand among the competition while providing a safe and trusting place for people to easily find and connect with a virtual community of psychic and spiritual advisors.

Challenge

As a user of psychic and/or spiritual services, it can often be challenging to identify not only an advisor who best fits specific interests and needs, but it can be often difficult to find and choose the most trusted company or service overall.

How might we help MPN provide a safe and trusting place online for people to easily find and connect with psychic and spiritual advisors?

In addition, how might we build a unique brand and digital presence for MPN so that they can establish themselves as a new business among the competition?

Design Process

Empathize

Secondary research

During my initial secondary research, I will begin to explore the problem space, identify important questions and begin to uncover trends and behaviors that may exist in the current marketplace. I will learn about the competition in terms of websites offering connections to psychics and spiritual advisors online. During this phase, I will identify important questions, as well as explore and analyze user behavior patterns, preferences, and pain points that may already exist within the landscape.  This knowledge will help me develop the insight necessary to build a solid foundation for the best solution and user experience I can design.

Key Market Statistics & Trends

The following are some key statistics and trends revealed from my research of the current psychic and healing industry.

  • The average male who consults a psychic is aged 27-54, while females offer a broader range of psychic seekers, at 21-60 years old on average. Note - These averages are steadily coming down, which may suggest younger people are now finding their spiritual side earlier in life.
  • Based on a study from YouGov, around 1 in 5 (22%) of Americans say they have consulted a fortune-teller, medium, or psychic at some point in their life.
  • Psychic services are increasingly becoming associated with wellness. Psychics often refer to themselves as “intuitives” or “intuitive healers,” who channel “energy” that helps people discover what they want out of life.
  • Rising unemployment and greater personal financial concerns spurred many consumers to turn to psychic services for pressing financial and career advice.
  • Women are more likely to have seen a psychic or medium than men.
  • Since the Pandemic began shutting down astrologers, spiritual guides, tarot card readers and psychics have seen an improvement in business online. According to Google search trends, Google searches for “psychic” jumped to a 1-year high during the second week of March 2020.

Sources:

  • ”Source: Psychic Services in the US industry trends (2016-2021)
  • Mysticmag.com, “Psychic, Mediums & Tarot 2022: Best Statistics, Facts & Trends
  • Crixeo Industry Report

Competitive Analysis

A thorough competitive analysis will allow me to gain an understanding of how and where current psychic websites succeed or fail and what makes a psychic website unique.

Opportunities

  • The majority of competitors offer an easy sign up and booking process.
  • Most competitors offer sessions/ readings via video chat, messenger as well as phone.
  • Most competitors offer multiple ways to search and filter for psychic / spiritual advisors typically by specialty, skill, and even if they are currently available (online) or not.
  • Some competitors lack a clean and clutter-free visual design.
  • One competitor offered a dictionary of psychic and astrological terminology and definitions.
  • Pricing varies from competitor to competitor and can be confusing.
  • All competitors had profile pages for their advisors which include their experience, passion, psychic skills and specialties.

Primary research

User Research

Next, I conducted user interviews to begin to understand what our users may need, prefer, or consider as a pain point when it comes to using psychic and spiritual services. In addition, I will try to understand their thoughts & feelings around experiences with psychic and spiritual advisors as well. We will also seek to interview a psychic or spiritual advisor to try to understand their needs and pain points around providing services online and in general.

Research Participants

In seeking out research participants, I targeted gaining insight from those who had used the services of a psychic either/and/or a spiritual advisor previously. This included also seeking out a user who may be a skeptic and someone who may have unique pain points when it comes to seeking out a psychic. My overall goal was to broaden the scope of my research participant pool and ensure that in designing the best user experience, I can reach an inclusive audience and perhaps even help rid the stigma that may come with the concept of psychic phenomena. In addition, I aimed to interview at least 1 user who currently offers psychic and/or spiritual services.

Research Questions

  • Why do people consult a psychic and/or spiritual advisor?
  • How do people go about choosing a psychic reading and/or similar service?
  • What types of psychic readings (tarot, astrology, etc.) and similar (healing, therapy, coaching) services do users use? 
  • What makes people skeptical about receiving psychic and/or healing services online? 
  • What information do people look for when booking a psychic and/or similar service?
  • What factors influence someone to book a psychic reading / service in general and online? 
  • What motivates the user to choose a specific psychic and/or similar service? 
  • What are user pain points around searching for, choosing and booking a psychic and/or healer? 
  • What makes a good experience when using psychic and spiritual services? 
  • In general, how do users feel about seeking psychic and/or services online? 
  • What do psychics and/or those who provide psychic and healing services in general and online look for in connecting with customers/clients online?
  • What factors are most important to a psychic and/or healer when building their profile and/or business online? What factors are least important?

Affinity Mapping Qualitative Research

Grouping user similarities utilizing an affinity map will allow me to synthesize the qualitative research findings and with that, better pinpoint and understand specific user needs. Some common themes I discovered through this exercise:

user research Key Insights

After analyzing the qualitative research and assessing the findings from both user interviews and user surveys, I gathered the following key insights:

Needs & Preferences

  • To gain perspective and reassurance when it comes to life, career, love, etc.
  • To be able to seek out psychic/spiritual advice easily and oftentimes immediately.
  • Reading customer reviews is very important when it comes to selecting an advisor.
  • To read about a psychic/spiritual advisor and find information about the psychic/spiritual advisor easily.
  • To hear of a “good” psychic/spiritual advisor by recommendation through their personal network.
  • To trust that a psychic/spiritual advisor is genuine and is not a “fake”.
  • To know all the services a psychic offers and what the services mean.
  • Those who are skeptical may prefer to attend psychic readings with their friends.

Pain points

  • May not be able to see a psychic regularly because it is too expensive.
  • When it is difficult to find a good psychic in the area.
  • Sifting through psychic bios to find the right one.
  • Not having access to recommendations from friends or not being able to see ratings and reviews of psychics.
  • Psychic websites with too much advertising & clutter.
  • Seeing a psychic/spiritual advisor and being disappointed or not feeling fulfilled by the reading.
  • Scheduling appointments too far out or when scheduling, in general, is a challenge.
  • When a psychic/spiritual advisor is not responsive nor accessible.
  • When a ‘psychic” is not authentic and does not know “specific” things.

Needs & Preferences

  • To easily communicate to her clients about her practice, who she is, and what her values are.
  • For clients to have a clear understanding of price (including cancellation fees)
  • A free and easy to sign up and promote her services.
  • For clients to easily find her practice.For clients to be able to pay in advance and have an easy way to schedule/register for classes.
  • To continue to learn new healing methods and further her training and development
  • Typically receives new clients by “word of mouth."
  • Email notifications with a reminder to update her online profile and other information.
  • To know that she is helping people find ways to heal themselves.

Pain points

  • When people cancel last minute.
  • When she is not easily able to change information about her business online.
  • .Being “zoom bombed” when offering virtual yoga classes
  • Scheduling classes and services can be difficult.
  • When it is hard to find new clients.
  • Paying the cost of rent when offering in-person services.

Define

HMW Statements

After gathering insights from the in-person interviews and user surveys, I formulated “how might we?” questions to better understand the user's needs and problems, and then created possible solutions.

user personas

Once I’ve completed the user research phase, collected and organized the data, I will build user personas to further embody My Psychic Network’s target users. For this process, I created 3 personas: The Avid Psychic Consumer. This user seeks out psychic services frequently. Then we have the Skeptic Psychic Consumer. While the skeptic has received a psychic reading before, they are not 100% a believer. Finally, to better understand our Psychic Advisor target audience, I will create a persona based on the user research as it pertains to the Psychic Advisor.

user journey mapping

I created a user journey map specifically for Zoe, our avid psychic services consumer. My hope is by focusing in on Zoe's journey, I will also be able to capture some of the frustrations that our skeptic user may experience as well.  My goal is to now begin to visualize the behaviors, thoughts, and feelings the user will have throughout their journey using My Psychic Network's website.

INFORMATION ARCHITECTURE

Next, a sitemap will help communicate which key pages the website will have and how they are linked together including what content will be included in terms of sections on each page. This will allow us to better understand the overall flow of information and content for the site.

User Task flows

I then created 3 specific task flows to illustrate the steps all users would follow to complete specific actions, such as creating an account, searching for a psychic advisor, and going through a booking a reading & checkout process.

Ideate

mid-fidelity Wireframes

With the above task flows and research insights in mind, I began sketching on paper to create possible solutions in terms of what the best website experience would be for our My Psychic Network users. While sketching, I will largely focus on the layout including navigation, information architecture, and the overall visual hierarchy. For the purposes of this MVP, however, my focus for the rest of the design thinking process will be on the primary users (The Avid User and the Skeptic User). During this process, I will reflect on the following questions to ensure I remain user-centric throughout the process.

Branding

While completing the mid-fidelity wireframes, I began to create ideas for logo concepts including the overall UI for the website. Once a logo was finalized, I created a Brand Style Guide to also include typography, color palette, buttons, icons, imagery, etc. During this process, I was in close communication and collaboration with the owners of My Psychic Network (MPN). The MPN business and marketing stakeholders had a strong vision for what they wanted to achieve with their brand and I wanted to be sure to capture the essence of their vision and help bring the brand to life. I drew a lot of inspiration from a mood board that my MPN stakeholders had provided.

MPN Mood Board

High fidelity Responsive designs

Next, it was time to apply UI and begin to create the first round of high-fidelity wireframes. Click below to view each page and its respective desktop and mobile screens.

Prototype

I created a high-fidelity mobile app prototype to bring the design and user journey to life. I will use the high fidelity prototype to conduct usability testing and begin to move into the iteration phase in order to improve the overall Career Bright user experience.

Usability Testing

Usabiilty test overview

Usability testing affinity map

Iteration

Taking into account usability test findings as well as the business needs and constraints around timing, I wanted to prioritize a few small changes as a first round of iteration for the MVP website. In the first iteration, I put focus on improving the user experience and ease of booking a psychic reading. Knowing this is a user pain point discovered in research, I wanted to be sure the process was clear and the experience was smooth and easy.

Modifying the checkout process according to user feedback to include improved navigation, payment details, and clear pricing language.

  • A “Back” button was added to coincide with the “continue” button so that users can go back in the payment and checkout process.
  • Pricing detail and clear language were added under the Psychic Advisor checkout details on the bottom left-hand side of the page
  • The user’s payment information was added to the “checkout summary” as a way to review the details before confirming the payment.

Next Steps

Launch MVP

After a first round of iteration and presenting the initial high-fidelity designs to MVP  stakeholders, the next step will be to work in collaboration with MPN's development team to ensure a successful website launch.

Psychic Advisor - User research

Continue user research regarding psychic advisors who provide services via MPN's website to ensure the best user experience for our psychic advisors in terms of the MPN psychic application process as well as presentation of services and identifying users to build their client database.

Usability Testing -Mobile screens

Continued usability testing will be necessary to ensure that the website exceeds expectations in terms of ease of use. To ensure consistency in design when it comes to responsiveness, we will further test the mobile version of the website.

OverviewEmpathizeDefineIdeatePrototypeTest