SlideShare a Scribd company logo
1 of 12
Post Production: Website 
Construction and Editing
From my website analysis 
research I discovered common 
codes and conventions that I 
wanted to include in our website. 
We drew out some rough 
templates of how we wanted our 
website to appear and had a group 
discussion on the colours, images 
and fonts we wanted to use. We 
noted down all our ideas so we 
could refer to them later.
Initial ideas for the website
The 
construction of 
the website so 
far using 
www.wix.com
Planning the layout 
Front/main page: 
Background image of artist 
that fills the page 
Name of artist and the album title 
Social Media icon bar containing: Facebook, Twitter, Instagram and YouTube
As you can see we stuck very closely to our planning of the main/front page. We selected this 
image because from our research we discovered that the main page generally contained an 
‘in action shot’ of the artist and according to target audience research most people agreed 
that they found this set up appealing and that they would definitely visit this website. 
We decided to go with the grey/silver colour because in my research I learnt about the 
connotations of the colour which fitted nicely into our representation. The website ‘wix’ allowed 
me to test background images, add font and add the social media icons.
Rough design of the welcome page 
Navigation buttons 
with text on them Image of Luna (either the brick 
wall shots, the mirror shots or the 
throne shots)
Background image of our artist is conventional 
Navigation 
buttons which 
take you to the 
sub-pages 
We might change the thickness of the 
writing and perhaps change the colour as it 
is difficult to read against this background.
We thought this font would be 
most suitable in terms of how we 
want to market our artist as 
sophisticated and classy. The font 
is elegant and neither chunky nor 
outdated for the representation 
we are aiming for. 
We have another background 
image of our artist. We chose 
this image because it gave our 
website more variety (all the 
shots used so far are face on) so 
we wanted something different 
and interesting to engage 
consumers. 
Tour date information is 
condensed in this simple table 
here so that consumers can 
easily retrieve the key 
information. We are planning 
on adding a link to ‘Ticket 
master’ or ‘Event brite’. 
This sub-page is experimental we created it as we went 
along.
Caption explaining 
that the music 
video is new and 
gives details of the 
title of the album 
Our music video will 
appear on this sub-page 
centrally 
The logo we have produced for Luna Official 
A feature where 
consumers can 
purchase the 
track/video on 
ITunes 
An image of Luna on the throne which 
plays on an idea explored in the music 
video 
We discussed this 
about a simple set 
up in class and 
created it together.
Background image (in action shot) 
This page is temporary: ideas are still in progress 
Writing is in the same font and 
colours as the previous sub-pages 
We are thinking of 
making a show reel 
on this page as I have 
seen this feature on 
artists such as Ella 
Henderson's website 
A selection of images from our initial photo shoot that will we 
feel show the personality of our artist best
Another image we thought would engage consumers 
Temporary 
image 
From my website research I noticed that not all of the websites had an ‘About’ section 
however as our artist is up and coming I believe it is necessary to include some information 
about her.

More Related Content

What's hot

Development diary digi pak
Development diary   digi pakDevelopment diary   digi pak
Development diary digi pakl-heathorn
 
Creating my ancillary tasks
Creating my ancillary tasksCreating my ancillary tasks
Creating my ancillary tasksJanet Bargmann
 
Digipak analysis
Digipak analysisDigipak analysis
Digipak analysislaurenria
 
Ancillary Task Poster Development
Ancillary Task Poster DevelopmentAncillary Task Poster Development
Ancillary Task Poster DevelopmentDavidFlaherty1
 
Album cover & poster (practice) step by-step
Album cover & poster (practice) step by-stepAlbum cover & poster (practice) step by-step
Album cover & poster (practice) step by-stepanthony01425
 
The Design Process
The Design ProcessThe Design Process
The Design ProcessEmsAlice
 
Cd Evaluation A2 Media
Cd Evaluation A2 MediaCd Evaluation A2 Media
Cd Evaluation A2 Media06PCAUDY
 
Cd Cover evaluation A2 Media
Cd Cover evaluation A2 MediaCd Cover evaluation A2 Media
Cd Cover evaluation A2 Media06PCAUDY
 
Cd evaluation
Cd evaluationCd evaluation
Cd evaluationJhynel
 
