10-hour Speedtest: CineChamp Movie Ticket App + Chatbot



We like to keep ourselves sharp, so sometimes we challenge ourselves and see how fast we can actually come up with prototypes for commercial services. We wanted to try to create something with a lot of moving parts, as well as explore how much simpler we could make the process. The theme for this exercise was movies. Here’s what we came up with in 10 hours.


MOVIE FEED Users are able to scroll through movie posters as cards with the corresponding attributes changing below. The feed is arranged by popularity by default.

FILTERSMovies can be sorted by release date or alphabetically by tapping on the tabs above.

FIND THEATERS Tapping ‘Theaters’ allows the user to select theaters near them or by entering an address.

PURCHASED TICKETS ‘My Pass’ allows users to access tickets already purchased as well as their Account Settings.

SEARCH & LOCATION The search icon expands to allow user to enter a movie title, a date, or an address. The location icon automatically searches for the nearest theater through the ‘Select Theater’ screen

TRAILER Tapping a movie card condenses it into a video player where users can watch the movie‘s trailer.

SYNOPSISOpening the movie card also reveals more information like a blurb about the movie and who is starring in it.

DEFAULT THEATER By default, the app searches for the bookmarked theater (see ‘Select Theater’ screen) if the user has made a purchase prior. Otherwise, it displays the nearest theater and the showtimes for that date. Tapping on the address allows the user to search for a different theater.

SHOWTIMES The showtimes for the current date are displayed directly under the selected theater. Users are able to swipe through the succeeding dates.The starting time of each screening is displayed on top of a bar that shows how busy that particular show is. Tapping on a timeslot leads the user to a screen where they can select their seats.

MOVIE SCREEN The trailer condenses into either a clip from the movie that plays automatically or a still image. This signifies where the front of the theater is.

SEAT SELECTIONUsers are able to select where they’d like to be seated following the legend for availability. Selecting a certain number of seats changes the ticket quantity indicated on the purchase button.

BUY TICKETSThis button leads the user to the purchase confirmation screen.

SCREEN-TO-POSTER The clip from the ‘Seat Selection’ screen transitions back into the movie poster. 

TICKET DETAILSUsers have a chance to review their ticket information prior to confirming the purchase.

CREDIT CARD INFOUsers are able to enter their credit card info on the same screen. If this is not the user’s first purchase, then it displays the information previously entered without the necessary character substitution and empty CVC number. .

SUCCESSFUL PURCHASE Once the user confirms the purchase, it will lead to the ‘My Pass’ tab where it displays current tickets.

SHARE TICKETUsers that purchase tickets for other people can share the ticket by tapping thebutton on the current ticket card. Users can swipe through the cards to view the different tickets.


MULTIPLE WAYS TO SEARCH Users can search for a theater by entering an address in the search bar or scrolling through the map and tapping a location.

SHOWING AT THIS THEATERMovie posters for currently screening movies for each theater are displayed as cards below.Tapping a card leads to the individual movie screen where showtimes are also displayed.

FAVORITE THEATERUsers are able to ‘favorite/unfavorite’ a theater by tapping the bookmark to the right of the theater’s name. A filled icon means it is currently marked the favorite theater. 



But can it be simpler?


  • Need to be downloaded separately.
  • Users need to learn how to use it.
  • Development and beta testing is very expensive.
  • If you find it doesn’t work with your users, it’s a waste of time and money.
  • Authentication and app store accreditation is a tedious process. 


  • Can be deployed on different platforms – including apps your users may already have like Facebook Messenger.
  • Less steps for registration and users already know how it works.
  • Takes only a few days to develop and costs significiantly less.
  • It can convey your brand’s voice and personality through human-like conversation. It can seamlessly guide users through the process of purchasing tickets.
  • It can even suggest movies based on what the users tells it alongside preference that already exist though Facebook’s algorithm. Users can literally talk to it via typing or voice recognition.
  • This makes it easy for users of any age or tech savviness. It can also learn and improve the search and purchase process as it talks to more users.

You Might Like: