top of page
iPhone XS Mockup.png
THE ZONE LOGO.png

The Zone-Musical Ticketing App

A musical is a form of theatrical entertainment that combines music, singing, dancing, and spoken dialogue. Musicals have continued to evolve and remain a popular form of entertainment today, with new shows being produced and performed all over the world. It has a huge market and long history. However, there is currently no convenient and specialized digital ticketing platform for musical theater tickets to meet this increased demand.

I have taken on the challenge of creating a musical theater ticketing that not only offers a convenient and efficient purchasing experience but also serves as a community that understands the needs of musical theater enthusiasts.

DURATION

5 Weeks

TEAM

Solo Project

ROLE

User Research

User Testing

Branding

UI Design

Why Musicals?

$4.9 BILLION

The size of the theatre market in U.S. was about $4.9 billion in 2021, but a good app for that market is hard to find.

OVER 150 YEARS

Musicals has a history over 150 years history at the end of the day. It is of great historical and cultural significance.

What's the problem?

1

TIME COST

Time cost of browsing different websites to collect information.

2

CHANCE LOST

Miss shows due to information update delay.

3

SOLITUDE

Difficult to find a platform for musical enthusiasts.

4

INCONVENIENCE

Finding a convenient and reliable way to purchase is a challenge.

5

PERSONAL RECOMMENDATION

Wanna have a personalized recommendation for musical plays

Where is oppotunities?

1

SAVE TIME

The need of a platform to provide more comprehensive information about musicals.

2

COMMUNITY

A community for only musical fans, know what fans love and expect.

3

A CHANCE

A chance for more people to know the form of musicals.

COMPETITOR RESEARCH

2X2 MATRIX.png

2x2 Matrix

COMPETITOR RESEARCH

The 2×2 Matrix is a visual tool that consultants use to help me find oppotunities and make decisions.

Musical is a very visual and distinct form of stage. The simple and intuitive UX can better reflect its style. More social elements can solve the pain point that users want to have a dedicated platform and information channel for musical fans. As a result, the management of the simple ux and more social elements will have more possibilities.

FEATURE ANALYSIS.png

FEATURE ANALYSIS

COMMUNITY AND INFO

The purpose of feature analysis is to understand what services and content other competitors in the market provide, and then determine what it should provide according to the positioning of my own product.

Among other features, I focus on adding customized, community-based services. On that basis, I hope to provide as much information and material as possible about musicals. That's why I pick these features.

INTERVIEW.png

25
mins

USER TESTING

User testing allows me to gain a deeper understanding of my target users, including how they behave when interacting with your product or service and what they expect from the experience.

This is an interview for random testing of people in my app’s target group. I choose to choose targets in a drama bookstore (an occasion highly connected with musicals).The test lasted about 25 minutes, including background questions, test tasks, feature ranking, and the final feedback session. The tester was asked to browse the wireframe of the app on his mobile phone and complete these projects.

RESULTS

100%

of the articipants can understand the overall process and main concepts of my wireframe.

80%

of the articipants skipped the interest selecting section.

100%

of the articipants watch musicals with others.

0%

of the articipants experienced difficulty using the product.

INTERVIEW.png

​“

I’m excited to see what it comes to in the future. I’m looking forward to buying my ticket on it.

— Zack

​”

FEATURE RANKING ANALYSIS

POSITIVE

FOR YOU (recommendation)

  • Competitive features

  • A good way to learn more about musicals

  • very helpful to establish personalized recommendations

  • unclear icon

INVITE FRIEND

  • helpful function to someone who like to go to theatre with other

  • Functions that can promote friendship

  • unclear details, If I need to invite friends, how can we ensure that our seats are together?

SHOW INFO

  • Like the pictures of information about the performance and cast list

  • straight forward

  • need to clearify detailed rules for different theaters

BUY TICKETS

  • very straight forward

  • clear information layout

  • lack of some detail infomation about policies or rules of tickets