Planning The Contents Of My Digipak Booklet
Planning The Contents Of My Digipak BookletPlanning The Contents Of My Digipak Booklet
Planning The Contents Of My Digipak Bookletguest3d82fa
 
Print Production Panel Process
Print Production Panel ProcessPrint Production Panel Process
Print Production Panel ProcessLivThomas
 
Website design
Website designWebsite design
Website designdobbyclark
 
JKL - Audience feedback on v2
JKL - Audience feedback on v2JKL - Audience feedback on v2
JKL - Audience feedback on v2Jushna11
 
Audience feedback on v2
Audience feedback on v2Audience feedback on v2
Audience feedback on v2kenzamokhtari
 
1st+music magazine powerpoint taffy school 13th decemberggj
1st+music magazine powerpoint taffy school 13th decemberggj1st+music magazine powerpoint taffy school 13th decemberggj
1st+music magazine powerpoint taffy school 13th decemberggjTafi123
 

What's hot (19)

Development diary digi pak
Development diary   digi pakDevelopment diary   digi pak
Development diary digi pak
 
Editing Proces our Website
Editing Proces our WebsiteEditing Proces our Website
Editing Proces our Website
 
Creating my ancillary tasks
Creating my ancillary tasksCreating my ancillary tasks
Creating my ancillary tasks
 
Digipak analysis
Digipak analysisDigipak analysis
Digipak analysis
 
Ancillary Task Poster Development
Ancillary Task Poster DevelopmentAncillary Task Poster Development
Ancillary Task Poster Development
 
Album cover & poster (practice) step by-step
Album cover & poster (practice) step by-stepAlbum cover & poster (practice) step by-step
Album cover & poster (practice) step by-step
 
Development of poster
Development of posterDevelopment of poster
Development of poster
 
Development of poster
Development of posterDevelopment of poster
Development of poster
 
The Design Process
The Design ProcessThe Design Process
The Design Process
 
Cd Evaluation A2 Media
Cd Evaluation A2 MediaCd Evaluation A2 Media
Cd Evaluation A2 Media
 
Cd Cover evaluation A2 Media
Cd Cover evaluation A2 MediaCd Cover evaluation A2 Media
Cd Cover evaluation A2 Media
 
Cd evaluation
Cd evaluationCd evaluation
Cd evaluation
 
Planning The Contents Of My Digipak Booklet
Planning The Contents Of My Digipak BookletPlanning The Contents Of My Digipak Booklet
Planning The Contents Of My Digipak Booklet
 
Print Production Panel Process
Print Production Panel ProcessPrint Production Panel Process
Print Production Panel Process
 
Website design
Website designWebsite design
Website design
 
JKL - Audience feedback on v2
JKL - Audience feedback on v2JKL - Audience feedback on v2
JKL - Audience feedback on v2
 
Audience feedback on v2
Audience feedback on v2Audience feedback on v2
Audience feedback on v2
 
1st+music magazine powerpoint taffy school 13th decemberggj
1st+music magazine powerpoint taffy school 13th decemberggj1st+music magazine powerpoint taffy school 13th decemberggj
1st+music magazine powerpoint taffy school 13th decemberggj
 
Creating poster
Creating posterCreating poster
Creating poster
 

Similar to Post production

Question 2 - Media Evaluation
Question 2 - Media EvaluationQuestion 2 - Media Evaluation
Question 2 - Media Evaluationwebb999
 
Evaluation 4 - Website
Evaluation 4 - WebsiteEvaluation 4 - Website
Evaluation 4 - WebsiteMarina Waldron
 
Evaluation a2 media 2
Evaluation a2 media 2Evaluation a2 media 2
Evaluation a2 media 2ClauvenaG
 
Website evaluation four4
Website evaluation four4Website evaluation four4
Website evaluation four4sashawardy1
 
Complete FMP Presentation Document
Complete FMP Presentation DocumentComplete FMP Presentation Document
Complete FMP Presentation DocumentJack Ward
 
Website production
Website productionWebsite production
Website productionIndie Lines
 
Construction Of Digipak
Construction Of DigipakConstruction Of Digipak
Construction Of Digipakjamsjamsjams
 
Website analysis
Website analysisWebsite analysis
Website analysisAndehh
 
