HND Visual Communication: User Experience Design

by Steven Smith

"I'm Going To See This"

User Experience, Design Thinking, e-commerce, Service Design

Design Challenge

There’s a lot of cinemas around Edinburgh and it would be very useful to have a website/app that compares prices and shows what films are currently playing.

Mandatories

  • A workspace
  • Participation in the lightning demo
  • A paper or digital prototype
  • Presentation

Brief Teardown

User Personas

  • Vue Cinema - Omni Centre

  • Vue Cinema - Ocean Terminal

  • Cineworld

  • Everyman

  • Cameo Picturehouse

  • ODEON - Lothian Road

Edinburgh Cinemas

  • ODEON - Wester Hailes

  • ODEON - Fort Kinnaird

  • Dominion Cinema

  • The Scotsman Picturehouse

  • Edinburgh University Film Society

  • Edinburgh Filmhouse

Cinemas Images

Websites

Vue

Everyman

Odeon

Mobile Apps

Vue

Everyman

Odeon

Mood Board

App Teardown

Home Page

The Home page for the Vue app has everything you need to navigate to where you want to go. Whether that’s searching for the particular film you want to see or see what’s on.

1/3

App Teardown

Menu Overlay

Selecting a film will trigger a pop-up that shows the times and prices of the tickets. You can also change to a different Vue cinema from here.

2/3

3/3

App Teardown

Searching

At the bottom you have 4 sections and a CTA. You can do things quickly by selecting the “Quick Book” button on the bottom right corner if you know what you want to see.

CinemaOne

Imagine an app where you can buy movie tickets from any cinema all in one place. No need to jump between different apps or websites. CinemaOne could make it easy to see showtimes, check seat availability, and buy tickets with just a few taps on your phone.

  • User Convenience: Simplify the ticket booking process by integrating multiple cinemas into one platform, providing users with a seamless and efficient experience.
  • User-Friendly Interface: Design an intuitive, easy-to-navigate interface that ensures all users can book tickets effortlessly.
  • Marketing Strategy: Develop a strong marketing plan to create awareness and attract users who go to the cinema.

Goals

Brand Identity

Flow Chart

Sketches

Wireframes

Typeface & Colour

Logo Concepts

1.

2.

3.

Accent

357DED

Background

001B26

Text

FFFFFF

Tools Used

FigJam Workspace

THANK YOU

by Steven Smith

Figma Prototype