top of page

Ux designer designing an student award film festival website from conception to delivery

Project duration:

March - May 2022

Mov.h.256 is a film festival award website focused on independent student filmmakers based in London where many established artists show their works to and eclipse of new talent. Mov.h.265 offers a website/window in a showcase where students, curators and spectators can enjoy and interact and watch, vote and collaborate in the festival in a different way, openings, interviews with artists from around the globe.

I conducted UX research to add context and insights to the design processes. Creating Personas, empathy maps to understand the users needs. At the primary user group identified through research was art students, filmmakers students, artists from different disciplines interested on art/film who don’t have the right platform to enjoy the content as they would like.

 

This group confirmed about the positive path with Mov.h.265, but research also revelled that time or money wasn’t the only factor limiting users to enjoy art and film. Other user problems included the lack of international content, pour interactivity, accessibility and not festivals where you can perform and be part of the festival award.

User research:

summary

Problem Statement

 

Lee is a programer who needs more film awards content because he would like to have a space where he can participate and be part of the festival. Example, vote and rate the videos. 

Personas

User journey map

Mapping Lee’s user journey revealed how helpful it would be for users to have access to a student award film festival, to more accessibility and  independent content 

How does art help people express

themselves?

Design an affordable art community where artist can display their projects.

RESEARCH GOALS

Design a website for a student film festival where other students can expand and bring together independent  students filmmakers from all over the wold.

Role

 

Responsibilities

Conducting interviews, find users’ pain points, paper and digital wireframing, low and high- fidelity prototyping, conducting usability studies- testing, accounting for accessibility, and integrating on designs.

How many people would like to be actively active in the festival vote?

How often do you participate on film festivals?

The survey questioned users about how art students participate and interact on film festivals.

Online survey - 50 participants - Gold Smith University - London 

Preliminare survey

Would you like to be able to watch and vote the award online?

The problem

Festival is not able show in the the period of the festival days all the content they have.

 

Students don’t have affordable spaces to exhibit their work and vote for others students.

 

Students want to be part of the festival in an active role.

Ux designer designing an student award film festival website from conception to delivery

This one is the first digital wireframe after the first usability study. Some issues found it on the study, like lack of information for the home page.

As initial design phase continued, I made sure to base screen design on feedback and findings from the users research. 

The design has upgrade to to be more clear, interactive and minimalistic. 

Digital wireframes 

Pain point

Register to be part of the community to have online access to others

Pain point

Ability to see profile, words of the filmmakers and interviews 

Pain point

Unable to watch the videos online before the festival

Pain point

Unable to vote

Users want to have access to watch videos before the festival 

Users want to vote the videos and be part of the festival 

Users would like to have a community 

Usability study: findings

Using the completed set of digital wireframes, I created a low-fidelity prototype. The primary user flow I connected was the homepage with about page, and filmmakers page, so the prototype could be used in a usability study. 

View the Mov.h.265 

low-fidelity prototype 

Site Map

Mockups: Screen size variations

Ensure sufficient contrast between text and its background according to the WCAG. 

Provided access to users who are vision impaired through adding alt text to images for screen  readers.

Accessible for audio reading.

Accessibility considerations

The final high-fidelity prototype presented cleaner user flows searching, filmmakers profiles, register and upload film, vote button and community access to interact with filmmakers.

 

View the Mov.h.265

high-fidelity prototype 

Impact: 

The website makes users feel like Mov.h.265 website, really thinks about how to meet their needs.

 

 

One quote from peer feedback:

"The website made it so easy and fun to watch and collaborate with other students from around the wold! I would definitely use this website as a enjoy the content”

Paper wireframes 

Mockups
bottom of page