Framing + Scale Quest

Florence + the Machine – Rock. https://florenceandthemachine.net/home/

This site uses square tarot card “chapters” as links to some of Florence + the Machine’s music and YouTube videos. Each image is framed and laid out in a grid pattern. The website utilizes large areas of negative space to frame the links further. These cards are also the largest items on the landing page. All the other links such as social media and shopping links are much smaller in comparison and use this disparity in scale to appear unobtrusive.

Taylor Swift – Pop https://www.taylorswift.com/

This site uses a small bar at the top to frame relevant links, such as the store, tour date calendar, etc.. scrolling down, large rectangles that take up the entire width of the page direct you to each album. Small squares underneath offer alternate selections. These are framed as sub-sections. This site relies on scale to differentiate the main, most popular album selection from its less popular counterparts.  

Garth Brooks – country https://www.garthbrooks.com/

This site uses a black sidebar along the entire length of the page to separate the navigation menu from the rest of the site. Each section (music, merch, foundation, etc..) is framed by glowing blue squares with rounded edges. The use of scale here makes less sense than the other two sites. The largest square which I would assume would indicate the most important section, is dedicated to headlines. This section does not currently feature Garth Brooks at all. A strange choice for a musician. Currently, the headline is for a man named Storme Warren. Underneath a very large rectangle with his picture and a blurb about him, are several small squares featuring photos of Storme with various other people.

Out of all the sites, the one I found most visually compelling was Florence + the Machine. The framing and use of scale both made practical sense and were also very beautiful. The negative space gave room for my eyes to rest and focus on the most important aspect of the site, the music.

Taylor Swift’s site was also very well done. The framing and scale both worked together to tunnel your focus into purchasing her albums and merchandise. On her merch page, the shirt designs are even hung up on hangers across the screen like a clothesline for you to choose from. A very clever use of framing.

Garth Brook’s site was not very well organized, and I felt that the use of framing and scale was ineffective. The bar on the side was too large for the very small logo and hamburger bar that floated lost inside it. The bigger squares that drew my immediate focus did not even have anything to do with Garth Brooks. I think moving that news feature to the bottom and making it much smaller would have been a better choice.

Scroll to Top