Works

HKIFF

Redesign HKIFF website

(Passion Project)

01,Project Overview

Background

HKIFFS is a nonprofit organization that supports the development of the non-mainstream film industry in Hong Kong. HKIFF organise annual Film Festival and presents year-round screenings.Due to Covid-19 all film screening are cancelled and transform to digital screening. HKIFF Online micro-site is created to performs as the virtual festival platform .

ProBlem statement

HKIFF needs to provide better digital screening experience because

1, Virtual festival is here to stay.

“57% Film festivals went either fully online or took place in a hybrid form in 2020”

2. Virtual festival is not yet perfect.

“64% of participants identified audience engagement as a key challenge i in maintaining a virtual festiva modell.”

Skip ahead to final design >
Project Goal:

This project aims to redesign the HKIFF website and seamlessly integrate the microsite-HKIFF online to create a virtual experience as good as physical edition.

My role:

UX Research, UI Designer, Branding

02,Design Process

EMPATHIZE

DEFINE

IDEATE

Testing

PROTOTYPE

Empathize

03,Research Goal

Research Goal:
  • Understand the market trends of the film festival organization
  • Identify HKIFF’s target market
  • Identify HKIFF’s competitors and evaluate their strengths and weaknesses
  • Learn about the current trends of virtual streaming and how it’s being used in the industry
  • Understand the experiences people have with film festival
  • Discover goals, needs, motivations, and frustrations of HKIFF’s user

04,Market Research

Based on existing statistics, I understand that the cinema industry is undergoing digitalization rapidly. My second market research focuses on exploring the market trends, demographics, and virtual transition of the film festival, and cinema industry.

Here are some of the key insights that I discovered:

market trends

66%

box office takings lower than the pre-COVID year in Hong Kong

source: Hong Kong Box Office Ltd, 2021

34%

revenue soar in the subscription online video streaming sector in the Asia Pacific region

source: Media Partners Asia Ltd, 2020

87%

festival organiser think that festival will remain hybrid.

source: Associazione Festival Italiani di Cinema, 2020

The cinema industry is shifting to digitalization.

Demographics

85%

film festival audiences having a bachelor’s degree or higher

source: FilmEx, 2021

48%

film festival participants were between the ages of 18–34

source: Sundance Institute, 2021

Film festival audiences identified as higher education.

Virtual transition

71%

organizer agree hybrid festival Increasing accessibility for audiences who may not have been able to attend physically

source: Whistler Film Festival, 2021

67%

of filmmakers prefer live Q&A to pre-recorded in virtual festivals

source: FilmEx, 2021

76%

of the audience want opportunities to interact with filmmakers and other audience in virtual festival

source: FilmEx, 2021

Virtual film festival helps increase in accessibility and each larger audiences however audience feel lack of interaction.

05,Competitive Analysis

A lot of film festival have transition to virtual and hybrid formats,  I wanted to take a closer look how they emerge the new model and whats their common practice. I identified some top film festival organizations similar to HKIFFS in other countries: TIFF, IFFR, Göteborg, and BFI.

I evaluated the strengths and weaknesses of each to see how HKIFFS could fill in any gaps moving forward.

Toronto International Film Festival
strengths
  • Clean, intuitive user interface
  • Screening Film list on Homepage
  • Detailed search filters
  • Virtual platform gateway on Navbar
weakness
  • No direct payment gateways
  • Lack of filmmakers' information
  • No seamless integration between the Virtual platform and the original website
  • No online live chat area in the Virtual Platform
International Film Festival Rotterdam
STRENGTHS
  • Detailed film information
  • Clean and effective search filters
  • Direct payment gateways
weakness
  • Hard to locate the virtual platform gateway which is in the expanded menu
  • Different search filters in the Virtual Platform
  • No seamless integration between the Virtual platform and the original website
  • No online live chat area in the Virtual Platform
Göteborg Film Festival
strengths
  • Upfront clear guide and Q&A about ticketing & virtual platform
  • Direct payment gateways
weakness
  • Virtual platform served as a separate digital product, not as an extension of the festival
  • Hard to locate the virtual platform gateway
  • Subscription can’t be done on the phone 
  • No online live chat area in the Virtual Platform
British Film Institute
strengths
  • Clear explanation on membership program
  • Strong CTA on the Virtual platform and member registration
  • Direct payment gateways
weakness
  • No search filter
  • All programs and Virtual platforms have a separate microsite
  • No seamless integration between the Virtual platform and the original website
  • No online live chat area in the Virtual Platform

06, User Interview

To learn about user experiences with HKIFF and HKIFF online, I conducted user interviews. I interviewed 5 people between the ages of 24-40, 10-15 minutes each, asking open-ended questions to learn about their experiences.

“I am missing the in-person reaction to films presented.”

“It was great to see oversea director in-person on Zoom interview”

07, Affinity Map

Through the user interviews, I found that while many people had their own, unique experiences with film festival. Using an affinity map, I was able to synthesize all of the findings and uncover these key insights.

