Draft Three of DigiPak


Here is our draft three of our DigiPak, we have made changes based on feedback and our personal preference:

  • Changed the size, location and orientation of ‘Sierra’ on the album cover to make it clear that it was the name of the album. This also now contrasts with our star’s name being written in handwritten typography- looks like it is personally signed by artist.
  • Inside left panel has changed a lot; we’ve incorporated the animated/creative style into the image- layering the mountain motif behind him, continuing that theme. We also applied different photo filters to him to make him glow warmly- kind star image.
  • The back panel we changed the mountain sky to orange to better fit the colour scheme of the DigiPak. We also centred and changed the font of the song titles. Placing the water colour swirl in between each title to maintain consistency- and moving the copyright and barcode to the side, as they are less important for the consumer to see.

Webpage Draft One & Final Version


This is the first draft of our website, which we will work on to improve. Click to be navigated to the site.

Draft One

We were really inspired by this main image, with the feathers covering our stars full face. Its playful like the Indie Pop genre should be. The idea/house style of the vibrant coloured feathers falling down the page developed as we edited, we added a fade in animation and filters to our feathers. The rest of the design is simplistic, with little copy (conventional) and plenty of images. I am really happy with this first draft.

The website also features:

  • External, convergent links to (social) media sites
  • Ticket purchasing for tours
  • Advertisements for merchandise, with a “hover over” effect
  • Clear subheadings, so navigation is simplistic 
  • Subscription feature
  • Music playback section

Possible improvements:

  • Have a news section and create couple of news stories about the star. – DONE
  • A gallery page. Including images of our star ‘out and about’. -DONE (Included in the News section)
  • Create 3 album covers to make him a more fleshed out artist. -DONE
  • Make the opening body of text more like a mission statement. – DONE
  • Include drop down menu.
  • Write an introduction for the ‘Follow Your Fire’ music video. – DONE
  • More advertisement/ excitement about the Digipak. – DONE (more ways to find it, more colour around it, intro sentence).

Final Version

This is the new and improved, final version of our Website. The changes I made were based on feedback and our personal understanding of website conventions. The main changes, which I am excited about are in the presentation below:

Web Page Conventions


In the process of creating our own web page for our artist we explored the plethora already available to our target audience. What conventions, features, types of images, segments and tone their sites had, and how this reflected the overall star image. If we can maintain the audiences’ AIDA (attraction, interest, desire and action) pull and push them, and apply Blumler and Katz ‘Uses and Gratifications’ (such as information and entertainment) on our website, the audience will most likely return to the website, be bigger fans of the band and produce a profit. Below is the video we filmed on Screencastify highlighting the web page conventions used by Indie Pop band ‘Death cab for a Cutie’.

Evaluation of web design application


I have learnt a lot of features that I wasn’t previously aware were conventional for websites such as thumbnails (which are pictorial links), Hero shots (main image of star) and the importance of above the fold and below.

I am now able to use the correct terminology to describe elements I had previously been aware of. For example I knew the majority of website ad a large title on the splash/homepage but am now aware of the correct term: leaderboard. I knew there are often menus, which I will now refer to as Navigation bars, and links to social media called interactive links.

The design idea for the feathers (which I really like), originally came from the photoshoot. On Wix.com you can import images, with transparent backgrounds and apply filters. I made our feathers neon and the house style of this website came together really well.

There are many features on Wix.com, we experimented using many different elements to arrange the merchandise page. First we considered what merchandise our target audience would like, then photoshopped and used online software to create imagery of the merchandise. We chose circular icons to display the images, and worked out how to create a hover-over effect. It was difficult to arrange these aesthetically, and we had to work out how to link these to amazon (etc).

DigiPak Draft Two



This is our draft two of our DigiPak, I am happy with the improvements we have made based on our teachers feedback and personal preference.

These changes are:


  • Changed the pink colour , to a mustard yellow to better fit the circular insert, and make the whole Digipak flow better (consistency in the colour scheme). We also change the other colour to blue, so the colours would be complimentary.
  • We tried capitalising Jake’s name on the cover, however we found this didn’t look very effective.


  • On Photoshop, we enhanced the colours of the filters we physically put on the lights in the studio.
  • We also added a smooth effect so the image would better fit the rest of the DigiPak.


  • The back panel we replaced our handwritten (blob tool) song titles, with the programmes fonts for more consistency.
  • We created in two spines, with our stars name and album title.
  • We now have copyright text and a barcode.

Flow Chart and Preferred Website template


After having explored other music stars websites, we knew the conventional layouts, and made this flow chart to plan the navigation of our stars website.

We decided having pages that scrolled down to more information was a simple and informative layout. The pages have general titles, but also feature other relevant information to the audience may also be interested in (for example a fan surfing for merchandise to purchase, may also be interested in following the star’s social media, so links are available below the fold).

We then signed up to Wix.com, explored the options available to us and began creating a website. This was our chosen start template for our website.