Rebecca Bartola

Student at Central Saint Martins

39

1

Waxahatchee Landing Page

Step 3: Design

WEBSITE DESIGN

TABLET DESIGN

MOBILE DESIGN ("FINAL")

Active navigation:

Dormant navigation:

MOBILE DESIGN (DRAFT 2)

Active navigation:

Dormant navigation:

MOBILE DESIGN (DRAFT ONE)

Step 2: Wireframes

MOBILE WIREFRAME

TABLET WIREFRAME

LAPTOP WIREFRAME

Step 1: Organizing Content

Hey there!

I've chosen the band Waxahatchee for my responsive landing page project. One of my co-interns turned me onto the band this summer and I fell in love with the band's first album, American Weekend. However, Waxahatchee's second album has a very different sound from her first release. I thought it would be an interesting challenge to sucessfully merge her two musical styles into one design aesthetic. Waxahatchee doesn't have any kind of web presence outside of Facebooks so it'll be cool to create something without having the influence of the current website hanging over my head.

Below is album art for Waxahatchee's first (American Weekend) and second (Cerulean Salt) albums.

I've sketched out wireframes and have started to create them in Photoshop so they'll be uploaded shortly. The list below has more content than I plan to ultimately display in my site. 

Navigation

  • Band biography
  • Music
  • Photos
  • Videos
  • Shows
  • Contact
  • Footer

Band Biography

  • Biography
  • Band members (photos)
  • Timeline
  • Band photo

Albums/Music Player

  • Reviews by critics/ratings
  • Album art
  • Music player
  • Purchase/streaming links
  • Record label information

Photo Gallery

  • Official press photos
  • Artwork
  • Instagram photos
  • Photo captions
  • Video Gallery
  • Official music videos

Upcoming Shows

  • Calendar
  • Pruchase tickets (cost)
  • Venue/location
  • Date/time

Contact

  • Booking (email form)
  • Other inquiries (email form)

Footer

  • Social media links
  • Website creation credit

Comments

Please sign in or sign up to comment.