PROFILE PAGE

  • Like the pictures of information about the performance and cast list

  • straight forward

  • wanna see what I have watched there
    different language opions will be helpful

NEGATIVE

REFINE1.png

PERSONA

Persona is a fictitious character, representing your target users. It allows me to better understand the target audience and make design decisions accordingly.

USER JOURNEY

A user journey is a path a user may take to reach their goal when using my app, it allows people to visibly identify pain points and the solution to them.

The competing features of my app are the personal recommendation and the community, that is, the friend system and the recommendation. In the app, so those features are highlighted. Reliable and convenient channels are also one of the pain points of users, so I added this part before payment. Basically, my software is a ticketing software, so I added the purchase and payment phases at the end.

SYNTHESIS

BRAND STATEMENT

An invitation for you to JOIN THE ZONE of Musicals !

Welcome.png

BRANDING

values/ brand characters

iPhone XS Mockup.png

Easy

Listening to musicals should be an enjoyable experience. Feel relaxed and direct from the moment people buy tickets.

Relaxation/

straight forward

iPhone XS Mockup.png

Connection

A bond between musical fans, between the musical world and the real world.

Bonds/Relation

iPhone XS Mockup.png

Trustworthy

Reliable source of information, comfortable and reliable payment channel.

Reliable/Reputation

iPhone XS Mockup.png

Passion

Musical is full of passion. The enthusiasm will dissipate solitude and make people no longer feel alone.

Emotion/Feeling

DESIGN Identity

Passion

The value passion can make people feel strength and emotion better, , which is conducive to building a feeling of community unity. It may also remind people of the features of the stage and lighting of musicals.
That's why I chose a combination of a powerful font Oswald and a single and light font Segoe UI . The color palette I choose refers to the lighting effect on the stage.

stylescape.png
site map.jpg

FINAL DESIGN

START JOURNEY

SELECT LANGUAGE

Many theaters are located in sightseeing areas, such as Broadway, so they attract many tourists from different regions. More language options will help them better understand musicals and bring better experiences.

YOUR STYLE & YOUR SHOWS

Learn more about users' preferences and interests before using. In this way, we can provide better recommendation services, and at the same time, users can get started faster.

HOMEPAGE

FOR YOU

As the first page to start using the software, its content is more personal and more relevant to users. This page contains the user's favorite shows and casts, followed by daily recommendations and friend circles. It is convenient for users to open the software at any time and find the news and trends they are interested in at the first time.

HOMEPAGE.png

DETAIL PAGE

INFO

It provides the time and place of the show, as well as text and video introduction of the plot. At the end, there are relevant news recommendations to help users understand the musical in an all-round way.

VENUE

Provide detailed location of the theater and quick navigation.

COVID PLAN

Quickly provide COVID-19 prevention and control standards required by theaters in different regions.

invite friend.png
合成 2_1.gif
invite friend.png
invite friend.png

You can quickly invite and help friends buy tickets together. This feature encourage users to invite others to go out with them in the app, and shorten the distance between them and their friends. Some discounts are offered to attract more people to use this app.

invite friend.png

The normal way to purchase tickets.

PURCHASEE

STRAIGHT FORWARD PURCHASE

A fast and convenient way to buy tickets. The user needs to select the time, number of people and seats, and finally confirm the order details to purchase the ticket successfully.

purchase.jpg

A fast and convenient way to buy tickets. The user needs to select the time, number of people and seats, and finally confirm the order details to purchase the ticket successfully.

OTHER

DISCOVERY

Users can define the search scope and quickly view the search history. If you don't find what you want, there are some recommendations at the bottom of the page.

TICKETS

Users can quickly view and search purchased tickets, and set alarm clocks or reminders for upcoming shows.

PROFILE

Includes your friends and favorite casts and shows.

DESIGNED BY GULA TANG · © 2023 ALL RIGHTS RESERVED.

bottom of page