Flui Hackathon — Bea Boylu

FORM FESTIVAL

My main goals are to simplify navigation, make the checkout process smoother, and ensure everyone has a good time using the site. The aim is to create an easy, frustration-free experience for all festival-goers.

About FORM Festival

FORM is a film festival that screens and commissions films that have to do with the body motion.FORM stands as a vibrant intersection where the kinetic beauty of human movement meets the cinematic lens, inviting audiences and creators alike to explore the profound narratives woven through the dance of form and motion.

Team

4 UX Designer
1 Project Manager

My Role

UX Design
UI Design

Tools

Figma
Figma Jam

Timeline

1 week

Discovery

Ideation

Mock Up

Design

01/ Discovery

Kick-off Meeting & Brainstorm

In the kick-off meeting,my team and I engaged in a productive brainstorming session where we dissected the client's proposal and crystallized the goals and objectives for the web platform. During this initial gathering, we also delineated roles and responsibilities. This collective effort established a solid groundwork for the project, aligning our approach with the client's vision and setting forth clear targets for success.

Client's Proposal

Responsive Design: Ensuring optimal viewing across all devices.

Intuitive User Interface: For easy navigation and a positive user experience.

Film Showcase: Dynamic sections to highlight festival screenings, trailers, and synopses.

Program Schedule: An interactive calendar with filtering options for dates, genres, and more.

Donation Page: A secure and straightforward page designed to facilitate donations, complete with multiple payment options and clear calls-to-action.

02/ Ideation

Site Map

In the ideation phase, my team and i crafted a clear and detailed information architecture to ensure users can navigate the website’s content with ease.

User Stories

The client provided us with 3 user stories to develop:

As a festival-goer, I want to discover films focused on sustainability directly from the Homepage.
As a festival attendee, I want to create an account and log in to access personalized festival content.
As a festival supporter, I want the option to choose between Memberships.

For the FORM Festival, we started with low-fidelity wireframes to create a consistent design across the platform, which I then developed into more detailed medium-fidelity wireframes. This process ensured that the festival's interface was both user-friendly and aligned with the latest design trends. Each wireframe was crafted to enhance the experience for attendees, focusing on easy navigation and engaging content.

Wireframes

03/ Design

We incorporated abstract motion graphics or wave-like patterns that simulate movement. Utilize imagery that captures the essence of dance, motion, and film. Including silhouettes of dancers, abstract representations of human.

MoodBoard

A key priority for this project was to ensure our new design echoed the sensibility and ambiance of the existing webpage. By broadening our moodboard, my team and i delved into a study of other product marketing sites to grasp their content structure, workflow, and layout more deeply.