SlideShare a Scribd company logo
The first thing I chose to do when I started creating my website was to add
the masthead and the navigation bar. I started with these as I thought it
would be best to start at the top and then work my way down the page. I
decided to put my masthead in the centre of the top of the page and larger
than the navigation bar as I want it to be eye-catching to the audience and
the first thing that the audience sees as this will help them remember my
magazine and make it significance. I decided to space out the titles in my
navigation bar to help keep the contemporary theme that my magazine has
to help it also look quite professional and sophisticated.
I then added my strapline underneath the header where my masthead and navigation bar is and
centred it in the middle of the page in bold, large text. Again, I wanted my strapline to be eye-
catching and easy to remember for the audience when thy visited the website, so I thought this
would be the best decision for that purpose. Also, with the strapline being the only visible text on
this part of the page, it allows the audience to see the dominant image clearly without anything
blocking the view. The image shown is not my image as I am adding them after I complete all the
texts and content.
I then added a category section to my home page
in order to allow my audience to become familiar
with the sub-genres of the magazine and for
them to be able to access the hyperlinked pages
in different ways. I believe this layout helps the
website to become modern and cultural as the
categories are spaced out evenly and are eye-
catching. The aim for the images is to be similar
tones within the colours in order to keep the
aesthetic appeal.
Near the bottom of the homepage, I added some small
blogpost that will make the audience become intrigued
in the sub-genres and allows them to gain a perspective
on the magazine without having to go into depth and
search the whole site.
I believe this will help me gain a wider audience as the
layout of the website is quite simplistic however still
extremely informative and I believe this will help when it
comes to engaging the target audience. The colours
used are very simplistic as they are mostly whites, blacks
and greys however, the colour in the images allows the
post to become eye catching.
Next to the blog posts, I have a very short message
post that introduces the social media links and
encourages the audiences to go follow them in
order to stay up to date. After this, I have also
scattered the same social media links around the
website in order to remind the audience that they
exist, for example on the right of the message the
social media is seen which follows the page
whenever they scroll up or down.
Below that there is an archive search, this allows
the audience to search for different posts and
articles depending on the month they were
published. I believe that this is a good addition to
the website as it will be an easier way for the
audience to find an article that they came onto the
website for.
At the bottom of the homepage, I added a ‘contact us’ section where the audience can send
queries or messages to the company. This will allow the audience to feel more connected with
the magazine and will ultimately make them feel content when visiting the site.
At the very bottom of the page, I have added a section called ‘Join the Colossal family’ this is where the
audience can register their email addresses in order to gain weekly updates on the articles that will be
published in the magazines, allowing to stay up to date without having the hassle of trying to find the news
elsewhere. Below this there is also the social media links for the magazine to remind the audience to go and
follow them. The theme throughout this website will be whites, black and greys with the occasional pop of
colour from images and the sub-genre colours. This is featured at the bottom of every page.
In order to achieve my sub-genre
colours, I had to add buttons on
top of the menu in order to
achieve the individual hover
colours due to the menu being a
single thing so if you tried to
change the colours, all the titles
would change. I did this for each
title.
I then had to create a button that overlapped
the menu title on each hyperlinked page in
order to achieve the colour change that
matched the sub-genre.
I done this by disabling the ‘show on all
pages’ button so that colour would only
appear on the selected page. I continued
to do this for the other hyperlinked page
as well.
For my first hyperlink page (events) I have
followed my flatplan and created a contents
box on the top left hand side of the page with
three articles surrounding it. I thought this was
a good idea because the audience will be able
to see what articles the website has and also
allows them to see previews of the articles so
they can gain an idea on how they are written.
The previews also have a small summary which
will draw the attention of the reader and make
them want to read the rest of the article to see
what happens. The colour for this sub-genre is
a pastel purple/pink. I decided to use pastel
colours as part of my colour scheme because I
thought it would help with the contemporary
and cultural theme of the magazine.
The colour for this sub-genre is pastel
blue as I believe that is the most fitting
colour for a music genre. The second
hyperlinked page I chose to create was
a music section, this is because I
believe that this is the second most
popular sub-genre within the magazine
due to the target audience enjoying
different types of music e.g. indie and
rap. I stuck to my flatplan when
creating this page as I believe it is
extremely eye-catching and
sophisticated. I chose to display four
articles, with a title and a short
summary of what it is about along with
a read more button for when the
audience wants to continue reading.
The images that I will capture for this
page will be quiet artsy and quirky in
order to show the personality of my
models, allowing the audience to
relate.

