CCR 3 – How do your products engage with the audience and how would they be distributed as real media products?

After being given the question; How do your products engage with the audience and how would they be distributed as real media products? we were tasked to respond to it in a ‘vlog’ style way. We had to present our product and develop our ideas on how we would distribute and create interest in our product running up too and through its release. Essentially selling our product and brand to the managers and distributors in the industry. Below is our response.



CCR 2 – How do the elements of your production work together to create a sense of ‘branding’?

Below is my response to our second creative critical reflection question. The question we were given was; How do the elements of your production work together to create a sense of ‘branding’? We have displayed our answer in a video which presents our music video as well as images from all our products to support our answer to the question.

CCR 1 – How do your products use or challenge conventions and how do they represent social groups or issues?

To reflect on our products we have made we will analyse and look back on our products through four questions. Our first is; How do your products use or challenge conventions and how do they represent social groups or issues? We will respond to this question through a Prezi looking at each product individually and analysing the features and conventions we applied in our designs. Below is my response.

Web Page First Draft and Final Product

( Draft 1 Homepage )

Above is our first draft of our website home page that we can now compare with our final one at the bottom of the post. Our first draft helped in developing our skills using the site which allowed us to more efficiently apply the feedback we received below. Despite the improvements being evident there are some elements we chose at the start which didn’t end up being altered at all. These included the title positioning and font and the bloc colour scheme. These features ended up being the base for the rest of the website, these initial key ideas set up our theme which after considering feedback we developed and applied to produce the final product.

( Feedback )

I have inserted above the feedback we received from our teacher for the first draft of our website. After reviewing this we have applied the comments our website making it more conventional, easier to use and more interesting for our audience. We  have now included new pages such as a gallery, which means that the audience can have more context and information into our artist as a person, it adds a special feature to the page which isn’t accessible in the same way on any other media site relating directly to our artist. We also decided to included a list of our latest tour dates and a link to purchase them. By including this page it will allow our audience who use the website to simply purchase the ticket almost directly from the site, this should make the site more user friendly overall. We then took into consideration the feedback of the order of topic on our splash/main page. We chose to rearranges them in prority order so more important things such as our latest album were first and our gallery and merchandise came last. This meant that when our audience came to use the page our more exciting and capturing elements came first to entice users to interact with them and thus spread the music and sell the product.

( Click To Open )

Here is our final website, we are pleased with the result as we feel it has reached all of our aims and is in keeping with our artists brand and genre. We feel that it supports the DigiPak and the music video well and is really effective in promoting our products as it is bright, simple, easy to use and conventional. This would attract our audience allow them to have an easy and stress free experience when coming into contact with our brand, this laid back, stress free and simple idea links with our artist in general and was a feature we felt was paramount in the production of all of our products.

Evaluation of Web Design Application

During the process of designing and producing our website we developed a lot of new skills and acquired some new terminology for conventional features in media we used but now have a better understanding of.  In our own website we learnt how to link pages to buttons on our navigation bar and main page images. We did this by adding in a button then selecting it so that a tool selection bar would appear above it. Then by clicking the small link icon a menu opens up allowing you to choose what you link that button too, from another page to a phone number. As we wanted to link it to a page we selected that and then it allowed us to choose which page we wanted from a drop down menu on the right.

( Example of Adding Links to Buttons )

Following on, another skill we developed which was crucial to keeping to the generic website conventions was being able to include our artists social media links. This was key to promoting, and selling our products to make our artist successful. Below is an image showing that by selecting the ‘+’ button from the editing sidebar and finding the subheading ‘Social’ we are able to insert a social media link bar making it clear and easy for our audience to find our products from our website.

( Example of Adding a Social Media Link Bar )

