Create a Microsite: Everglades Annual Match-Point.

Brief

Great opportunities bring joy to our life, and at some point, understanding how to create room for these experiences is sometimes a challenge, but also a big pleasure when your goals are well delineated and ultimately achieved. This occasion, in 4 day sprint, our design team dived into the necessity of bringing to life a new joy to our city, the creation of an event that makes people participate, share and enjoy entertainment. The tools that we used for our purpose were: Figma, Miro, Maze.

Introduction

Miami is one of the world epicenters for art, but also sport events; this was one of the main reasons that drove us to develop the idea of bringing a tennis event into life.

Different event scenarios counted for us, such as The Lifetime Miami Marathon, the World Classic of Baseball, the Miami Open Tennis and many more that we count as a successful and great economic asset for our city.

Our main goal was to understand why our city needed a new event, secondly we wanted to elaborate a strategy in order to assess all the stages in our primary research.

Then, we focused on creating a tennis event. We also took into account the fact that 18 million of people in the USA practice this magnificent sport.

Discover

The first tool that we used for achieving our goal was the Lean Survey Canvas, we took into account the following:

- What users expect in a Tennis event.

- How is the state of the market competitor?

- Best season to make it possible.

- The calendar of other important events. (Event timelines)

- The impact that could have in our community.

- COVID-19 protocols.

In that sense, we need to learn all these from market competitors, understanding their logistics and the structure that they obey and also from the users.

The secondary research provides us this data:

- The price of an individual ticket.

- Free or discounted tickets.

- Availability of tickets online or phone applications.

- The price of items at the concession.

- The existence of a local tennis event with cultural features as well.

All these elements led us to our target audience and to set up the beginning for a previous scheme of microsite idea and validate the motivation to keep going with the project.

Also, it is important to let you know that in our research we confront one aspect that from a marketing perspective, sometimes is controversial: the utilization or not of third party or intermediaries for our microsite.

In order to classify the information obtained by our research, we elaborated a Feature Comparison Chart helping us to compare the direct and indirect competitors revealing some interesting key learning aspects. As direct competitors we found The Junior Orange Bowl and the ATP Master 1000, and as indirect competitors the Dixie Vodka 400, the Miami Sailing, The Miami Marathon, and the Pegasus World Cup.

A Market Positioning Chart was also created allowing us to know where existing products and services are positioned in the market so we can decide blue ocean as an opportunity to improve our event microsite and the business objectives. This primary research came up with conflicting data in the business community in order to ensure the objectives taking in mind the market context as well.

After obtaining this important resource, we proceeded to determine the quantitative data, elaborating a survey with 9 questions in order to quantify how many customers put value insports events and determining the popularity of such events. This tool allowed us to access users’ opinions and elaborate reasonable statistics.

Also, we decided to make a questionnaire and get five interviews (qualitative method) allowing us to filter the data collected going deeper and sharing the user’s stories with others.

Sample question:

What would be the main problems you would improve in an event specifically related with website information? The majority of people provided an answer similar to the one showed below

“Most of the time, event websites look like government sites…They are filled with bottled up information and browsing the site becomes a headache.”

Every single time that I go to this kind of events, I really enjoy the spectacle and my level of satisfaction in general is positive, however I hate when the event finish and we have to wait for large queues in the parking lot”

It is always convenient and I’m thankful for my kids that the city have cultural and sport activities that allow the friendship, the healthy competitive spirit and the social inclusion.

On the other hand, we verified that users see as attractive the idea of a sport event involvingkid’s activities, a stricter organization when it comes to accessing the event taking into account entrance, parking, and exit. They love the tournament strategy, the passion that involves a competition, the emotion torrent and the values that a spectacle like this can exhibit. Then, we got ready for the next phase into the Double Diamond.

Define

Affinity Map

The next step was pretty much to analyze the data already collected from our interview and putting into practice in order to find patterns and values that allow us to organize and analyze all the information and define posteriori the problems that could affect our users.

In that way, we started to display the data that we gathered before, and then we placed rows and columns in a logic sequence of ideas, visualizing what main themes came up. Using the Affinity Map tool, we put together the following information:

That gave us the possibility to understand the users after classifying in those axes the information provided:

  • Timeline
  • Website accessibility and facilities- The most enjoyable part for a sport lover
  • Expectations Level
  • Experience Satisfaction
  • Pain Points
  • Features suggested to improve/include
  • Conveniences

Value Proposition Map

Then, we examined what the Value Proposition Map revealed, in order to understand what jobs our product is able to offer, what kind of user’s motivations and desired outcomes they have and examine all these in an emotional and social context.

User Persona

Assembled from the behaviors and motivations of our actual users, we decided to create our User Persona, the data already gathered allowed us to composite a group of features and archetypes which we formalize for the purpose of informing the product design that we ultimately have to create. In the definition of a primary type of user, we empathize throughout our process.

