Mantra - Event Microsite
Mantra - Yoga Festival

Mantra - Event Microsite

Client
Mantra - Yoga Festival
services
Business Analysis, User Research, Ideation, Branding, Logo Design, Testing, Prototyping, Micro Interactions

The goal for Mantra is to create a microsite for its Yoga Festival that solves the user's needs while providing growth for the business.

UX Process

Understanding the Business

I began the project by focusing my research on yoga festivals and overall knowledge of festivals. To better understand the market, I sent out surveys, created a Feature Comparison and Market Positioning Chart, and drafted a Value Proposition.

Feature Comparison showed opportunities for design as well as industry standards.
Market Positioning helped me understand Mantra's place in the market as well as create a goal for the "blue ocean" where Mantra will be after the UX/UI improvements.
Value Proposition focused on Human-Centered Design and understanding the value added to the user by the business.

Secondary Research

Validation of opportunity for profit for the business, user's are willing to spend money on their services.

Learning about the User

Guerrilla Style Interviews - 6 Users

I wish I could turn off my phone during the festival or have it on airplane mode.
- User
"Festivals are so fun it's easy to forget the time, reminders would be great."
-User

Primary Persona & Journey Map

Understanding the tribes mental model.

Top 3 Pains

  • Paper schedules can easily get lost or damaged
  • Remote locations cause slow to minimal internet speeds
  • Due to size of event it is easy to get lost

Finding Solutions

The Jobs to Be Done (JTBD) Framework helped me validate the possible features as well as empathize further with the users current frustrations.

Once I understood the user story and synthesized my user research I focused on the MOSCOW method to find my minimum viable product.

Prioritizing Features

Minimum Viable Product

UI Process

User Flow & Task Analysis

User's Happy Path

To create a map of the screens I would wireframe in order to test the changes and features in my MVP I jotted down a Task Analysis and created a User Flow of the user's happy path. The user flow also tested the proposed functionality of the MVP.

  1. Splash Page
  2. Line Up
  3. My Schedule
  4. Map

Wireframes

Insights - 5 Testers

  • CTA for downloading the calendar is confusing
  • Adding a box to each scheduled event would help with visual identification of the different events
  • User would like a way to know they are on a page
Red dot's signify parts of the flow that were changed after testing.

Insights - 5 Testers

  • Navigation Bar is too large and distracting
  • Download button could be moved to the top center of the page

Branding

Helped set the look and feel for the brand and its interface.

MoodBoard

I created a mood board to validate Brand Attributes.

Desirability Test Results

  • 80% felt calm.

“The water makes me think of being calm.”

  • 60% felt earthy.

“The woman is connected with nature”

Style Tile

I created this to fully communicate the feel and visual aspects of Mantra's microsite.

Design System

  • Easily communicate/update the style guide with other and future collaborators on the team
  • Optimizes the handoff to developers while creating a guide for the different identifiers or classes in the code.

Micro-interactions

Making the users experience more delightful with micro-interactions to call their attention to main sections and CTA's on the site.

Next Steps

  • Set up reminders and location details with developers
  • Add filter for lineup
  • Add more micro-interactions for "delight"

Metrics

  • Calendar downloads
  • Task completion rates
  • Error / Bounce Rates
  • Retention rates for new users
  • Time on screens for Map & Schedule