We learnt another skill when it came to presenting our merchandise we had made on our page. We wanted to be able to showcase all angles of the product but without having multiple individual images as we felt this wouldn’t be able to be showcased in an organised or attractive way. We decided we needed individual slideshows for each product so that any website user could look through every angle of each item in an organised and more professional looking way. In the image below you can see that by selecting the ‘+’ icon again in the editing sidebar and this time finding the subheading ‘Interactive’ you are give a range of slideshow options. After choosing an appropriate one, similar to adding a link to the button, you select the slideshow and in the bar that then appears above there is the tab ‘Manage Slides’ which lets you edit each slide individually. We selected each slide individually and changed the background to an imported image of our personalised merchandise. This created the exact effect we wanted to fit with the style of the website as a whole.

( Example of Creating a Slideshow )

Overall, after going into this task not having any experience with this specific website I feel that the product we ended up with was very successful. Having no experience with this site made the initial tasks more challenging but the site was helpful in the sense that the tool buttons had text boxes linked to them that described what the tool did. The site also provided us with templates which gave us a sort of map of how things worked and were linked together, this meant we could base our work off of this and add and remove aspects we liked and disliked, such as the amount of pages we had linked in or the background colours.

Our Flow Chart and Preferred Website template

Above I have inserted a flow chart that Molly and I have put together to show how we plan to layout our own website to work and the kind of information, conventions and features we want our audience to access on the site. We want to include generic conventions such as the artists information and tour dates/tickets as well and introducing some of our own ideas to personalise the site and make it more appropriate for our brand and genre. We want it to be easy for our audience to use thats why we plan to include features such as a permanent home button on every page and a side bar to navigate between specific pages.

Between us we decided on the above template from ‘WIX.COM.’ We chose the one above as we felt the layout was simple and bold as well as easy to navigate, we also felt that the bloc colour design would be conventional to an indie pop website with some editing on colours to make it more appropriate for our artist specifically. We had already decided that a simple layout was going to be most effective as this would mean the information we are trying to communicate and products we are trying to sell would do that easier, meaning our audience would feel more inclined to make purchases if the process was simple.

Website Previous Students Work

(click to access full website)

I have chosen to analyse the work of this previous students website that they have developed for their artist
‘ama lou’ This analytical task should help me to further understand how to construct a website, it should also act as inspiration for ideas, themes, effects and layouts I would want to include in my own website that we are going onto produce.  I chose this website as I feel it is easy to navigate and has a simple but but effective style using the black and white image to convey that the artist most likely produces emotive music, this is also supported by the colour palette and the chosen fonts as it fits the repertoire of elements typical for the genre of the music their artist is apart of. I aim to create a similar effect with my website, using simple designs to effectively convey my artists brand and genre.

One of the most impactful parts of the website is the homepage as this is the first thing you see when accessing the site and needs to be clear and attractive to keep the attention of the user. The hompage I have chosen to analyse is well laid out with clear links along the top, so other pages on the site are easily accessible. One of the first things you see are the links to the artists social media. By having this immediately accessible it can influence website users to proceed to the artists social media pages and subscribe or follow them, meaning the artist audience will increase and become more well knows. The colour scheme and fonts are coordinated, simple and bold to suit their, these are conventional aspects of an artists website as well as; albums, tour dates, merchandise and latest products such as interviews or music videos.

By having a simple and bold black and white colour scheme  with red accents is strong and represents their  genre and brand image well as implying the tone of their music. This theme runs throughout  the whole website making it easy on the eye with smooth transitions between pages which would be conventional to the artists tone and genre. not only does the colour scheme imply the artists tone and brand but it is also mentioned in the ‘BIO’ section where they give the audience some context to who the artist is is a person, their background and some context to their music and career history.

Cinematography for the genre is also illustrated through the uses of images in the ‘gallery’ section, there are a variety of shot types and angles taken both in colour and black and white, this hints at the creativity originality of the artists music. The images really compliment the artists brand and tells the audience more about them, bringing the website together, they tell the audience much more about who the artist is and what thy aim to create, this is shown through haveing images of them on set and in every day life, allowing the audience to be able to relate more to the artist as a person.

I really enjoy this website but there are some things that I feel I would also want to include in my own website to improve the users experience and personalise it to bring it more inline with the conventions of my genre and my artists brand. For example the ‘BIO” section, they could have added in more about their genre and mission statement. Also there could’ve been more information to give context to their tour, gallery or latest music video.

