top of page
CHALLENGE

Design a simple UI to let people choose what kind of pet they have, then display screenings near them.

MY ROLES

User Flow

UI Design

Mobile Design

Visual Design

Wireframes

Trailer
Ticket
My Movies

1 . Create Profile

for your Pets.

This will be the first screen when users enter the Box Office for special screening of "The Secret Life of Pets." Users can pick any photo of the characters they like, and continue with the next step!

2 . Take photo

for your pets.

After users select a character, they can take a photo for their pet or upload from their album. If they do not want to create a profile picture, users can click "skip" and continue to the next step.

3 . Enter the name of

your pet.

This screen shows the photo users take or upload. They can type in the name of the pet and complete the profile. If they wish to re-take or upload another one, click back button on the top left.

4 . RSVP!

After photo and name of the pet are updated, click "RSVP" button to go to the next stage - choose a special screening. If the users have more than one pet, they can register for another one by following the same steps.

REGISTER FOR YOUR PETS

Once the users enter "screenings" stage, date filter will automatically show today's date unless they change it.

​

Below shows the special screenings based one user's current location. From closest to furthest.

1 . Choose a date.

Scroll to see more

2 . Enter location.

To search for specific locations, type the city in the box next to date filter. It will only show the screening(s) from the city.

3 . View map.

Click the map icon to view with map. Click list icon to switch back to list mode.

4 . Show theater(s) in map mode.

Click the location mark to reveal the screening details.

5 . Choose a time.

Choose a time under the theater location, and it will direct them to the box office to purchase their tickets.

REGISTER FOR YOUR PETS

FINAL DESIGN

The Secret Life of Pets is a very cute and funny movie for kids and families. I chose yellow background and black text to attract the users' attention and also to give a sense of joy and energy.

The banner's background is an illustration of the New York City that implies the story in a New York building.

THE ARTBOARDS

I'm always looking to work on interesting and innovative projects. Let's get in touch!

LinkedIN icon.png
Dribbble icon.png
Behance icon.png
Instagram icon.png

©2018-2021 Designed by Felicia Chan

bottom of page