Cart 0
Branding, Web Design, Mobile Apps, SEO & Marketing
design-mockup-1.png
starry-banner-1.png
favicon-200.png

Business Objectives

Design and launch a web-based Tarot deck, where each card is centered around an influential woman from modern times. For example, a user would draw “Frida Kahlo” instead of “Passion,” or “Missy Elliott” instead of “8 of Wands.” Encompass both feminism and spirituality, while also being light-hearted and approachable. Keep the content and messaging quirky, fun, and easy to digest. Prove the validity of the concept, then launch the minimum viable product (MVP). After launching the MVP, focus primarily on user acquisition and brand development.

dark-banner.jpg

Research

Objective — through qualitative and quantitative primary research, validate The Modern Woman’s Tarot as a viable digital product and identify two or three key features for a digital Tarot deck that would be most desired by the target market.

Process & Insights — First, I conducted a screener survey to get some initial insights, then I chose three respondents from the screener survey who fit the target market to interview in depth.

  • All three interviewees found women who disrupted a norm or prevailed despite adversity to be the most inspiring to them

[MICHELLE OBAMA] IS IN A TOUGH POSITION BEING A WOMAN OF COLOR AND EDUCATION, BEING A WOMAN WHO A LOT OF WHITE MALE SOCIETY FEELS THREATENED BY, [WHO HAS] HAD TO TAKE A LOT OF GRIEF FROM PEOPLE, BUT STILL HANDLES IT WITH SUCH GRACE. I WANT TO BE LIKE HER, THAT’S HOW I WANT TO HANDLE MYSELF.
— Willy Wilson
  • All three interviewees felt frustrated about a woman’s place in society today

  • All three brought up the divide between men and women at one point during the interview and expressed a general frustration that women’s voices are not being heard

WE ALL HAVE THE RIGHT TO A VOICE WHETHER OR NOT IT’S SOMETHING OTHERS WANT TO HEAR.
— Britt Nemeth
  • Reasons why the interviewees turn to spirituality:

    • During times of struggle

    • Major life events like marriage

    • Death/dying/sickness

    • Navigating human emotions

    • In place of Western drugs/medicine

    • Personal growth

    • To improve self esteem

    • When triggered by past trauma

    • When in need

    • On a daily basis/as a general lens through which to view life

[ORACLE] CARDS MAKE ME FEEL HELD, CONNECTED, POWERFUL, AND CALM.
— Britt Nemeth
GRATITUDE IS PART OF SPIRITUALITY.
— Madelaine Voegeli
  • Top things the interviewees like about their favorite decks:

    • Artwork

    • Helpful guidebook with journaling questions/extras

    • Having the info right there on the card

I LIKE THE IDEA OF PUTTING INFO ABOUT THE CARD ON THE ACTUAL CARD.
— Madelaine Voegeli
  • All three interviewees would prefer a mobile app over a web app, though they all expressed that ultimately they prefer an analog deck so that they can feel/recycle the energy of the deck and have a more tactile experience

  • App feature ideas that naturally came out during the interviews:

    • Different ways to choose the card

    • Offering multiple layouts (single card, three card, etc.)

    • Tap to “flip” card over and reveal info on the back

    • Play peaceful, grounding music while app is open

    • Incorporate breathing exercises to help the user ground

    • Allow users to color in their own cards (creative experience)

    • Incorporate AI to help the user understand what the reading means

 
 
TAROT FEELS INTIMIDATING IN TERMS OF DOING A READING.
— Willy Wilson

Key Takeaways

  • Instead of a web application, build a mobile app

  • Instead of a structured Tarot deck, design an unstructured oracle deck, change name to The Modern Woman’s Oracle

  • Offer three different spreads, not just one

  • Build a marketing strategy centered around female empowerment, getting through struggle, building self-worth and bridging the gap between tactile and digital oracle cards — when you don't have a deck with you, The Modern Woman's Oracle is the next best thing!

  • Launch as a free mobile app with potential for in-app purchases

View the full research document here.

favicon-200.png

Heuristic Analysis

The Modern Woman’s Oracle will be a mobile app launched first on iOS. Using Jakob Nielsen's 10 Usability Heuristics, I analyzed three competitors in the same space: The Golden Thread Tarot, Mystical Mondays, and Kawaii Tarot.

