Wednesday 20 November 2013

Ancilary Task - WebPage

Here is the link for my website, http://www.swfcabin.com/open/1398249390 The video may take a few seconds to load.  


I am creating my webpage in Adobe Flash Player, I have used a stage size of 960x570 px as when I researched the conventions of a webpage, this was the standard size of a webpage. I have chosen to used a scrunched up sheet of white A4 paper, to create a quite authentic look. I took this picture on my mobile phone (Samsung Galaxy S3.) As you can see, I have created several layers to place my features on, this makes it easier to set out, and allows images to be ontop of the background. It also makes it easier when adjusting parts of my page, allowing me to hide and reveal different features.
 Here I have added my banner/website logo. I have followed the conventions of a website, by using a sans serif font, so that it easy to read with no 'flicky' bits. I have also edited a photo of my artist from a previous photo shoot, which I have cropped and edited in Adobe Photoshop, I have chosen this image, as it looks like she is resting on the top of the website, I also think that the picture is very warm and welcoming, and will be a good feature of the website. My logo, is in a quite playful font, which I think will add to the warmness of the website, I have also done this so my artist appeals to the younger generation, as they are more of my target audience. I will add a box around this to make it more sectioned, and add structure to my webpage.

Here I have made a plan where different sections of my webpage will be. I have followed the 'Z' rule, where the audience will start in the top left hand corner (where I have placed my logo) and finish in the bottom right hand corner, therefore seeing all aspects of the website. I have also followed conventions of a website, by adding a 'contact us, cookies & policies' bar at the bottom of the screen, as they are a legal requirement. I want to make my website as authentic as possible. I have added a box where I will place my finished music video, and also another box which will display the album cover for my artist, which I will also be completing for my second ancilary task. I have also decided to add a 'fan pic of the week' making the audience more involved in the website, using a personal approach. I have also added a box for 'news' about my artist, which I will be inserting. The navigation bar will consist of pages that my target audience would like to see, I will decide on these after sending out a questionairre.




Here I have added links to several media platforms, that are real working buttons, some with animations, and when clicked they will connect to the actual website. I have used real social networks, however designing the buttons myself, so there is no plagerism involved in this. I have chosen these social netowrking sites, as they are the most popular ones at this date in time, and also is to attract a younger audience.I have also inserted a header for a section of my website, where there will be my album, I have added the name of the song, and also a button which says 'buy now' and when the mouse rolls over the button, the writing goes from white to black. The album cover will be inserted once it has been designed. Below is a screen shot of what the button looks like when the mouse has rolled over it.
















Here is a screen shot of my navigation bar, with the most popular options from the questionairre (which I will put in a seperate post)


Below you can see that I have added my video, although this is not a compelted one, I wanted to have a completed look of how my website would look, and also make sure that my video was compatible with the software, which it was. Once i've completed my music video, I will be inserting that one onto my webpage.


This is printscreen shows the different layers I used on my homepage, it also shows my library at the side, which I imported images in, in order to post them on my webpage, without them looking pixilated.



 
This is my finished homepage, the video is not the finished video, however, I have added it in order to get an authentic look on how the completed webpage will look. Although my video, and my album are to be in black and white, I dont think this is appropriate for the website, as this is a space for fans to enjoy themselves, and get to know the artist, therefore she should be portrayed as the bright and colourful person that she is.


Here is a print screen from one of my artists pages that are features on the navigation bar, I have created 2 pages with working links, to show both links work, and navigate to the correct page, following the conventions of a website, the 'Jessika Official' links back to the homepage, as this is coherent on most webpages. I have used the background of a pin board, as this is what many people display pictures on in their homes, so this connotes that the audience will feel welcome on my webpage. 








Here is the link for my website, http://www.swfcabin.com/open/1398249390 The video may take a few seconds to load. 


No comments:

Post a Comment