More Related Content

What's hot

Double page spread improvements
Double page spread improvementsDouble page spread improvements
Double page spread improvements
AmanpreetBhopal
 
How did you attract/ address your target audience?
How did you attract/ address your target audience?How did you attract/ address your target audience?
How did you attract/ address your target audience?
AmanpreetBhopal
 
Question 1
Question 1 Question 1
Question 1 anisnane
 
Evaluation of music magazine chris smith
Evaluation of music magazine   chris smithEvaluation of music magazine   chris smith
Evaluation of music magazine chris smithmightykits
 
Progress
Progress Progress
Progress
051021
 
Mediapowerpoint 110316150607-phpapp02
Mediapowerpoint 110316150607-phpapp02Mediapowerpoint 110316150607-phpapp02
Mediapowerpoint 110316150607-phpapp02Craig Maskell
 
Question 1 media as
Question 1 media asQuestion 1 media as
Question 1 media as
IqbalTanay
 
Media studies evaluation
Media studies evaluationMedia studies evaluation
Media studies evaluationGreen1406
 
Evaluation question 5
Evaluation question 5 Evaluation question 5
Evaluation question 5
Matteo Rimini
 
Evaluation of my music magazine
Evaluation of my music magazineEvaluation of my music magazine
Evaluation of my music magazineChrisIzuRuSmith
 
Forms and conventions
Forms and conventionsForms and conventions
Forms and conventions
PaulsMedia
 
In what ways does your media product use, develop, or challenge forms and con...
In what ways does your media product use, develop, or challenge forms and con...In what ways does your media product use, develop, or challenge forms and con...
In what ways does your media product use, develop, or challenge forms and con...meganfellowes
 
Content page analysis
Content page analysisContent page analysis
Content page analysisTajmina Ali
 
Media powerpoint
Media powerpointMedia powerpoint
Media powerpoint
Craig Maskell
 
Magazine pre pro uploaded
Magazine pre pro uploadedMagazine pre pro uploaded
Magazine pre pro uploadedtaliasmith
 
Planning, creating my magazine
Planning, creating my magazinePlanning, creating my magazine
Planning, creating my magazineFrancoisAli
 
Choices Made When Creating my Music Magazine
Choices Made When Creating my Music MagazineChoices Made When Creating my Music Magazine
Choices Made When Creating my Music Magazine
khalfyard
 
Preliminary task and planning & research template final
Preliminary task and planning & research   template finalPreliminary task and planning & research   template final
Preliminary task and planning & research template final
emilyvaughan2000
 

What's hot (20)

Double page spread improvements
Double page spread improvementsDouble page spread improvements
Double page spread improvements
 
How did you attract/ address your target audience?
How did you attract/ address your target audience?How did you attract/ address your target audience?
How did you attract/ address your target audience?
 
Question 1
Question 1 Question 1
Question 1
 
Evaluation of music magazine chris smith
Evaluation of music magazine   chris smithEvaluation of music magazine   chris smith
Evaluation of music magazine chris smith
 
Progress
Progress Progress
Progress
 
Mediapowerpoint 110316150607-phpapp02
Mediapowerpoint 110316150607-phpapp02Mediapowerpoint 110316150607-phpapp02
Mediapowerpoint 110316150607-phpapp02
 
Question 1 media as
Question 1 media asQuestion 1 media as
Question 1 media as
 
Media studies evaluation
Media studies evaluationMedia studies evaluation
Media studies evaluation
 
Evaluation question 5
Evaluation question 5 Evaluation question 5
Evaluation question 5
 