tmwo-heuristic-analysis-3.jpg

Key Takeaways

  • Offer multiple spreads

  • Provide a sense of intention and grounding prior to a reading

  • Give users the ability to invoke their own energy into card selections

  • Provide clear, concise helper text with actionable input

  • Provide the ability to reflect on the reading later

  • Avoid overly pushing a physical deck purchase

View the full heuristic analysis here.

purple-banner.jpg

Personas

View higher resolution personas here.

[PERSONAS] MAKE EVERYONE ON THE PRODUCT TEAM FEEL LIKE THEY’VE MET THEIR END USER AND THAT END USER IS A REAL HUMAN BEING, AND YOUR PERSONAS DEFINITELY DO THAT. GREAT WORK.
— Laurel Hechanova, Project & UX Mentor

Empathy Maps

View higher resolution empathy maps here

favicon-200.png

User Stories

tmwo-user-stories-6.jpg

View higher resolution user stories here.

light-red-banner.jpg

INFORMATION ARCHITECTURE

How would potential users of The Modern Woman’s Oracle find content within the app? I conducted a card sort using Optimal Workshop’s OptimalSort tool. After 9 people completed the exercise, I created standardized groups and a sitemap in draw.io.

Key Takeaways

  • Include easy way for user to access “preferences” from readings area

  • Include an easy way to access “exercises/learn more” from readings area

View the full card sort document here.

favicon-200.png

User Flows

There are 4 main sections to the MVP for The Modern Woman’s Oracle app: Readings, Your Deck, Settings, and Learning. I used draw.io to illustrate the user flows for each of these sections.

tmwo-user-flows-1.jpg

Check out the detailed flows for each section:

THIS IS REALLY GOOD STUFF AND NOT JUST BECAUSE IT’S A USABLE, READABLE ARTIFACT. IT’S CLEAR YOU PAID ATTENTION TO DETAILS LIKE CREATING A VISUAL HIERARCHY BY GRAYING OUT CERTAIN THINGS AND USING DOTTED AND SOLID LINES. I ALSO LOVE HOW METICULOUS YOU WERE WITH YOUR HORIZONTAL AND VERTICAL ALIGNMENT AND SPACING. YOU’RE CLEARLY A PROFESSIONAL. THIS IS A SOLID DELIVERABLE.
— Laurel Hechanova, Project & UX Mentor
red-banner.jpg

WIREFRAMES & LOW FIDELITY PROTOTYPE

I first started by sketching out each screen in the app with pencil and paper. Then, I used Balsamiq to digitize the wireframes. Then, I linked various screens within Balsamiq to create a prototype. I tested the low-fi prototype with three potential users and implemented various changes listed in the Key Takeaways section below. Download this file to engage with the low fidelity prototype; the app includes tooltips that will appear on a user’s first interaction with certain areas of the app, so follow this flow to best understand the user experience:

  • Single card spread

  • Three card spread

  • Five card spread

  • ….then you’re free to do your thing! 

Key Takeaways

  • Adjust flow of first-time-through tooltips

  • Adjust verbiage from “Inject your energy” on the shuffle screen to “What are you seeking?” and add “Asking Questions” to “Learning” area

  • Change shuffle button from “Shuffle” to “Shuffle Deck”

  • Ditch modal pop-ups that take up the whole screen, opt for tooltips

  • Ditch lower nav and hamburger menu within actual reading

  • Group “Reset Password” and “Preferences” and add “Log Out” to “Settings”

  • Add tooltip to tell user they can flip cards to reveal more info about the woman, and they can tap to flip the card back

  • Shuffling animation will be important, could be abstract - maybe the borders of the cards change colors

  • Add ability for user to go between “Log In” and “Create Account” screens depending on account status

  • Dev notes:

    • Allow user to reset after revealing the first card in multiple card spreads

    • If a user is not logged in, when they click “Settings” in the slideout menu, route them to “Create Account” screen

    • At any point, any screen with a back button should allow the user to go back to the previous screen

View the full wireframes document here and the full prototype document here.

BRANDing & IDENTITY: RESEARCH

ideation-mockup-2.png

View the full inspiration board here.

starry-banner-2.png

Branding & Identity: Assets & Style Guide

starry-banner-1.png