Web Page Conventions

After filming and editing our music video we have moved on to start putting together a website to advertise our artist and promote their products. We chose to look at a professional example of an artists website and analyse it so that we could thoroughly research and plan for our product. By looking at the website for the group ‘SIGALA’ we can decode features and the design to see how they communicate and sell their brand to their audience. When researching for our website it will be important to keep in mind the idea of ‘uses and gratifications’ to be able to understand how to keep our audience entertained whilst providing them with the information they are looking for. This will ensure that people will revisit the website and that will mean that more of our advertised products will be purchased, or in the case of things like tours and shows tickets can be repurchased, and people will look to repurchase more readily if the website is user friendly.

Above is the script for our screencastify below. We chose the website for ‘SIGALA’ as we felt they had a user friendly layout and was designed to attract attention in a way that conveys their brand well, despite ‘SIGALA’ being a different genre of music to us we chose their website as we felt it had the most features that we aimed to reproduce on our own website.

DigiPak Draft 2

Front Cover

Inside Left

Inside Right

Back Cover & Spines

Above is our finalised DigiPak which we have developed from our research and feedback on draft one. We have made a lot of adjustments and improvements and created something very different but still linked for our original plans. Starting with the front cover we have changed almost every aspect although it may not seem it. We chose a different image from a new photoshoot, that felt less staged and more relaxed to fit the conventions of a DigiPak. We changed the backdrop to only include two different colours of ‘paint splatters’ as we felt that less was more and with the amount of colours we had originally used it didn’t look as good. We changed the location and font of the title to make it bolder and more modern due to the lighter block colour banner its on, which gives the front panel a cleaner finish.

Moving on too the inside left cover we totally swapped out the colour bloc circles for an image of our star that we took from the second photoshoot where we used a red film to light the shot. We took this image into photoshop and adjusted the saturation to make the colours stand out more. After doing this we moved onto the inside right panel and used a swatch from the inside left to change the background colour to create a stronger theme and more consistency.

Finally, the on the back cover we kept playing around and found that the tracks looked better one after another and centred on the back cover. We also replaced the background with another image from our second shoot. We removed the track numbers and change the font and colour of the text to fit the new background which, overall, we felt flowed better with the DigiPak in its entirety. We used stars to break up the tracks as we felt aesthetically the gaps between the tracks would look better and more finished with an accent like the stars we used. We also included the spines of the DigiPak, here we used the swatch tool on the back cover and choose a strong peach/orange colour to bring out the same colour in the back cover and also be able to contrast but coordinate with the front cover. Lastly, we adjusted the small print and barcode so they fit a conventional DigiPak better.

After deciding this was our final product we decided to get some more feedback from our peers to make sure it was conveying what we wanted to its audience. Below are some points we received on what worked and what we could potentially change on our product.

Peer Feedback Success:

  • Regular and appropriate colour scheme.
  • good shots which are conventional to an indie-pop Digipak
  • good selection of typeface
  • the colour palette looks like it fits in well with the indie-pop genre
  • the image of Noah on the inside left panel works well the the record on the inside right panel
  • I like the image on the back cover as it seems conventional of the genre
  • I really like the Digipak as a whole as I feel as though it flows and the colours work well together
  • the record on the inside right panel is very creative
  • I like the use of the stars to break up the track names on the back cover
  • I like the image of the fairy lights and the way it has been edited on the back cover

Peer Feedback Improvements:

  • We could’ve included a wider variety of shot types and more
  • Potential for more editing on the inside left cover.
  • Possibly change the colour on the inside circle on the inside right hand cover as it blends in a bit better
  • The album title doesn’t fit typical conventions of our genre, looks similar to a racing banner.
  • Unsure of the back cover colour scheme.

In conclusion we feel that our DigiPak is now finalised and at a stage that conveys what we want it too. Acknowledging our feedback we can see that  there was more successes than potential improvements and because of this we have decided that we can be happy with this as finished product.