ShowApp

MovieHouse Cinema shows the latest films across many branches, and wants to improve the movie-viewing experience for its customers.

Their audience — film buffs and social moviegoers who love exploring new releases — needed a more dependable way to plan a trip to the cinema. ShowApp is my concept for solving that.

User research and interviews, paper and digital wireframes, low- and high-fidelity prototypes, usability studies, accessibility considerations, and design iteration.

There's no straightforward way to check showtimes

Through interviews, I found people often visit several websites just to look for a showtime, and the process is tiring. Worse, times are sometimes inconsistent because sites aren't updated — so a user can arrive at the cinema only to find they followed the wrong time. Many wanted a reliable alternative just to confirm.

What I heard from users

Meet Zara

Mapping Zara's path to the cinema

A customer journey map helped me locate the moments of friction and where a single reliable source of showtimes would matter most.

From paper sketches to digital wireframes

The high-fidelity design

A clean, scannable interface that puts accurate showtimes one tap away — trending films, a fast search, and a simple branch-and-date showtime flow.

How the design solves each pain point

Pain Point 01 Non-user-friendly website

"Existing cinema sites are difficult to navigate — users aren't sure where to find what they need."

↑ Structured homepage sections

1

Clear bottom navigation

Always visible — Home, Search, New & Upcoming, Profile — so users always know where they are.

2

Structured homepage sections

Trending, Popular, Upcoming, Nollywood — clearly segmented so users never guess where to look next.

3

Search with memory

Recent and Popular Searches surface familiar patterns immediately, reducing friction from the first tap.

Pain Point 02 Too much scrolling to find showtimes

"Users scroll endlessly just to view a showtime — the process is exhausting."

↑ Scannable time grid

1

"View Showtimes" CTA

Prominent and above the fold on the movie detail page — showtimes are one tap away, no hunting required.

2

Date selector tabs

Compact, scrollable date tabs let users jump between days instantly — no scrolling past irrelevant times.

3

Scannable time grid

Time slots shown in a compact grid per cinema — all the options visible at a glance, not buried in a long list.

Pain Point 03 Inconsistent website updates

"Website times don't match the cinema — and users are never told when something has changed."

1

Instant push notification

When a cinema updates a showtime, users receive an instant push notification with the old and new time — eliminating the risk of arriving at the wrong time due to stale information.

2

Amber alert banner

An amber alert banner at the top of the Showtimes screen confirms when a time has recently changed — users see the update the moment they open the page.

3

"NEW" badge on updated slot

The 'NEW' badge on the updated time slot makes the change impossible to miss while scanning — no guessing which time is different.

Pain Point 04 Showing up at the wrong time

"Inconsistent updates lead users to arrive at the cinema at the wrong time — a costly, frustrating mistake."

1

"Set Reminder" on the showtime screen

Placed directly on the showtimes screen — users set a reminder the moment they find a time they want, making ShowApp the trusted source they rely on.

2

Confirmation with full details

The confirmation modal shows movie, cinema, date and exact time — users know precisely what they committed to, eliminating confusion before they leave home.

3

Persistent reminder card on home screen

A persistent reminder card on the Home Screen shows the upcoming movie, time, and cinema at a glance — so users always know their show details without having to search again.