Blog One: Glitter in the Dark by Pitchfork

Screen Shot 2014-08-29 at 12.11.20 AM

 

By Yuting Jiang

This cover story of Pitchfork is very engaging and touching for its great unity between content and design. The design presents the story naturally and elegantly. Comparing to many other online storytelling projects which have lots of cool interactive elements to present information and visuals, this one is particularly simple but very beautiful. I love this piece for I always believe the golden rule of design- less is more. 

It’s basically a profile story of a musician, so the simple design style just matches with the content. It opens with an eye-catching whole-screen portrait of the artist with the title on the left. Noticeably, the whole design is black and white, which helps it to reach a great sense of unity and build an artistic atmosphere as well. Moreover, the web designer avoids the monotony by interchangeably using black and white as the background color and having the pictures of the musician on different sides of the screen with different sizes. This also forms contrast in design. Also, the fonts of the title and quotes are specifically well chosen and the use of  quotes as an individual page to interrupt the story flow is actually smart. It gives both readers’ eyes and minds a rest. 

What amazes me the most about this piece is its multimedia part- the moving pictures with the musician’s poses. It’s also very simple but beautiful. While scrolling down, the pose of the musician changes and all together they become like a piece of dance on the screen. Noticeably , for online storytelling, readers used to scroll down pages very quickly at first just to look through. Then if the content/design engages them, they go back and read more carefully. One thing about this one is when users looking through it very quickly, the poses of the musician flow more smoothly and makes the design even cooler to look at.

Although comparing to others, this one might not be very fancy technically , it does have sound to go with the moving poses. The music here kind of dissolves into the musician’s dance as well as the story. Again, simple and harmonious.

Navigation is easy as well. The story unfolds as scrolling down and there are “return to beginning” and “back to homepage” bottoms at the end of the story, which easily direct readers to places they might want to go. 

In a nutshell, this design is clean, coherent and beautifully blended with different media elements.

 

Advertisements

2 thoughts on “Blog One: Glitter in the Dark by Pitchfork

  1. Zhao Hong says:

    I really like how you analyzed the design, and I agree with you, “less is more.” The black and white color offers a sharp contrast and strong but elegant atmosphere. The moving poses are very creative. Readers can catch a clue of the artist’s personality through those portraits.

    Unfortunately, I don’t really appreciate its navigation design. I saw the arrow on the upper right corner and thought it should be played like a slideshow. I spent a while figuring it out that I need to scroll down. And I hope it has more multimedia elements.

    Thank you for sharing this! I really like it.

    Like

  2. arw62d says:

    This is a very interesting and unique web design. The flip-book effect with the photography is a technique not used in many other interactive sites. I agree that the black and white matches well with the artistic content of the site. The multimedia elements that are present are integrated fairly seamlessly and are more cohesive than many others that I’ve seen. That being said, I would like to see at least one video integrated into the site. I think it would add even more depth to the personality of the artist that the designer is trying to convey.

    Overall, it is very user-friendly and aesthetically pleasing. Good find!

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s