Category: Web Page

Web Page Draft 1


Here is the first draft of our Web Page. Our teacher recorded a screencastify where he gave us useful feedback to take forward to our next draft.

teacher feedback:

  • good composition with the word videos being under her eyes, such a grabbing image maybe add it to call to action instead as it would be more impactful?
  • not a fan of the hands, random
  • fan of psycho light drawing, mayne include this in the digipak
  • confused by social media links and where to listen, maybe seperate
  • enjoys the playlists, not a fan of the composition, sharpen layout
  • dont use the psycho background again behind the video
  • tickets, dont use rsvp and rickets, buying not inviting
  • where in san fransico? be more specific
  • merch page is effective as it’s so light, layout doesn’t fit with background, a bit clunky
  • be careful with positioning and make merch page more elegant

Website Previous Students Work


The landing page of the website shows clearly the artists name and his new music video. For a brand new member of the audience this is very helpful as I get to see his recent workings and see if it is to my liking.
The second thing you see is the taskbar/leaderboard. This contains 6 different tabs. Each of these are linked and take you to the appropraite section of the webpage. For navigational purposes infomation becomes easier to find. This improves the audience expereince as they can find the specific infomation they want straight away without having to scroll and navigate through a series of hyperlinks and text.

For example I was able to find out that the artists has recently released a new album along with a new music video. In the social media area of the page right at the bottom we see a few of his tweets. You can see his open about his life and enjoys maintaining contact with his fans. Although all the tweets are on the same day this shows he might have a poor work ethic.

The colour scheme on the thumbnail of the video, the digipack, posters from the store and background are very similar I dare say identical. There is alot of flowers and greenery so if i were to guess it seems to be an indie country artist and after watching the video I can confirm that claim. The digipack and overall colour scheme are consistant and represent the genre in a highly conventional way.

One of the target points for media is provide entertainment, personally I didn’t enjoy it but I’m not part of the target audience. the website provides links to social media this gives the audience a sense of involvment and socialisation.

A website is crucial for the development of brand identity. It allows other forms of media to get involved with the performer, this creates an image that people will see.

Flow chart & Preferred Template


We created this GoogleSlide after researching other Electropop’s artists’ websites to see what the typical conventions and layout of the site is. We wanted to makes sure we have a structure set before making it, so in result of this, we have agreed on what pages and details we will include; such as merchandise in the ‘Shop’ section.

Now that this task is completed we have more clarity on what we need to do and what to add in, this map of the site also lets us know if we’ve missed a feature out, therefore keeps us organised and on task.



Web page Conventions





Above is a Screencastify made by me and my partner Carney and I. During this analysis we delve into ideas of understanding the media form of websites. For example, this may include: user experience, analysing the design and demonstrating profesional examples in order to show what we are planning to use as our guideline, for our own personal website for our star.

Website Terminology

Skip to toolbar