Evaluation of my music magazine
Evaluation of my music magazineEvaluation of my music magazine
Evaluation of my music magazine
 
Forms and conventions
Forms and conventionsForms and conventions
Forms and conventions
 
In what ways does your media product use, develop, or challenge forms and con...
In what ways does your media product use, develop, or challenge forms and con...In what ways does your media product use, develop, or challenge forms and con...
In what ways does your media product use, develop, or challenge forms and con...
 
Dps analysis
Dps analysisDps analysis
Dps analysis
 
Content page analysis
Content page analysisContent page analysis
Content page analysis
 
Evaluation
EvaluationEvaluation
Evaluation
 
Media powerpoint
Media powerpointMedia powerpoint
Media powerpoint
 
Magazine pre pro uploaded
Magazine pre pro uploadedMagazine pre pro uploaded
Magazine pre pro uploaded
 
Planning, creating my magazine
Planning, creating my magazinePlanning, creating my magazine
Planning, creating my magazine
 
Choices Made When Creating my Music Magazine
Choices Made When Creating my Music MagazineChoices Made When Creating my Music Magazine
Choices Made When Creating my Music Magazine
 
Preliminary task and planning & research template final
Preliminary task and planning & research   template finalPreliminary task and planning & research   template final
Preliminary task and planning & research template final
 

Similar to Website first draft

Ancillary texts deconstructions
Ancillary texts deconstructionsAncillary texts deconstructions
Ancillary texts deconstructions
emilyxfox
 
Evaluation q1 a2
Evaluation q1 a2Evaluation q1 a2
Evaluation q1 a2
shantelle bowman
 
Presentation 8
Presentation 8Presentation 8
Presentation 8
natashatandy100
 
Coursework evaluation
Coursework evaluationCoursework evaluation
Coursework evaluationsamclark12345
 
Evaluation
EvaluationEvaluation
Evaluation
YasminGee
 
Liam Media Evaluation
Liam Media EvaluationLiam Media Evaluation
Liam Media Evaluationablizz
 
Harry seager
Harry seagerHarry seager
Harry seagerafrench14
 
Media evaluation
Media evaluationMedia evaluation
Media evaluationLeanne94
 
Q1 finished contents page evaluation
Q1 finished contents page evaluationQ1 finished contents page evaluation
Q1 finished contents page evaluation
AmysMediaslides
 
L I V E Presentation
L I V E PresentationL I V E Presentation
L I V E Presentationguest011e67
 
Unit 30 – LO5
Unit 30 – LO5 Unit 30 – LO5
Unit 30 – LO5
Tariq Jamal
 
Media Evaluation
Media EvaluationMedia Evaluation
Media Evaluationguest404096
 
Music magazine evaluation
Music magazine evaluationMusic magazine evaluation
Music magazine evaluationafrench14
 
Unit 13 – LO5
Unit 13 – LO5 Unit 13 – LO5
Unit 13 – LO5
Tariq Jamal
 

Similar to Website first draft (20)

Ancillary texts deconstructions
Ancillary texts deconstructionsAncillary texts deconstructions
Ancillary texts deconstructions
 
Evaluation q1 a2
Evaluation q1 a2Evaluation q1 a2
Evaluation q1 a2
 
Presentation 8
Presentation 8Presentation 8
Presentation 8
 
Evaluation
EvaluationEvaluation
Evaluation
 
Coursework evaluation
Coursework evaluationCoursework evaluation
Coursework evaluation
 
Questions 1-5
Questions 1-5Questions 1-5
Questions 1-5
 
Evaluation
EvaluationEvaluation
Evaluation
 
Evaluation
EvaluationEvaluation
Evaluation
 
Evaluation
EvaluationEvaluation
Evaluation
 
Liam Media Evaluation
Liam Media EvaluationLiam Media Evaluation
Liam Media Evaluation
 
Harry seager
Harry seagerHarry seager
Harry seager
 
Media evaluation
Media evaluationMedia evaluation
Media evaluation
 
