Colbie Caillat Website Redesign

Designed and built Colbie Caillat's website to be simple, contemporary, and clean.

Colbie Caillat is one of my favorite singers, and I took the opportunity to redesign her website. Before the redesign, I studied her website to understand the site structure.

CURRENT WEBSITE
colbie-caillat_originalsite1
CONCEPT DESIGN

In my concept redesign, I focused on promoting Caillat's live concert or her latest album at the time which was The Malibu Session.

Concept 1
colbiecaillat-mockup-02

This design is focused on promoting Caillat's live consert while promoting her album.

Concept 2
colbiecaillat-mockup-03

This design aims to provide Caillat's 3 sample songs which users can immediate listen to.

Concept 3
colbiecaillat-mockup-04

This design focuses on promoting her album while allowing using to listen to her 3 sample songs

Concept 4
colbiecaillat-mockup-01

This designed is simplified version of Concept 3 by showing only 1 sample song.

DELIVERY

I chose Concept 4 as my final design and built the live prototype using:

  • HTML
  • CSS
  • Javascript
  • Jquery