As-Is Scenario Map

Following the process, we found it convenient to introduce an As-Is Scenario Map with the objective of identifying improvement opportunities. Consequently, the phases are chronologically set up on the canvas, analyzed the activities in a stepwise manner, and also the impact of those stages of feelings and thoughts in our users. This allowed us to further empathize with the user in this mental model when they have to attend an event or a spectacle.

Then, a “Happy Path” came up, as a Journey Map, a valid tool that brings us the opportunity to intervene, empathize with users and also find touchpoints in this mental scheme.

Journey Map

So, in that sense, the first pain point that we found:

- People are concerned about the lack of info in the event website: activities, offers and responsiveness.

- People are concerned about the long queues and the lack of organization when they try to park.

Problems Statements and How Might We.

That conducts our research to elucidate the following Problems Statements and their correspondent How Might We.

1- Users need a more efficient way to collect information on event details and offerings.

How might we help inform users about the whole spectrum of event details and offerings?

2- Users need a way to get emotionally engaged at the event because it will complement and add value to their experience.

How might we add emotional value to the user’s experience through this sport event?

3- Users need a way to not feel frustrated or crowded when attending events.

How might we ensure users they will not feel frustrated or crowded when attending an event and they have high expectations?

Ideate

A brainstorm comes suddenly and focuses our efforts in different aspects that the problem statements and the HMW pointed to. That allows us to begin thinking. We had so many ideas in our parking lot it went by quick building off of each other. Finally, we came out with about 16 ideas.

Develop

MOSCOW Method.

In order to know the simplest way to satisfy the business effort and the users values we elaborated the following MOSCOW method.

This tool also showed us what kind of jobs are indispensable in order to develop a successful event such as:

- The website should set up all the options advocating for on-site attendance. Avoiding the third party is indispensable for information and payment options.

- The time out for a ticket reservation or purchase should not be a limit or an issue for users.

- Activities that make the users satisfied spending their day in an interactive environment.

Now we are ready for the Minimum Viable Product, which is:

A sporting event in which guests can purchase tickets and discover all sorts of details through a user-friendly microsite, in order to enjoy an emotional experience composed of professional matches, merchandise sales, and entertainment.

Site Map and User Flow Chart

In order to validate the user journey, we present the path that will take to complete this task. That scenario allows us to detect possible pain points and simplify the solution. These tools Site Map first and User Flow Chart were a clear guideline in our development stage in order to set up all the features already ideated, and also allowing us to analyze each stage of the mental process and identify obstacles, and unnecessary steps throughout the process.

Deliver

Finally, we are in the last stage of our Double Diamond process through our Lo-fi, Mi-fi, and the Hi- Fi prototype, showing the features added into our microsite and how findable are the information that users are required to know. They will be able to:

  • Access to the menu and see all the aspects that the website will include.
  • Events activities displayed in a simple way to be understandable.
  • Features that allow the interaction with players, staff and get the opportunity to receive educational tennis lessons.
  • Tickets without intermediaries and parking spots included.

Usability Test Results by using Maze

  • The 100% of users complete the mission via the expected path.
  • The average time spent on screens during the path was 10.2s
  • The mission’s average misclick rate is fine: 15.4 %
  • Users complaint about the proximity between the elements in some frames and the sized of the input buttons
  • Incorporate necessary actions and flows

Usability Test Results by using Maze

  • The 90% of users complete the mission via the expected path.
  • The average time spent on screens during the path was 11.4s
  • The mission’s average misclick rate is fine: 17.8 %
  • Align the margins and keep in mind the sized of the typography

Then in order to to find our color options, we bring the concept through some pictures that could reveal the brands attributes that we pursue to exhibit when we will elaborate our Hi- fi prototypes. So in order to select our patterns we create this Moodbard:

Then we started building our brand identity:
intense, electric, powerful, confident, and reliable.
By testing our mood board we understood that it represented well our brand attributes.
Our interviewees said it made them feel confident and positive.

Success

  • Time spent at event
  • High number of users
  • Expectation vs. Reality Consonance
  • Positive Reviews
  • High task completion rates
  • High ratings

Failure

  • Low completion rates
  • Low ratings
  • Non returning customers
  • Negative Word of mouth
  • Negative Reviews

Conclusion

  • Although some UX/UI techniques might seem time consuming, they are actually a time investment.
  • Constant iteration and consulting are also time consuming but worth it in the long run.
  • The local context of your city can provide you a lot of values that can determine you to be an innovative researcher.
  • New tools can improve your UI skills and make your work more feasible such as a Mood board.
  • Trust that the features have product market fit.
  • Value in the quantitative and qualitative data collected.

Let’s stay in touch… www.linkedin.com/in/arielito88

Miami UX/UI Full-time student. Ironhack. Jan 2021.