Contents Page
Contents PageContents Page
Contents Page
 
Q1 finished contents page evaluation
Q1 finished contents page evaluationQ1 finished contents page evaluation
Q1 finished contents page evaluation
 
L I V E Presentation
L I V E PresentationL I V E Presentation
L I V E Presentation
 
My evaluation
My evaluationMy evaluation
My evaluation
 
Unit 30 – LO5
Unit 30 – LO5 Unit 30 – LO5
Unit 30 – LO5
 
Media Evaluation
Media EvaluationMedia Evaluation
Media Evaluation
 
Music magazine evaluation
Music magazine evaluationMusic magazine evaluation
Music magazine evaluation
 
Unit 13 – LO5
Unit 13 – LO5 Unit 13 – LO5
Unit 13 – LO5
 

More from hollyjac

Dps construction
Dps constructionDps construction
Dps construction
hollyjac
 
Contents page construction
Contents page constructionContents page construction
Contents page construction
hollyjac
 
Smoke detailing
Smoke detailingSmoke detailing
Smoke detailing
hollyjac
 
Audience theory
Audience theoryAudience theory
Audience theory
hollyjac
 
Website inspirations
Website inspirationsWebsite inspirations
Website inspirations
hollyjac
 
Audience theory
Audience theoryAudience theory
Audience theory
hollyjac
 
Location scout
Location scoutLocation scout
Location scout
hollyjac
 
Similar products media
Similar products mediaSimilar products media
Similar products media
hollyjac
 
Media presentation
Media presentationMedia presentation
Media presentation
hollyjac
 

More from hollyjac (9)

Dps construction
Dps constructionDps construction
Dps construction
 
Contents page construction
Contents page constructionContents page construction
Contents page construction
 
Smoke detailing
Smoke detailingSmoke detailing
Smoke detailing
 
Audience theory
Audience theoryAudience theory
Audience theory
 
Website inspirations
Website inspirationsWebsite inspirations
Website inspirations
 
Audience theory
Audience theoryAudience theory
Audience theory
 
Location scout
Location scoutLocation scout
Location scout
 
Similar products media
Similar products mediaSimilar products media
Similar products media
 
Media presentation
Media presentationMedia presentation
Media presentation
 

Recently uploaded

ART FORMS OF KERALA: TRADITIONAL AND OTHERS
ART FORMS OF KERALA: TRADITIONAL AND OTHERSART FORMS OF KERALA: TRADITIONAL AND OTHERS
ART FORMS OF KERALA: TRADITIONAL AND OTHERS
Sandhya J.Nair
 
一比一原版(UniSA毕业证)南澳大学毕业证成绩单如何办理
一比一原版(UniSA毕业证)南澳大学毕业证成绩单如何办理一比一原版(UniSA毕业证)南澳大学毕业证成绩单如何办理
一比一原版(UniSA毕业证)南澳大学毕业证成绩单如何办理
zeyhe
 
Inter-Dimensional Girl Boards Segment (Act 3)
Inter-Dimensional Girl Boards Segment (Act 3)Inter-Dimensional Girl Boards Segment (Act 3)
Inter-Dimensional Girl Boards Segment (Act 3)
CristianMestre
 
ashokathegreat project class 12 presentation
ashokathegreat project class 12 presentationashokathegreat project class 12 presentation
ashokathegreat project class 12 presentation
aditiyad2020
 
acting board rough title here lolaaaaaaa
acting board rough title here lolaaaaaaaacting board rough title here lolaaaaaaa
acting board rough title here lolaaaaaaa
angelicafronda7
 
一比一原版(DU毕业证)迪肯大学毕业证成绩单
一比一原版(DU毕业证)迪肯大学毕业证成绩单一比一原版(DU毕业证)迪肯大学毕业证成绩单
一比一原版(DU毕业证)迪肯大学毕业证成绩单
zvaywau
 
