our client

f-o-r-m festival

F-O-R-M is an international movement-on-screen festival that centers the voices of youth and emerging artists. F-O-R-M presents films that investigate the body in motion through curiosity, experimentation, and imagination.

We are honored to assist F-O-R-M in redesigning their website for FLUI 2024.
Design Challenge

Our Goals

Visually Captivating Solutions

Create designs that are visually engaging and showcase their visual offerings effectively.

Enhanced Flow and Usability

Improve the overall flow and usability of their website.

Accessible Information

Ensure easier access to key information, such as films, scheduling, box office details, and FAQs.

The Ultimate Makeover

Our vision is to create an interactive and playful userinterface that will draw users in with bold and engaging visual design while still maintaining functionality and usability.
Live Prototype
New Features
Mockup
The categories in top navigation is confusing.
Mockup
Categorize the past events, conversations, festivals. Make it more clear to people who want to know more about the festival.
Before
After
Mockup
Hard to understand event details by its name. It’s not clickable.
Mockup
Use cards to showcase each event. Each card link to its event page.
Before
After
Mockup
No filter. Take long time to find certain information.
Mockup
Added filter, view calender and enable download it in PDF.
Easier for users to find information.
Before
After
Mockup
Too much information showing on each event. Text heavy.
Mockup
Tags and icons add visual hierarchy for information. Enhance readability.
Before
After
Mockup
Long scroll with single column.
Users are forced to go over every details of films.
Mockup
Focus on each content more. Reduce wall of text to decrease user’s cognitive load.
Before
After
Mockup
While users scroll down, they have to either go back to “Schedule” or scroll up to top navigation to find other events.
Mockup
Help users approach to other events easily. Increase other events’ exposure.
Before
After
Mockup
No footer.
Mockup
Added a footer to facilitate easier navigation to other pages.
Before
After

Our Process

Discover, Design, Deliver.

01

Client Analysis

Understand the project objectives, target audience, strengths and weaknesses, and their visual style.

Competitor Analysis

Examined competitors to analyze their strengths and weaknesses. This analysis helped identify best practices to adopt and pitfalls to avoid.

User Journey

Analysis to identify specific areas for improvement in website navigation, enhancing the overall user experience.

02

Low-Fi Sketch

To outline the basic layout and structure of the redesigned website, focusing on key elements and user flow.

Color Scheme

Color scheme that aligns with the client's visual style and enhances the overall aesthetic appeal of the website.

Wireframes

Detailed wireframes to outline the structure and layout of the redesigned website, ensuring a user-friendly and intuitive navigation experience.

03

Visual Elements

Developed visual elements including icons and graphics that align with the brand's identity, enhancing the overall aesthetic appeal of the website.

Typography

Selected modern, readable fonts that reflect the brand's personality and ensure a cohesive and professional look across all pages.

Meet Our Team

Get to know the passionate individuals driving our vision. Each team member brings unique skills and insights to ensure we deliver the very best.

Amy Ma

Yi-hsiu shen

Liz Little

Get in touch today

Got a project in mind? Let's talk and bring your ideas to life. Drop me a message and let's get connected!

Check - Elements Webflow Library - BRIX Templates

Thank you

Thanks for reaching out. I will get back to you soon!
Oops! Something went wrong while submitting the form.