November 12

Web Page Draft 2

Click on the image to view our full Wix Website.

We have adapted our music video to make it much more professional, we’ve changed the colour scheme to fit our star image and added much more navigation to make it easier for our target audience to find their way around the website, hopefully giving them a preferred reading of the site and our products, such as the digipak which features on our home page along with our music video. We’ve added a navigation bar which is pinned to the page, we have also added more pages such as Merchandise and Recent News, these link to pages such as MailOnline.

November 5

Web Page Draft 1

Please click the image to view the full website.

Our first draft was very successful, we have been given some targets from peers and our teacher, here’s what they said:

  • Add some album covers (random images to act as album covers)
  • The background might be too busy,
  • Make the menu and navigation bar more prominent and obvious,
  • Add some made up news stories, or made up tweets,
  • Explore different fonts, as its very overwhelming in big blocks of texts,
  • Maybe just keep it for the headings,
  • Calligraphy font is a bit hard to read in blocks of copy so use it only for the headings and then choose a less is more font for the copy.
  • Couple of news stories on a news page?
  • Look at the ordering of the pages – Move about higher up
  • Need the DP to feature higher up
  • Use some of the artwork as a background
  • Remember the site is to promote the DP!
  • Add a couple of previous album covers in a discography section
  • Social Media’s is Medias….no apostrophe, move them higher up
  • Remove the pineapples.
  • Photos – give them some framing or shadow to pop them and add some captions on them.
  • The banana menu is hard to see so make it larger or change the image.

Here’s the final draft of my website.

We have adapted our music video to make it much more professional, we’ve changed the colour scheme to fit our star image and added much more navigation to make it easier for our target audience to find their way around the website, hopefully giving them a preferred reading of the site and our products, such as the digipak which features on our home page along with our music video. We’ve added a navigation bar which is pinned to the page, we have also added more pages such as Merchandise and Recent News, these link to pages such as MailOnline.

 

October 23

Evaluation of Web Design Application

When creating our web page we found it very difficult as we never had a lesson on the basics of using Wix.com, so we had to play around with different tools on the page this was very time consuming as we had to make sure all the fonts etc were accurate in representing our desired star image to attract our target audience.

We frequently used the add tool so we could keep adding different images and texts onto our webpage, once we had discovered this tool, it was quite simple when helping us set up the basic outline of our web page, this helped us establish what we would place and where.

The next thing we learnt was how to create the pages and we create pages for:

  • The Home Page
  • Latest Work (including our music video)
  • Merchandise (pictures of L.U.N.A in her favourite clothes)
  • About
  • Social Media (links to all her social media)
  • Tour Dates (images and text to create our own made up dates)

Once we had got the basic knowledge of WIX, this helped us to create our website, including;

  • the font of our text so it was suitable to our star image and genre,
  • the backgrounds e.g colour of them etc,
  • images used, they all had to be our own,
  • and colour scheme of our whole page to convey our genre.

This helped us to explore deeper into Wix.com and gave us a small insight into how to create a ‘perfect website’ for our target audience that accurately reflects our star.

October 23

Flow Chart and Preferred Template

My group created a flow chart of ideas when making our website, this meant we were then able to get a clear idea as to what we wanted our website to look like, we collected all the information needed to put onto our webpage and made a flow chart to help create and organise a typical RnB/Pop Webpage that is attractive to our target audience.

Below is the layout we chose, for our webpage, which included all of the following:

  • Home/Splash Page
  • Latest Work
  • About L.U.N.A
  • News
  • Tour Dates
  • Merchandise

We then signed onto Wix.com and created a student account, we selected a template in which we thought suited our star and genre.

 

October 14

Website Previous Students Work

(Please click the image to view the website for yourself)

I have chosen to analyse previous students work ‘The XX’ as the genre is quite similar to our brand, an example of this is the colour palettes. The use of cool toned colours such as blue and purple along with the contrasting neon pinks. It is easy to navigate yourself round and has a simple but effective layout. The latest video contrasts the pastel backgrounds. The target audience can establish that the band is an alternative genre, it fits the repertoire of elements for the genre of the music.

The initial page, Home page, is laid out with a leaderboard at the top in a very simple font to convey the brand image. The home page also includes a filter along the top bar as a sort of navigation bar, this takes you straight to the specific section instead of scrolling down. The hero shot is placed in the centre of the page, this is conventional of a website, along with;

  • merchandise,
  • discography,
  • tour dates,
  • and links to social media pages.

these are all used to represent their brand image. The colour palette is carried throughout the website as you scroll down. The genre is accurately displayed in the about section, this gives the target audience a background story for the band and help them connect to the performers. Another section which conforms to the image of the brand is the cinematography used as it fits the genre well as it is shot mainly in mid shot to convey the sense of mystery and the quirky style the band want to portray themselves as, this makes the experience the website more conventional to the fans hopefully resulting in them a preferred reading of the website.

The one element of the web page I would change is the use of blank space, the background is very simple as it is blue with some lines on it, however there’s actually very little going on in the background. Although they included their most recent video, it would be nice to fill this space with some more of their work to use as a pull for their target audience. The use of pulls may also be effective and could improve the overall look of the website, however I think the brand image is displayed accurately through the use of colour, cinematography and specific website elements.

October 13

Web Page Conventions

Here’s our Screencastify on Sigala’s Official webpage.

We all analysed the website and replied to the questions;

  • What are the conventional pages & typical information on a music/band website?
  • Can the user find what they need/expect?
  • How many clicks away from the home or splash page is the information and content?
  • What is the call to action and how is that promoted on the site?s
  • What tools/experiences does the site offer?
  • How does the design of the site reflect the brand image?
  • How does the digipack and video design reflect in the website?
  • Does the design and layout of the website suit the target audience?
  • Is the design consistent across the pages?

Blumler and Katz explore how to entertain and inform there target audience in there media conventions, they include conventions such as the uses and gratifications theory, this allows people to understand why and how people actively seek out specific media to satisfy specific needs, it is an audience centred approach to understanding mass communication. The Attention, Interest, Desire and Action are essential for any kind of print media.

October 12

Website Terminology

Here are some terms I’ve learnt so far from learning about creating a webpage, I looked up other artists and applied my knowledge to see what they’d included in their websites. This will help me when creating my own website to know what I need to include.

The website’s are very similar to a magazine as it incorporates elements such as the leaderboard, which acts as a masthead. Along with the ‘Hero Shot’ which correlates to the main cover star.

October 12

Digipak Draft 1

Here’s the first draft of our digipak.

Here’s a screencastify our teacher has done for us as our first load of feedback for draft 1 of our digipak.

Feedback:

  • We need to do the spine of the digipak along with the copyright and publisher,
  • Enjoys the interesting back cover image,
  • Aligning the tracks to the right is nice,
  • Redesign text to fill the blank space, move them upwards,
  • Her face is too pink in the back cover image,
  • Try bring in her neck to make it less thick,
  • The two eyes are amazing but 2 is a bit of a cop out,
  • Change the other inside image,
  • Flip one of the eyes,
  • Need to change the font on the front cover,
  • Rethink the angle of ‘Love To Lose’
  • Front cover is anonymous and intriguing, and follows the same theme as the back cover, with the messy hair,
  • Need her face for the audience to connect with her,
  • Change the blue colour of the font to maybe something bolder,
  • The front page and back page could be swapped so the song titles cover the black space,
  • Text on back page needs to be equal distance,
  • Consider front cover and star image.
  • Dots in between luna are a bit confusing
  • Possibly use a different photo as a front cover