POLYPHONIC

A web design project for where I was in charge of layout design and creation of visual elements for an engaging information site. 

THE PROBLEM

Creating a visually engaging site for an information-heavy site. 

In a time where MTV brought its audience to be more fixated on reality shows than music videos, the generation that grew up as spectators to the rise of dial-up Internet, WiFi, and mobile phones became incredibly prepared when the shift in music-listening arrived. 

Seeing this landscape change early on helped the team behind Polyphonic to redefine their brand’s purpose; they enlisted my service to create a website that could show the various advocacies that they champion while staying immensely different from the minimalist, pastel-colored sea of brand identities most millennial-focused companies employ. 

TIMELINE

3 days

ROLE

Web designer

KEY GOAL

Creating a engaging design for an information heavy site

*Concept work

MY ROLE

Web designer and illustrator for to create the assets of the site.

As a web designer, I also created the identity of the site . I created the illustrations needed for the site and expanded how the elements can be applied to other materials.

UNDERSTANDING
THE USER

Age range of 18 - 35. Gen Z and millenials. 

  • A quick scroll is a habit of this market, I had to find a way scrolling can be engaging. 

  • Short attention span on long details. I needed to find a way to add dynamic illustrations to make it feel responsive.

BREAKING DOWN THE PROCESS

The process for the whole project was the following: Ideation and design

I gathered images and web designs that were set as the mood board for the project. Being information-heavy, I had to make sure there are elements that are engaging.

After creating the mood board, sketches were made to ideate the layout of the web. From there, I created high fidelity design of the website.

Polyphonic

LESSONS LEARNED

Start designing on mobile first.

I started the design on the desktop first with all the design elements. After going to mobile, I encountered the challenge of how to make it responsive or fit the design elements that were created.

I should have started making the design in mobile-first to make sure it was smooth to trani 

Like what you see?

Let's chat.