JANE ZHANG


ABOUT ME

I’m a recent graduate with a BFA in Communication Design and a minor in Human-Computer Interaction from Washington University in St. Louis. In my work, I strive to explore a diverse range of narratives, perspectives, and approaches through a variety of media, and I’m particularly passionate about the intersection between physical and digital media.

Recently, I’ve been interested in the nuances of multilingual typography and how the characteristics of different languages’ letterforms can be leveraged to enhance a concept across multiple linguistic demographics. Outside of my work, I love stories in any form, whether that means books, movies, or music. Lately, I’ve been watching Jojo’s Bizarre Adventure and listening to Rat Boy.

Feel free to reach out with any inquiries about my work, and check out more below!

HOME / CLIENT WORK / ARCHIVE

 

YOASOBI ARCHIVE


The objective of this project was to create a web archive on a topic of our choice. I chose to make an archive of pop-duo YOASOBI’s creative work to showcase the depth and breadth of their songwriting and creative material.
View the prototype in a new window
Feel free to browse the prototype below!




BRIEF


The purpose of the website would be to organize an archive of lyrics for the Japanese duo YOASOBI’s albums and music. YOASOBI’s current site is primarily in Japanese, which could make it difficult for English speakers to follow along with their music. Thus, I wanted to include English, Japanese, and Japanese romanizations where applicable in their lyrics. I also wanted to use this archive as an opportunity to showcase their album art and their animated music videos, as they are expressions of the duo’s creative vision that often get overshadowed by the music itself.

The site is designed for YOASOBI fans of varying degrees, and should have enough information for newer listeners while still containing features for older fans. More specifically, it should cater to a target audience of English-speaking listeners and help them keep track of YOASOBI’s content.


WIREFRAMING


I developed some content hierarchies and layout sketches, and ultimately chose to wireframe the option that organized the discography by date and showcased around six images at once to avoid visually overwhelming users.




VISUAL STUDIES


Once I finalized the wireframe layouts via user testing, I explored different type treatments, color palettes, image treatments, and hover treatments. For improved web accessibility, I decided to move forward with the more minimal, high-contrast design elements.




DEVELOPMENT


After finalizing the design and more user testing, I built out the full prototype. The biggest challenges were learning how to use components, implementing horizontal scrolling, and incorporating the animated videos with audio. I also spent a lot of time on finding and floating in lyrics in different languages, as I had to add them line by line. Because this process was so taxing, I only applied the trilingual approach to their most popular songs, though I hope to add in more languages later on.