2137ad Merindol Colony Interiors where refugee try to build a seemengly norm...
2137ad  Merindol Colony Interiors where refugee try to build a seemengly norm...2137ad  Merindol Colony Interiors where refugee try to build a seemengly norm...
2137ad Merindol Colony Interiors where refugee try to build a seemengly norm...
luforfor
 
The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎
The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎
The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎
iraqartsandculture
 
2137ad - Characters that live in Merindol and are at the center of main stories
2137ad - Characters that live in Merindol and are at the center of main stories2137ad - Characters that live in Merindol and are at the center of main stories
2137ad - Characters that live in Merindol and are at the center of main stories
luforfor
 
一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理
一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理
一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理
taqyed
 
Memory Rental Store - The Ending(Storyboard)
Memory Rental Store - The Ending(Storyboard)Memory Rental Store - The Ending(Storyboard)
Memory Rental Store - The Ending(Storyboard)
SuryaKalyan3
 
Fed by curiosity and beauty - Remembering Myrsine Zorba
Fed by curiosity and beauty - Remembering Myrsine ZorbaFed by curiosity and beauty - Remembering Myrsine Zorba
Fed by curiosity and beauty - Remembering Myrsine Zorba
mariavlachoupt
 
一比一原版(QUT毕业证)昆士兰科技大学毕业证成绩单如何办理
一比一原版(QUT毕业证)昆士兰科技大学毕业证成绩单如何办理一比一原版(QUT毕业证)昆士兰科技大学毕业证成绩单如何办理
一比一原版(QUT毕业证)昆士兰科技大学毕业证成绩单如何办理
zeyhe
 
Caffeinated Pitch Bible- developed by Claire Wilson
Caffeinated Pitch Bible- developed by Claire WilsonCaffeinated Pitch Bible- developed by Claire Wilson
Caffeinated Pitch Bible- developed by Claire Wilson
ClaireWilson398082
 
一比一原版(GU毕业证)格里菲斯大学毕业证成绩单
一比一原版(GU毕业证)格里菲斯大学毕业证成绩单一比一原版(GU毕业证)格里菲斯大学毕业证成绩单
一比一原版(GU毕业证)格里菲斯大学毕业证成绩单
zvaywau
 
Codes n Conventionss copy (2).pptx new new
Codes n Conventionss copy (2).pptx new newCodes n Conventionss copy (2).pptx new new
Codes n Conventionss copy (2).pptx new new
ZackSpencer3
 
Memory Rental Store - The Chase (Storyboard)
Memory Rental Store - The Chase (Storyboard)Memory Rental Store - The Chase (Storyboard)
Memory Rental Store - The Chase (Storyboard)
SuryaKalyan3
 
IrishWritersCtrsPersonalEssaysMay29.pptx
IrishWritersCtrsPersonalEssaysMay29.pptxIrishWritersCtrsPersonalEssaysMay29.pptx
IrishWritersCtrsPersonalEssaysMay29.pptx
Aine Greaney Ellrott
 
A Brief Introduction About Hadj Ounis
A Brief  Introduction  About  Hadj OunisA Brief  Introduction  About  Hadj Ounis
A Brief Introduction About Hadj Ounis
Hadj Ounis
 

Recently uploaded (19)

ART FORMS OF KERALA: TRADITIONAL AND OTHERS
ART FORMS OF KERALA: TRADITIONAL AND OTHERSART FORMS OF KERALA: TRADITIONAL AND OTHERS
ART FORMS OF KERALA: TRADITIONAL AND OTHERS
 
一比一原版(UniSA毕业证)南澳大学毕业证成绩单如何办理
一比一原版(UniSA毕业证)南澳大学毕业证成绩单如何办理一比一原版(UniSA毕业证)南澳大学毕业证成绩单如何办理
一比一原版(UniSA毕业证)南澳大学毕业证成绩单如何办理
 
Inter-Dimensional Girl Boards Segment (Act 3)
Inter-Dimensional Girl Boards Segment (Act 3)Inter-Dimensional Girl Boards Segment (Act 3)
Inter-Dimensional Girl Boards Segment (Act 3)
 