Key Insights

People build relationship with other people through participating in film festival

People tend to believe in opinions and get inspired by influencers

People like to stay connected with the community

People want the virtual platform shaped in the same way as a physical edition

Key NEEDs

01

To be able to network and interact with other people

02

To be able to get the best recommendations

03

To be able to get the sense belonging and satisfaction from engaging in the community  

04

To be able to stimulate the collective viewing experience

Define

08, Personas

I summarise all my research to create two personas and  it helps me to further understand the user's goal and pain.

GOAL
  • Find art house films that are not screening in mainstream cinema
  • Engage in the art and cultural scene the participant in the festival
  • Build a community with connections, people who share the same interests
  • Expose to new Hong Kong talents
Pain
  • Not able to interactions with filmmakers and audience on the virtual platform
  • Difficult to keep connected with the community news

“It's a big problem when I am in my own digital space there’s a gap of opportunities to interact with filmmakers and other audience, I feel like missed out from the community.”

GOAL
  • Opportunities to interact with filmmakers
  • Building connection to the audience
  • Experience the film with the live audience
  • Promote the film and advance the reputation
Pain
  • Lack of open platform for networking with the industrial profession
  • Not able to interact with online audience
  • Difficult to promote and gain support

“Festivals are what the filmmakers make of them, but the important thing is to have people attend and engage in the experience. ”

GOAL
PAIN

“It's a big problem when I am in my own digital space there’s a gap of opportunities to interact with filmmakers and other audience, I feel like missed out from the community.”

“Festivals are what the filmmakers make of them, but the important thing is to have people attend and engage in the experience. ”

09, Defining the Problems

Taking the insights and needs, I started to dig deeper to better understand what HKIFF's problems are by creating point-of-view (POV) statements and How Might We (HMW) questions that would help drive my brainstorming process.

Pov

01

John needs to be able to network and interact with other people because he build relationship with other people through participants in film event.

02

John needs to be able to get the best recommendations because he believe in opinions and get inspired by influencers.

03

John needs to be able to get the sense belonging and satisfaction from engaging in the community because he like to stay connected with the community.

04

John needs to be able to stimulate the collective viewing experience because he wants the virtual platform shaped in the same way as a physical edition.

How Might We

How might we help user to build relationship through interacting with others in the community?

How might we help user to get the best recommendations from influencers that he trust and inspire him?

How might we help user to keep connected with the community?

How might we help user experiences the same collective viewing as the physical edition while he is using the virtual platform?

10, UX Strategy

Taking the HMW questions, I had generated a lot of different ideas for these problems. I started to defining the UX strategy to get a clear view of what we’re trying to achieve and where the business and user goals align.

Ideate

11, Site Map

Now that I knew which solutions I would be moving forward with, I wanted to understand how these new features would fit into the existing architecture of HKIFF’s website.

12, Lofi Wireframe Sketches

Using everything I learned throughout this phase, I then worked on creating lofi wireframe sketches to make informed decisions on how to design these new screens to help our users complete these tasks and meet their goals.

Testing

13, Usability Testing

Using the low-fi, limited functionality prototype I created, I started to test my design on users to measure its usability and identify any areas of improvement.

Overview
Method: Remote, moderated usability testing (Think Aloud)
Participants: 4
Age: 27-38 years
Average Time: 5-10minutes
Task Completion Rate: 100%
Error-Free Rate: 88.9%

Pain Points

2/4  users had difficulty finding the HKIFF online from Film Main-page

Insight

People want to have more obvious signifier to access to HKIFF online

Recommendations
  • Change the label text colour of  “HKIFF online”  on Navbar
  • Rearrange the flow of the Promotion banner on top of HKIFF online section
  • Add more signifiers
Pain Points

4/4  users confused about the affordance of hybrid program

Insight

People need more hints or explanation on hybrid program

Recommendations
  • Increase the urge to react or engage
  • Add more signifiers
Pain Points

4/4  users some confusion when booking ticket/ watch film on HKIFF Online
1/4   user had difficulty to locate the “Watch Online” button

Insight
  • People expected related items group together
  • People need concise actionable label and explanation for new feature
Recommendations
  • Change buttons name to “ Buy Ticket ”,“ Reserve Live Stream ”
  • Group “ Buy Ticket ”,“ Reserve Live Stream ” button in the same section
  • Add more signifiers

Prototype

13, Priority Revisions

Film Mainpage

“I can’t follow all the community news and often missed screening or event that I want to join.”

HKIFF Online Page

“It’s important to have people attend and engage in the experience. ”

Community page

“Going to HKIFF screening is like I am a part of somthing special.”

Film Subpage

“ I values creative talents opinions and I trust their taste on movie choice.”

Film Player/ Chat Box

“I am missing the in-person reaction to films presented.”

13, Homepage

14, Film Mainpage

15, HKIFF Online

16, Film Subpage

17, Community Page

17, Search Page

18, Ticketing page

19, Ticket Outlet page

20, Events page