top of page

A-M-V.Org

What is AnimeMusicVideos.Org?

A-M-V.org is a nonprofit website whose mission is to catalog and archive anime music videos (AMVs) and educate people about the AMV community. The goal is to make it easier for users to search for AMVs, upload or archive their videos, and navigate the site to learn more about the history of the AMV community.

Current Website

My Role

Tools

Duration

UX/UI Designer

UX Researcher

Adobe CC

Figma

Google Forms

Discord

Zoom

Jan 2023 - Present

(ongoing)

Explore
Research
Design
Deliver
Test

Design Process

Problem

It is frustrating to have to go through such a long and arduous process to upload a video, search for other videos, and contact an admin for help when they need to adjust or modify their content. 

Audience

People who edit AMVs and people who like to watch it as a pastime.

Solution

Design an end-to-end web app targeted towards editors who want to upload their work to the website and viewers who want to learn about the AMV community and history.

Explore the Problem

Usability Heuristic Analysis
Visibility

Current button selections do not have good visibility. Users can't see if their selection will be confirmed. 

Aesthetics

Recommendation: Highlight hover interactions by changing the colors to indicate which page the user intends to navigate to.

Recommendation: Redesign the interface to be browser-responsive using minimalist designs. Rewrite each page to provide the necessary information needed to be quickly accessed by users.

The site is not browser-responsive, making it incompatible across multiple devices, and has too much info on a page, making it complicated to comprehend.

Users have limited options once their video is uploaded. However, freely deleting videos contradicts the site's mission to catalog, archive, and educate people about AMVs.

User Control

Clunky, and overwhelming, and many of the functions are not used. The titles can confuse new visitors as well.

Navigation

Recommendation: Give users the freedom to private videos while leaving the deletion requests available to the admin. Users can also customize light and dark modes and other quick video settings.

Recommendation: Simplify the navigation to systems used most by users and needed most for site maintenance.

Research

Competitive Analaysis

A compeititve analysis shows that the site is missing many core features that modern video-streaming websites boasts, making more users prefering to use these sites over the AMV site.

Key Takeaways
  • The current method of uploading videos to the site is too complicated (uses FTP upload, rather than browser upload). We need to make this method easier for users.

  • Allowing more user freedom while maintaining the core features of the site is important

  • The site aesthetics need an update so users find it easier to understand and navigate without a user manual or help from admins.

  • The search function needs to be less complicated for users to use.

Design

Personas/Targeted Audience
User Flow

Ideation

To address the most problematic pain points mentioned in the heuristic review, these were the solutions I prioritized in designing.

#1: Visibility of System Status

As of the current site, it is difficult for users to see where they are or how their selections on the site are confirmed. Using Figma, I redesigned the navigation menu and added iteractions that would allow users to easily see where they are and confirm their navigation selections. 

Proposal
Current Navigation
Figma Design
#8: Aesthetics & Minimalist Design

The current site does not offer user customization, and many users prefer to use the site at night, as editing is their pastime hobby outside of their day jobs. To address this issue, I developed two color palettes to allow users to customize their view of the site from light to dark mode, especially for those who want to reduce blue light glare. As of now, these color palettes have not been applied to the current prototype.

Light Mode
Dark Mode
Other Features Include:
2-Step Browser Upload
New Guides Interface
New Homepage
Simpler User Profile
Notification Update
Guides Sort Function
Simplified Search Function

Deliver Prototype

bottom of page