ashokathegreat project class 12 presentation
ashokathegreat project class 12 presentationashokathegreat project class 12 presentation
ashokathegreat project class 12 presentation
 
acting board rough title here lolaaaaaaa
acting board rough title here lolaaaaaaaacting board rough title here lolaaaaaaa
acting board rough title here lolaaaaaaa
 
一比一原版(DU毕业证)迪肯大学毕业证成绩单
一比一原版(DU毕业证)迪肯大学毕业证成绩单一比一原版(DU毕业证)迪肯大学毕业证成绩单
一比一原版(DU毕业证)迪肯大学毕业证成绩单
 
2137ad Merindol Colony Interiors where refugee try to build a seemengly norm...
2137ad  Merindol Colony Interiors where refugee try to build a seemengly norm...2137ad  Merindol Colony Interiors where refugee try to build a seemengly norm...
2137ad Merindol Colony Interiors where refugee try to build a seemengly norm...
 
The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎
The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎
The Last Polymath: Muntadher Saleh‎‎‎‎‎‎‎‎‎‎‎‎
 
2137ad - Characters that live in Merindol and are at the center of main stories
2137ad - Characters that live in Merindol and are at the center of main stories2137ad - Characters that live in Merindol and are at the center of main stories
2137ad - Characters that live in Merindol and are at the center of main stories
 
一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理
一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理
一比一原版(qut毕业证)昆士兰科技大学毕业证如何办理
 
Memory Rental Store - The Ending(Storyboard)
Memory Rental Store - The Ending(Storyboard)Memory Rental Store - The Ending(Storyboard)
Memory Rental Store - The Ending(Storyboard)
 
Fed by curiosity and beauty - Remembering Myrsine Zorba
Fed by curiosity and beauty - Remembering Myrsine ZorbaFed by curiosity and beauty - Remembering Myrsine Zorba
Fed by curiosity and beauty - Remembering Myrsine Zorba
 
一比一原版(QUT毕业证)昆士兰科技大学毕业证成绩单如何办理
一比一原版(QUT毕业证)昆士兰科技大学毕业证成绩单如何办理一比一原版(QUT毕业证)昆士兰科技大学毕业证成绩单如何办理
一比一原版(QUT毕业证)昆士兰科技大学毕业证成绩单如何办理
 
Caffeinated Pitch Bible- developed by Claire Wilson
Caffeinated Pitch Bible- developed by Claire WilsonCaffeinated Pitch Bible- developed by Claire Wilson
Caffeinated Pitch Bible- developed by Claire Wilson
 
一比一原版(GU毕业证)格里菲斯大学毕业证成绩单
一比一原版(GU毕业证)格里菲斯大学毕业证成绩单一比一原版(GU毕业证)格里菲斯大学毕业证成绩单
一比一原版(GU毕业证)格里菲斯大学毕业证成绩单
 
Codes n Conventionss copy (2).pptx new new
Codes n Conventionss copy (2).pptx new newCodes n Conventionss copy (2).pptx new new
Codes n Conventionss copy (2).pptx new new
 
Memory Rental Store - The Chase (Storyboard)
Memory Rental Store - The Chase (Storyboard)Memory Rental Store - The Chase (Storyboard)
Memory Rental Store - The Chase (Storyboard)
 
IrishWritersCtrsPersonalEssaysMay29.pptx
IrishWritersCtrsPersonalEssaysMay29.pptxIrishWritersCtrsPersonalEssaysMay29.pptx
IrishWritersCtrsPersonalEssaysMay29.pptx
 
A Brief Introduction About Hadj Ounis
A Brief  Introduction  About  Hadj OunisA Brief  Introduction  About  Hadj Ounis
A Brief Introduction About Hadj Ounis
 

