Evaluation of Web Design Application

As well as learning more about different software such as Premiere Pro and Illustrator, I also delved into the world of website creation. This was completely new to me so I needed as much help as I could get. The conventions elements of a webpage were also very new to me such as above the fold and hero shot.

Throughout the creation of the website, we experimented with different techniques such as the moving graphics in the titles of our news stories. Having information below the fold also allowed the website to be more interactive and encourage our audience to continue viewing. 

Use of button links gave the website a pull, making audiences interact with the website through the sale of tour tickets. 

Digipak Draft 2

After receiving some feedback for our first draft of our digipak, we decided to act upon it. To continue the colour scheme, we added a mustard colour to the front page to echo the colours shown in the watercolour circle in the inside right. We also added the copyright paragraph in the corner to fulfill the convention of a digipak and added another spine. To balance out the song titles, we added in mini versions of the watercolour circles. We also created a contrast between the artist name and the album title.

As well as this feedback, we also received a suggestion to add the mountain drawing on to the picture of the artist on the inside left pane to continue our theme.

Website Previous Students Work

To help me to understand the conventions of a website and how to present mine, I looked at previous student work for inspiration. I chose this website as it will be the type of theme I want to achieve with my website as I feel it fits my genre.

I think the ‘Ama Lou’  website is very accessible, rarely featuring anything below the fold, with every click information is directly presented to you. This example is not very dissimilar to professional websites containing various conventions such as a hero shot on the front page and social media links down the side of the page. As well as being accessible, the website is also easy to navigate with the interactivity bar located at the top of the website allowing for easy access to every element of the website.

Navigating through the website, I was able to find out a lot about the star in question. A handy ‘Bio’ section was displayed in the interactivity bar which then presented me with a paragraph detailing who the artist was, when they started making music, information about her song, what her music style is and her songwriting process.

The branding of the website communicates a consistent brand image throughout through the use of the black and white theme. It also carries the theme of simplicity throughout which also makes the website easy to use.

In the eyes of the Blumler and Katz theory, this website fulfills the four main aspects of their theory. Information- This website provides a bit of information about the artist, her song and her tour dates. Personal Identity, Social Interaction- The Ama Lou website also includes links to the stars social media pages allowing her audience to easily interact with her.  The inclusion of the social media links portrays the star as very down to earth as these platforms allow fans to easily interact with their favourite artists. Finally, Entertainment

 

Evaluation of Photoshoot or Graphic Design

After a lot of planning and preparation for our digipak covers, we were inspired by a watercolour circle that we found whilst creating a mock-up for our digipak. We decided that the circular design worked perfectly on our inside right cover. To recreate this, we chose to use watercolours on an A3 piece of paper to create an authentic effect. Instead of going straight for the same as the original image we found, we decided to experiment with the same colour palette using different patterns.

In the end, we decided to choose one similar to the original image as we felt that it fit with our digipak the best. We then took our image to photoshop to make the colours pop by making the background pure white.

We decided that as well as including graphic designs in our digipak, we would also do a photoshoot as we could then use the images in both the digipak and the website. Initially we had only thought to take a few basic pictures using the lightboxes, however as we were shooting, we found some coloured ‘light gels’ which we decided to experiment with along with some feathers which we decided would make our photo shoot more fun and colourful.

 

 

 

 

Web Page Conventions

To help us understand how artists use their websites to attract their audience and get them to interact with their page, we analysed an existing artists page ‘Death Cab For a Cutie’. This also helped us to identify convention and what elements they used that went against conventional methods. We decided to use elements of AIDA to see how they captured their audiences attention which we could use in our own web page.

Web Page Draft One

Self-assessment- 

I really like the way the front page turned out and how the feathers lead the audience’s eyes down the page, however, I feel there are many areas for improvement. For example, a gallery page could be added to show some other images of our artist other than the hero shot on the front page. Use of a gallery will also show his audience how down to earth he is which fits with his image.
Musicians websites tend to feature news sections allowing their audience to keep up with what they’re up to and any new music. To add to the website, we could also put in some previous album covers.
I also feel that we need to put our digipak at the forefront of the website along with the music video. To attract more attention to it, we could also include a title to the music video to introduce it.
After figuring out what we wanted to change, we then came up with our final draft.
As well as addressing the points for self-improvement, we also added more feathers to emphasize the theme and created some more mockup digipaks with photos we already had as we wanted to present him as an established artist.

Flow Chart and Preferred Website Template

After having completed out research into different stars websites, we made a flow chart to show how our stars website operates and how it all links together. We decided to choose a fairly simple template as we wanted to do a complete overhaul and customize it completely to be unique to our artist. This is because we thought our artist had a uniqueness which we wanted to display in throughout the website.

 

Website Terminology

To further understand the conventions of a website before I start creating mine, I decided to look at and analyse other musicians in my genres website to see what they have included. After finding more about website conventions, they appear to liken to magazines- the leaderboard of a website is what the masthead is to the magazine, the hero shot of a website is what the star image is to a magazine.