Papalotl Muyus
Responsive Website
Papalotl Muyus Responsive Website
Papalotl Muyus is a responsive website for a dance film focused on bringing awareness about immigration justice.
Overview
Overview
Overview
Overview
Semillas Collective reached out to me to design a website for their new dance film, Papalotl Muyus. They want users to feel inspired and have a place to watch the film and learn more about the film process. Film hasn’t been finalized and the content is being created. The website also needs to be in both English and Spanish languages.
Semillas Collective reached out to me to design a website for their new dance film, Papalotl Muyus. They want users to feel inspired and have a place to watch the film and learn more about the film process. Film hasn’t been finalized and the content is being created. The website also needs to be in both English and Spanish languages.
Semillas Collective reached out to me to design a website for their new dance film, Papalotl Muyus. They want users to feel inspired and have a place to watch the film and learn more about the film process. Film hasn’t been finalized and the content is being created. The website also needs to be in both English and Spanish languages.
Semillas Collective reached out to me to design a website for their new dance film, Papalotl Muyus. They want users to feel inspired and have a place to watch the film and learn more about the film process. Film hasn’t been finalized and the content is being created. The website also needs to be in both English and Spanish languages.
Skills / Area Of Focus
UX Design
Roles & Responsibilities
User Experience designer
Users & Audience
Artists & Community
Organizers
company
Semillas Collective
Timeline
6 weeks
Impact
Impact
Impact
Impact
The website helped the film land a place in film festivals like the MayDay Resistance Film Festival, Seattle Children’s film festival and a nomination to the Cine Junior in Paris France.
So far we have had 1k+ visits from the United States, UK, Ireland, Japan, Sweden, Mexico, China, India and Sri Lanka.
329 users clicked on the Act page
Act is the 3rd most-viewed page
Problem
Problem
Problem
Problem
Viewers of the Papalotl Muyus film currently lack easy access to information about the film's message, creators, and relevant resources for immigration justice action. This makes it difficult for them to effectively share the film's impact with their communities and feel empowered to take concrete steps in support of immigration justice.
Business Problem
Business Problem
Business Problem
Business Problem
Papalotl Muyus creators need to effectively showcase their film and reach a wider audience to achieve their goals of securing grant funding, film festival recognition and amplify the film's impact on the immigration justice movement.
Iterations
Home
1
2
3
Based on user feedback, we incorporated the following enhancements:
Featured Film Showcase: Added a prominent section to highlight the featured film.
Film Introduction and Story: Included detailed information about the film's plot, director, and cast.
1
2
3
Based on user feedback, we incorporated the following enhancements:
Featured Film Showcase: Added a prominent section to highlight the featured film.
Film Introduction and Story: Included detailed information about the film's plot, director, and cast.
1
2
3
Based on user feedback, we incorporated the following enhancements:
Featured Film Showcase: Added a prominent section to highlight the featured film.
Film Introduction and Story: Included detailed information about the film's plot, director, and cast.
1
2
3
Based on user feedback, we introduced a valuable mental health resource list to support users in their wellness journey.
1
2
3
Based on user feedback, we introduced a valuable mental health resource list to support users in their wellness journey.
1
2
3
Based on user feedback, we introduced a valuable mental health resource list to support users in their wellness journey.
Heal
Act
1
2
3
Based on user feedback, we implemented the following features:
Social Share Buttons and Images: Added prominent buttons and visually appealing images to encourage users to share the content on social media.
Film Screening and Pressure Government: Introduced options for users to organize film screenings and advocate for government action.
1
2
3
Based on user feedback, we implemented the following features:
Social Share Buttons and Images: Added prominent buttons and visually appealing images to encourage users to share the content on social media.
Film Screening and Pressure Government: Introduced options for users to organize film screenings and advocate for government action.
1
2
3
Based on user feedback, we implemented the following features:
Social Share Buttons and Images: Added prominent buttons and visually appealing images to encourage users to share the content on social media.
Film Screening and Pressure Government: Introduced options for users to organize film screenings and advocate for government action.
Iteration 1
Iteration 2
Iteration 3
Following usability testing, we made the following improvements:
Horizontal Menu: Replaced the vertical menu with a more user-friendly horizontal navigation.
Navigation Condensation: Streamlined the navigation to focus on the film's central theme: "Healing, Lean, and Act."
These iterations reflect our commitment to continuous improvement and creating a seamless user experience.
Based on user feedback, we incorporated the following enhancements:
Featured Film Showcase: Added a prominent section to highlight the featured film.
Film Introduction and Story: Included detailed information about the film's plot, director, and cast.
In response to stakeholder feedback, we implemented:
Crew Member Listing: Added a section to showcase the film's crew members.
Iteration 1
Iteration 2
Iteration 3
Following usability testing, we made the following improvements:
Horizontal Menu: Replaced the vertical menu with a more user-friendly horizontal navigation.
Navigation Condensation: Streamlined the navigation to focus on the film's central theme: "Healing, Lean, and Act."
These iterations reflect our commitment to continuous improvement and creating a seamless user experience.
Based on user feedback, we incorporated the following enhancements:
Featured Film Showcase: Added a prominent section to highlight the featured film.
Film Introduction and Story: Included detailed information about the film's plot, director, and cast.
In response to stakeholder feedback, we implemented:
Crew Member Listing: Added a section to showcase the film's crew members.
Iteration 1
Iteration 2
Iteration 3
Based on user feedback, we introduced a valuable mental health resource list to support users in their wellness journey.
Following usability testing, we recognized the need for more clarity around the concept of "healing."
To address this, we incorporated the following enhancements:
"What is Healing?": Added a dedicated section to define healing and its relevance to the film's content.
Expanded Mental Health Resources: Provided a more comprehensive flier with additional mental health resources that users can share with others.
These iterations demonstrate our commitment to providing relevant and informative content that empowers users to take proactive steps toward their mental health
Iteration 1
Iteration 2
Iteration 3
Based on user feedback, we introduced a valuable mental health resource list to support users in their wellness journey.
Following usability testing, we recognized the need for more clarity around the concept of "healing."
To address this, we incorporated the following enhancements:
"What is Healing?": Added a dedicated section to define healing and its relevance to the film's content.
Expanded Mental Health Resources: Provided a more comprehensive flier with additional mental health resources that users can share with others.
These iterations demonstrate our commitment to providing relevant and informative content that empowers users to take proactive steps toward their mental health
Iteration 1
Iteration 2
Iteration 3
Based on user feedback, we implemented the following features:
Social Share Buttons and Images: Added prominent buttons and visually appealing images to encourage users to share the content on social media.
Film Screening and Pressure Government: Introduced options for users to organize film screenings and advocate for government action.
Following usability testing, we made the following improvements:
Social Share Button Prominence: Increased the visibility and accessibility of the social share buttons to make them more noticeable.
Image Collage: Replaced the user-generated flier feature with an image collage to address time and technology constraints while still providing a visually engaging option.
To inspire users to take action, we added a list of demands that they can share on social media, facilitate film screenings, and advocate for government action.
These iterations demonstrate our commitment to creating a user-friendly platform that empowers users to engage with the content and take meaningful action.
Iteration 1
Iteration 2
Iteration 3
Based on user feedback, we implemented the following features:
Social Share Buttons and Images: Added prominent buttons and visually appealing images to encourage users to share the content on social media.
Film Screening and Pressure Government: Introduced options for users to organize film screenings and advocate for government action.
Following usability testing, we made the following improvements:
Social Share Button Prominence: Increased the visibility and accessibility of the social share buttons to make them more noticeable.
Image Collage: Replaced the user-generated flier feature with an image collage to address time and technology constraints while still providing a visually engaging option.
To inspire users to take action, we added a list of demands that they can share on social media, facilitate film screenings, and advocate for government action.
These iterations demonstrate our commitment to creating a user-friendly platform that empowers users to engage with the content and take meaningful action.
Homepage
About
Heal
Learn
Act
Film showcase
Introduction to film
Film branding
Context on film
Film process
Film credits
Explaining what "healing" means
How healing was embedded in the process
Mental health resources
Press Releases
Articles
Social media image
Fliers to download
List of demands
Social share buttons more prominent
New Footer
Homepage
About
Heal
Learn
Act
Film showcase
Introduction to film
Film branding
Context on film
Film process
Film credits
Explaining what "healing" means
How healing was embedded in the process
Mental health resources
Press Releases
Articles
Social media image
Fliers to download
List of demands
Social share buttons more prominent
New Footer
Iterations
Home
1
2
3
Based on user feedback, we incorporated the following enhancements:
Featured Film Showcase: Added a prominent section to highlight the featured film.
Film Introduction and Story: Included detailed information about the film's plot, director, and cast.
1
2
3
Based on user feedback, we incorporated the following enhancements:
Featured Film Showcase: Added a prominent section to highlight the featured film.
Film Introduction and Story: Included detailed information about the film's plot, director, and cast.
1
2
3
Based on user feedback, we introduced a valuable mental health resource list to support users in their wellness journey.
1
2
3
Based on user feedback, we introduced a valuable mental health resource list to support users in their wellness journey.
Heal
Act
1
2
3
Based on user feedback, we implemented the following features:
Social Share Buttons and Images: Added prominent buttons and visually appealing images to encourage users to share the content on social media.
Film Screening and Pressure Government: Introduced options for users to organize film screenings and advocate for government action.
1
2
3
Based on user feedback, we implemented the following features:
Social Share Buttons and Images: Added prominent buttons and visually appealing images to encourage users to share the content on social media.
Film Screening and Pressure Government: Introduced options for users to organize film screenings and advocate for government action.
Outcomes & Learnings
Outcomes & Learnings
Outcomes & Learnings
I learned to use no-code tools like Webflow.
Design for other languages like Spanish
Work with stakeholders remotely