Website first draft

  • 1. The first thing I chose to do when I started creating my website was to add the masthead and the navigation bar. I started with these as I thought it would be best to start at the top and then work my way down the page. I decided to put my masthead in the centre of the top of the page and larger than the navigation bar as I want it to be eye-catching to the audience and the first thing that the audience sees as this will help them remember my magazine and make it significance. I decided to space out the titles in my navigation bar to help keep the contemporary theme that my magazine has to help it also look quite professional and sophisticated.
  • 2. I then added my strapline underneath the header where my masthead and navigation bar is and centred it in the middle of the page in bold, large text. Again, I wanted my strapline to be eye- catching and easy to remember for the audience when thy visited the website, so I thought this would be the best decision for that purpose. Also, with the strapline being the only visible text on this part of the page, it allows the audience to see the dominant image clearly without anything blocking the view. The image shown is not my image as I am adding them after I complete all the texts and content.
  • 3. I then added a category section to my home page in order to allow my audience to become familiar with the sub-genres of the magazine and for them to be able to access the hyperlinked pages in different ways. I believe this layout helps the website to become modern and cultural as the categories are spaced out evenly and are eye- catching. The aim for the images is to be similar tones within the colours in order to keep the aesthetic appeal.
  • 4. Near the bottom of the homepage, I added some small blogpost that will make the audience become intrigued in the sub-genres and allows them to gain a perspective on the magazine without having to go into depth and search the whole site. I believe this will help me gain a wider audience as the layout of the website is quite simplistic however still extremely informative and I believe this will help when it comes to engaging the target audience. The colours used are very simplistic as they are mostly whites, blacks and greys however, the colour in the images allows the post to become eye catching.
  • 5. Next to the blog posts, I have a very short message post that introduces the social media links and encourages the audiences to go follow them in order to stay up to date. After this, I have also scattered the same social media links around the website in order to remind the audience that they exist, for example on the right of the message the social media is seen which follows the page whenever they scroll up or down. Below that there is an archive search, this allows the audience to search for different posts and articles depending on the month they were published. I believe that this is a good addition to the website as it will be an easier way for the audience to find an article that they came onto the website for.
  • 6. At the bottom of the homepage, I added a ‘contact us’ section where the audience can send queries or messages to the company. This will allow the audience to feel more connected with the magazine and will ultimately make them feel content when visiting the site.
  • 7. At the very bottom of the page, I have added a section called ‘Join the Colossal family’ this is where the audience can register their email addresses in order to gain weekly updates on the articles that will be published in the magazines, allowing to stay up to date without having the hassle of trying to find the news elsewhere. Below this there is also the social media links for the magazine to remind the audience to go and follow them. The theme throughout this website will be whites, black and greys with the occasional pop of colour from images and the sub-genre colours. This is featured at the bottom of every page.
  • 8. In order to achieve my sub-genre colours, I had to add buttons on top of the menu in order to achieve the individual hover colours due to the menu being a single thing so if you tried to change the colours, all the titles would change. I did this for each title.
  • 9. I then had to create a button that overlapped the menu title on each hyperlinked page in order to achieve the colour change that matched the sub-genre. I done this by disabling the ‘show on all pages’ button so that colour would only appear on the selected page. I continued to do this for the other hyperlinked page as well.
  • 10. For my first hyperlink page (events) I have followed my flatplan and created a contents box on the top left hand side of the page with three articles surrounding it. I thought this was a good idea because the audience will be able to see what articles the website has and also allows them to see previews of the articles so they can gain an idea on how they are written. The previews also have a small summary which will draw the attention of the reader and make them want to read the rest of the article to see what happens. The colour for this sub-genre is a pastel purple/pink. I decided to use pastel colours as part of my colour scheme because I thought it would help with the contemporary and cultural theme of the magazine.
  • 11. The colour for this sub-genre is pastel blue as I believe that is the most fitting colour for a music genre. The second hyperlinked page I chose to create was a music section, this is because I believe that this is the second most popular sub-genre within the magazine due to the target audience enjoying different types of music e.g. indie and rap. I stuck to my flatplan when creating this page as I believe it is extremely eye-catching and sophisticated. I chose to display four articles, with a title and a short summary of what it is about along with a read more button for when the audience wants to continue reading. The images that I will capture for this page will be quiet artsy and quirky in order to show the personality of my models, allowing the audience to relate.