Production of Website
Production of WebsiteProduction of Website
Production of Websiteciaraferreira
 
Evaluation: Question 2
Evaluation: Question 2Evaluation: Question 2
Evaluation: Question 2CoombeMedia
 
Document Design Final Project Paper
Document Design Final Project PaperDocument Design Final Project Paper
Document Design Final Project PaperStephen Hilton
 
Evidence of the creation of my website
Evidence of the creation of my websiteEvidence of the creation of my website
Evidence of the creation of my websiteFreya Wadeley
 
Wix step by step presentation
Wix step by step presentationWix step by step presentation
Wix step by step presentationmandasdrive
 
Trailer Evaluation Q4
Trailer Evaluation Q4Trailer Evaluation Q4
Trailer Evaluation Q4zoelauren95
 
Evaluation question 4
Evaluation question 4Evaluation question 4
Evaluation question 4Sam Benzie
 
Media evaluation poster and website
Media evaluation  poster and websiteMedia evaluation  poster and website
Media evaluation poster and websiteLucyA2Media
 

Similar to Post production (20)

%Website construction
%Website construction%Website construction
%Website construction
 
Question 2 - Media Evaluation
Question 2 - Media EvaluationQuestion 2 - Media Evaluation
Question 2 - Media Evaluation
 
Evaluation 4 - Website
Evaluation 4 - WebsiteEvaluation 4 - Website
Evaluation 4 - Website
 
Evaluation a2 media 2
Evaluation a2 media 2Evaluation a2 media 2
Evaluation a2 media 2
 
Website evaluation four4
Website evaluation four4Website evaluation four4
Website evaluation four4
 
Complete FMP Presentation Document
Complete FMP Presentation DocumentComplete FMP Presentation Document
Complete FMP Presentation Document
 
Website production
Website productionWebsite production
Website production
 
Evaluation Q4
Evaluation Q4Evaluation Q4
Evaluation Q4
 
Drafts of website final
Drafts of website finalDrafts of website final
Drafts of website final
 
Construction Of Digipak
Construction Of DigipakConstruction Of Digipak
Construction Of Digipak
 
Website analysis
Website analysisWebsite analysis
Website analysis
 
Production of Website
Production of WebsiteProduction of Website
Production of Website
 
Evaluation: Question 2
Evaluation: Question 2Evaluation: Question 2
Evaluation: Question 2
 
Document Design Final Project Paper
Document Design Final Project PaperDocument Design Final Project Paper
Document Design Final Project Paper
 
Website analysis
Website analysisWebsite analysis
Website analysis
 
Evidence of the creation of my website
Evidence of the creation of my websiteEvidence of the creation of my website
Evidence of the creation of my website
 
Wix step by step presentation
Wix step by step presentationWix step by step presentation
Wix step by step presentation
 
Trailer Evaluation Q4
Trailer Evaluation Q4Trailer Evaluation Q4
Trailer Evaluation Q4
 
Evaluation question 4
Evaluation question 4Evaluation question 4
Evaluation question 4
 
Media evaluation poster and website
Media evaluation  poster and websiteMedia evaluation  poster and website
Media evaluation poster and website
 

Recently uploaded

CELL CYCLE Division Science 8 quarter IV.pptx
CELL CYCLE Division Science 8 quarter IV.pptxCELL CYCLE Division Science 8 quarter IV.pptx
CELL CYCLE Division Science 8 quarter IV.pptxJiesonDelaCerna
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentInMediaRes1
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxiammrhaywood
 
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdfFraming an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdfUjwalaBharambe
 
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfEnzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfSumit Tiwari
 
Meghan Sutherland In Media Res Media Component
Meghan Sutherland In Media Res Media ComponentMeghan Sutherland In Media Res Media Component
Meghan Sutherland In Media Res Media ComponentInMediaRes1
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...M56BOOKSTORE PRODUCT/SERVICE
 
Capitol Tech U Doctoral Presentation - April 2024.pptx
Capitol Tech U Doctoral Presentation - April 2024.pptxCapitol Tech U Doctoral Presentation - April 2024.pptx
Capitol Tech U Doctoral Presentation - April 2024.pptxCapitolTechU
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersSabitha Banu
 
