https://mariaangelovam.wixsite.com/mysite-3
Construction
My website consists of 1 page- `Home`. In order to add this in the `Menus & pages` in the `Site menu` i have added this page. Most of the website and including Cardi B`s website in my website research consist of 1 page. This therefore shows how my website conforms to established codes and conventions in terms of the layout and design as my website consists of 1 page too.
In the options bar under `Add` and when choosing `text` i was able to add any text that i wanted into the website.
After i added my text in order to create a menu bar under the `design` and then `customise deisgn` and then `text` i had the opportunity to edit the design of the text such as the font, the size, the colour and other options.
The font that i choose was `Tahoma` in order to link it wih my music video as the font used in the music video is `Tahoma` as well. The size of the font was changed to 30 in order to make it large enough so it can be clearly seen by the audience that is going through the website. The text is `bold` and in `sans serif` which therefore portrays and makes the website appear formal which is also the target. The colour that i have chosen is `white` which therefore makes the text stand out as the colour of the background is black, creating a contrast.
Written codes of the website such as in the text of the menu bar options are in either white in order to make them stand out as well as emphasise the formality of the website.
In order to make each one of the labels included in the menu bar i used a `Strip`. I have used the `classic strip` which is the simple version and design of the strip however i was able to change the design of the ctrip such as the colour, the location and adjust the size.
And in order to insert the images that symbolise previous songs of the artist under `add` then `gallery` and then `more galleries` i have chosen the `3D carousel` desing gallery. I have chosen this design as it is interactive and allows the audience to choose the song they would like to get detail about by clicking on the image. Also, the interacitve design allows the audience/person that is visiting the website to change the picture to the next one by clicking on the next one. The interactive designs allow the audience to engage with the website.
In order to add the social media links i had to select `add` then ``social` and finally `social bar` option. I have added all of the most famous social media websites that the target audience of 16-25 year olds use in contemporary society. For the `YouTube` social media link i have linked the button with a link to the music video, therefore clicking on the `YouTube` icon will forward you to YouTube and play the music video. This establishes a relationship between the music video and the website as when the audience is looking through the website they will be able to stream the music video too.
I have embedded the music video to the website. Furthermore, after embedding the music video to the website i have also created a `button`- `stream now`. Therefore, when clicking the button `stream now` this will take the person looking through the website to the official music video too.
In the following strips used for the `hover box` i have used a variety of colours such as the light and baby pink and the peach colour. Theeese colours i have used in order to express the idea and ideology of feminism as the colour palette is linked to females and therefore femininity as the colours are saturated and warm colours.
As the target demographic is 16-25 fun and loving audience, it is most suitable and appropriate to use more saturated colours, as audiences as the target audience will be looking for lighter and more positive backgrounds. I will contrast the black background for some of the strips with using white texts over them so they stand out.
At the top of the website, in the strips i have added 3 collumns so i can include 3 photos to introduce the audience with the artist that the website is of.
For the headline of the website which is the name of the artist `Kxhlani` i have changed the size of the headline to 56 px, with the typeface remaining as `Tahoma`. Thsi therefore, shows a text hierarchy as the font size for the menu bar options is 30 px. As the larher font of the is used for the headline- artist name and the slightly smaller for the options in the menu bar this communictes to the audience that the font size of the headline is larger as it is more important so it can introduce them to with the artist.
I have further used a range of animation effects to change the way that the different texts appear in the website and the duration of how long it takes to appear. For most of the texts i have used the `Float in` animation so the text appears on the website in the following way.
Website conclusion
The way i have linked my website to the website research is through the choice of the layout.
In my website i have used a range of colour palettes as a technical conventions ranging from black, pink, orange and more. The use of this colour palette links the design of my website to my website research of Cardi B`s website.
There are a variety of ways through which my product 1 and product 2 link. For example this can be seen through the use of the same typography which is `TAHOMA`. In my website i have used this typography for the headlines, whereas in the music video i have used the typography in the title of the video as well as in the captions i have included when the first female actor and the male are having a conversation.
Furthermore, another factor that shows the relationship between the website and the music video is the logo that has been embedded in both the website- top of the page and in the music video. This therefore, shows the collaboration between the two and that they work together.
However, as i did not embed the production company design as i have suggested in my statement of intent, what i did is thhat i mentioned the name of the production company in the Footer of the website, whereas in the music video i have embedded the design of the production company and also mentioned the name `MKA`s Production Studio` in the closing credits of the music video. This also conveys the connection between the 2 products as in both products it is shown and mentioned that the artist Kxhlani works is signed to MKA`s Production Studio.
Moreover, i have used a variety of colours in the website as mentioned. However, the colours used are mainly saturated and warm colours which work together with the video in order to portray the pisitivity of the video. The warm and saturated colours are used in the `strips` of the website, therefore they link to the colours used in the music video. For example, in the opening clips of the music video, the shots were edited by increasing the temperature and tint and therefore the black video in the first-opening shot allows the title of the name of the song appear in pink. The same colour- pink has been used in the website too. This shows how the 2 products link with each other.
In order to link my website to the website research i have conducted prior to the construction of my own website, i have used a scrolling effect in my website which links to Tee Grizzley`s website. In his website, in the first page his logo changes as you scroll down, therefore in my website, as you i would scroll down the pictures will move as i scroll down too.
The following 2 images show how the 2 products link with each other in terms of the `production company`.
No comments:
Post a Comment