Redesign of Movies and Events pages

Problem Statement

Bookmyshow is the largest ticketing platform in India. In 2017 alone Bookmyshow had listed 1500 movies and thousands of events and shows. Templates for these events and movie pages were manually built by the front-end team and there was no uniformity between them.

As Bookmyshow experienced rapid growth, the lack of uniformity highlighted the necessity for standardized templates to match the platform's expansion, prompting the integration of a CMS for enhanced efficiency.

‍

My Goal

Lead the product design and come up with a consistent synopsis page for both events/movies.

‍

Planning

Understand the problem

Define user persona

Gather resources (Existing set of templates)

Plan the delivery timeline

‍

Process

‍

Bring in all the templates

There were close to 20 various templates that I had to refer to and breakdown these templates into set of elements and organise them based on importance

‍

Interview users to understand their needs / Study heat-maps

We had to look into the user flows and figure out what the actual issue with these templates were and also understand user intention when the user was browsing through the pages.

We internally invited set of users and asked them to try booking tickets to few events and movies and also speak out loud while doing them. We recorded these sessions for our review and documentation.

‍

Prioritise and placements of elements based on user needs

Based on the importance of the elements(primary CTA for booking the tickets, List of Artists or Actors, Movie trailers, Movie rating) we brainstormed along with the stakeholders, created few paper sketches and wireframes.

‍

Review & discussion with the team

Once we had selected 3 primary sketches we ran them through our internal team and tried running user tests. Based on the feedback we closed on 1 final sketch and then started designing the end to end high fidelity designs.

‍

‍

‍

‍