Painted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaPainted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaVirag Sontakke
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdfssuser54595a
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
internship ppt on smartinternz platform as salesforce developer
internship ppt on smartinternz platform as salesforce developerinternship ppt on smartinternz platform as salesforce developer
internship ppt on smartinternz platform as salesforce developerunnathinaik
 
Hierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementHierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementmkooblal
 

Recently uploaded (20)

CELL CYCLE Division Science 8 quarter IV.pptx
CELL CYCLE Division Science 8 quarter IV.pptxCELL CYCLE Division Science 8 quarter IV.pptx
CELL CYCLE Division Science 8 quarter IV.pptx
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media Component
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
 
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdfFraming an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
 
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfEnzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
 
Meghan Sutherland In Media Res Media Component
Meghan Sutherland In Media Res Media ComponentMeghan Sutherland In Media Res Media Component
Meghan Sutherland In Media Res Media Component
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
 
Capitol Tech U Doctoral Presentation - April 2024.pptx
Capitol Tech U Doctoral Presentation - April 2024.pptxCapitol Tech U Doctoral Presentation - April 2024.pptx
Capitol Tech U Doctoral Presentation - April 2024.pptx
 
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginners
 
Painted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaPainted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of India
 
ESSENTIAL of (CS/IT/IS) class 06 (database)
ESSENTIAL of (CS/IT/IS) class 06 (database)ESSENTIAL of (CS/IT/IS) class 06 (database)
ESSENTIAL of (CS/IT/IS) class 06 (database)
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
internship ppt on smartinternz platform as salesforce developer
internship ppt on smartinternz platform as salesforce developerinternship ppt on smartinternz platform as salesforce developer
internship ppt on smartinternz platform as salesforce developer
 
Hierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementHierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of management
 

Post production

  • 1. Post Production: Website Construction and Editing
  • 2. From my website analysis research I discovered common codes and conventions that I wanted to include in our website. We drew out some rough templates of how we wanted our website to appear and had a group discussion on the colours, images and fonts we wanted to use. We noted down all our ideas so we could refer to them later.
  • 3. Initial ideas for the website
  • 4. The construction of the website so far using www.wix.com
  • 5. Planning the layout Front/main page: Background image of artist that fills the page Name of artist and the album title Social Media icon bar containing: Facebook, Twitter, Instagram and YouTube
  • 6. As you can see we stuck very closely to our planning of the main/front page. We selected this image because from our research we discovered that the main page generally contained an ‘in action shot’ of the artist and according to target audience research most people agreed that they found this set up appealing and that they would definitely visit this website. We decided to go with the grey/silver colour because in my research I learnt about the connotations of the colour which fitted nicely into our representation. The website ‘wix’ allowed me to test background images, add font and add the social media icons.
  • 7. Rough design of the welcome page Navigation buttons with text on them Image of Luna (either the brick wall shots, the mirror shots or the throne shots)
  • 8. Background image of our artist is conventional Navigation buttons which take you to the sub-pages We might change the thickness of the writing and perhaps change the colour as it is difficult to read against this background.
  • 9. We thought this font would be most suitable in terms of how we want to market our artist as sophisticated and classy. The font is elegant and neither chunky nor outdated for the representation we are aiming for. We have another background image of our artist. We chose this image because it gave our website more variety (all the shots used so far are face on) so we wanted something different and interesting to engage consumers. Tour date information is condensed in this simple table here so that consumers can easily retrieve the key information. We are planning on adding a link to ‘Ticket master’ or ‘Event brite’. This sub-page is experimental we created it as we went along.
  • 10. Caption explaining that the music video is new and gives details of the title of the album Our music video will appear on this sub-page centrally The logo we have produced for Luna Official A feature where consumers can purchase the track/video on ITunes An image of Luna on the throne which plays on an idea explored in the music video We discussed this about a simple set up in class and created it together.
  • 11. Background image (in action shot) This page is temporary: ideas are still in progress Writing is in the same font and colours as the previous sub-pages We are thinking of making a show reel on this page as I have seen this feature on artists such as Ella Henderson's website A selection of images from our initial photo shoot that will we feel show the personality of our artist best
  • 12. Another image we thought would engage consumers Temporary image From my website research I noticed that not all of the websites had an ‘About’ section however as our artist is up and coming I believe it is necessary to include some information about her.