SlideShare une entreprise Scribd logo
1  sur  11
WEBSITE
IMPLEMENTATION
WEBSITE IMPLEMENTATION
I wanted to achieve the
deep red colour that would
be the only colour of the
theme apart from black on
my website. To do this, I
customised the palette
that had been
automatically set up by the
website. By changing the
red to a deeper red, I
managed to change the
colour of certain aspects of
the website. I played
around with the palette
until I was happy with the
mouse-over colour of the
menu.
WEBSITE IMPLEMENTATION
I then had to focus on the band’s image
that I had shot during filming. I first
reduced the noise in the hope of
enhancing the quality of the image. this
involved getting the right balance
between the options ‘Strength’, ‘Reduce
Colour Noise’ and ‘Sharpen Details’. I
then removed the unnecessary
background such as the poster and wall.
After that I further enhanced the image
using Picasa
3 Editor.
WEBSITE IMPLEMENTATION
Where I originally planned to have an
‘About’ page, I decided that his was
outdated after further research into indie
and indie rock artist websites. Most do
not have an About page anymore, but
rather replace it for a more current
‘News’ page. This is regularly updated
and some are even linked to the artist’s
social networking sites to keep fans up to
date with the artist’s movements.
WEBSITE IMPLEMENTATION
I then began linking in social media sites
run by the real Bloc Party to give the
website a more authentic appearance. I
did this by adding one of Wix’s apps from
the app market that would display the
feed of any Twitter or Facebook account I
chose. I linked my website to the real
Bloc Party Twitter and Facebook
accounts. I would have also liked to have
used an Instagram account for the band,
but this would have included images of
the real band members rather than the
people I chose to portray Bloc Party.
WEBSITE IMPLEMENTATION
I then began working on my ‘Music’ page. This page
would contain the most popular music from all albums,
sorted by album. A different track would then be
available for free download towards the bottom of the
page. I began first by inserting an ‘Audio
Play Button’ which I then change the design
for. I played around firstly with using the
deep red, however I wanted to keep this a
special colour and thus use it as little as
possible. Finally, I opted for a black
background with a white arrow, which
blends into the background in a way that
makes the black background
unnoticeable. I felt that this
was the most anaesthetically
effective. It was then time to
add the music and the rest of
the tracks.
WEBSITE IMPLEMENTATION
I began adding in lyrics to the Lyric
page by copying and pasting the
lyrics to songs on the album I had
constructed. This proved to be a
bit problematic because I had
changed the names of several
songs, and made up names for
non-existent songs. This means
that some songs were not on the
lyrics page. I got around this by
adding a small notice at the
bottom, explaining that the rest of
the lyrics would be posted when
the full album was released.
WEBSITE IMPLEMENTATION
I also had to then change the
generic image of the Contact page
to the band image. This was the
only place I used the band image
as most indie rock websites do not
seem to feature the band at all.
This is also the same band image
used on the digipak to show
consistency and corporate identity.
The band is shown little, therefore
by using the same image, they are
more easily recognised by the
audience and thus it can be
established who the band are.
I added producer contact info as this was common place for
indie rock bands. Many indie rock bands also had separate e-
mail addresses for bookings and publicity as they are usually
still only small scale bands who often have a lot more say in
where and who they play for and have the time to see and
potentially answer most e-mails.
WEBSITE IMPLEMENTATION
For the video, once again I used one of the apps from the Wix App Market. I wanted to display
videos as a type of gallery to make it more interesting for the viewer and also act as a sort of
timeline for the band. The ideal app for this was TubePress.
I was able to select the size of the video as well as customise
the overall appearance. I was able to make the background
Blend in to the black background of my website and change
The type of button present to switch from video to video.
WEBSITE IMPLEMENTATION
I used Windows Movie Maker to cut out the audio of the clip and also put
the black and white effect on. This was then uploaded onto YouTube and
linked into Wix. I checked Autoplay and Loop so that it would play without
any input from the user. I then made an enter
button for the page using Adobe Photoshop
Premiere Elements CS5. This was a simple ENTER
sign that was in the same font as the album cover
for consistency. This I placed carefully so that the
letters would be visible on the light background.
I linked this to the webpage named Home so that
users would be directed to the
correct place when they clicked
enter.
WEBSITE IMPLEMENTATION
My last page to edit was the Live page. I used another band’s UK
tour venues to construct a convincing list of venues and dates for
Bloc Party. I then placed a ‘Tickets’ text button next to each line.
This link is linked to Ticketmaster – a well known and trusted ticket
retailer which is widely used by most venues and box officers from
operas to festivals.
I used the Wix rulers to give myself
guidelines and align the text up for each
line perfectly.

Contenu connexe

Tendances

Step by step guide to my album cover
Step by step guide to my album coverStep by step guide to my album cover
Step by step guide to my album covermatthew menham
 
The Design Process
The Design ProcessThe Design Process
The Design ProcessEmsAlice
 
Making of digipak
Making of digipakMaking of digipak
Making of digipakemmgree
 
Wcq slide presentation
Wcq slide presentationWcq slide presentation
Wcq slide presentationBradsanton01
 
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
 
Cd cover, back cover and insert
Cd cover, back cover and insertCd cover, back cover and insert
Cd cover, back cover and insertohitstamsin
 
Digipak printscreens
Digipak printscreensDigipak printscreens
Digipak printscreensg3mmasmith
 
Construction cd cover
Construction cd coverConstruction cd cover
Construction cd covermediafan
 
Front cover production.docx
Front cover production.docxFront cover production.docx
Front cover production.docxseanmillington
 
Double page spread powerpoint
Double page spread powerpointDouble page spread powerpoint
Double page spread powerpointiramd
 
Double page spread powerpoint
Double page spread powerpointDouble page spread powerpoint
Double page spread powerpointkhan122345
 
A2 Media Studies - Digipack Powerpoint
A2 Media Studies - Digipack PowerpointA2 Media Studies - Digipack Powerpoint
A2 Media Studies - Digipack PowerpointPheebs023
 
Print Production Panel Process
Print Production Panel ProcessPrint Production Panel Process
Print Production Panel ProcessLivThomas
 
Screenshots from Premier
Screenshots from PremierScreenshots from Premier
Screenshots from Premierkelseyhaslam
 

Tendances (20)

Evaluation 1
Evaluation 1Evaluation 1
Evaluation 1
 
Step by step guide to my album cover
Step by step guide to my album coverStep by step guide to my album cover
Step by step guide to my album cover
 
The Design Process
The Design ProcessThe Design Process
The Design Process
 
Making of digipak
Making of digipakMaking of digipak
Making of digipak
 
Editing proces website
Editing proces websiteEditing proces website
Editing proces website
 
Wcq slide presentation
Wcq slide presentationWcq slide presentation
Wcq slide presentation
 
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
 
Digipak construction
Digipak construction Digipak construction
Digipak construction
 
Cd cover, back cover and insert
Cd cover, back cover and insertCd cover, back cover and insert
Cd cover, back cover and insert
 
Digipak printscreens
Digipak printscreensDigipak printscreens
Digipak printscreens
 
Presentation1
Presentation1Presentation1
Presentation1
 
Construction cd cover
Construction cd coverConstruction cd cover
Construction cd cover
 
Front cover production.docx
Front cover production.docxFront cover production.docx
Front cover production.docx
 
Editing Proces our Website
Editing Proces our WebsiteEditing Proces our Website
Editing Proces our Website
 
Double page spread powerpoint
Double page spread powerpointDouble page spread powerpoint
Double page spread powerpoint
 
Double page spread powerpoint
Double page spread powerpointDouble page spread powerpoint
Double page spread powerpoint
 
A2 Media Studies - Digipack Powerpoint
A2 Media Studies - Digipack PowerpointA2 Media Studies - Digipack Powerpoint
A2 Media Studies - Digipack Powerpoint
 
Print Production Panel Process
Print Production Panel ProcessPrint Production Panel Process
Print Production Panel Process
 
Portfolio
PortfolioPortfolio
Portfolio
 
Screenshots from Premier
Screenshots from PremierScreenshots from Premier
Screenshots from Premier
 

En vedette

Eight Tips to a Successful Website Implementation
Eight Tips to a Successful Website ImplementationEight Tips to a Successful Website Implementation
Eight Tips to a Successful Website ImplementationJason Samuels
 
Tag-based Semantic Website Recommendation
Tag-based Semantic Website Recommendation Tag-based Semantic Website Recommendation
Tag-based Semantic Website Recommendation Onur Yılmaz
 
Further Website Implementation
Further Website ImplementationFurther Website Implementation
Further Website Implementationshannon-newton
 
Website conclusion
Website conclusionWebsite conclusion
Website conclusioncrowny1997
 
Website analysis report
Website analysis reportWebsite analysis report
Website analysis reportvimlesh88
 
Website Analysis Report
Website Analysis ReportWebsite Analysis Report
Website Analysis ReportAuroIN
 
Web design proposal sample
Web design proposal sampleWeb design proposal sample
Web design proposal sampleAdviacent
 
Website analysis sample report
Website analysis sample reportWebsite analysis sample report
Website analysis sample reportSukumar Jena
 

En vedette (9)

Eight Tips to a Successful Website Implementation
Eight Tips to a Successful Website ImplementationEight Tips to a Successful Website Implementation
Eight Tips to a Successful Website Implementation
 
Tag-based Semantic Website Recommendation
Tag-based Semantic Website Recommendation Tag-based Semantic Website Recommendation
Tag-based Semantic Website Recommendation
 
Further Website Implementation
Further Website ImplementationFurther Website Implementation
Further Website Implementation
 
Website conclusion
Website conclusionWebsite conclusion
Website conclusion
 
Website analysis report
Website analysis reportWebsite analysis report
Website analysis report
 
Website Analysis Report
Website Analysis ReportWebsite Analysis Report
Website Analysis Report
 
Project management and project life cycle
Project management and project life cycleProject management and project life cycle
Project management and project life cycle
 
Web design proposal sample
Web design proposal sampleWeb design proposal sample
Web design proposal sample
 
Website analysis sample report
Website analysis sample reportWebsite analysis sample report
Website analysis sample report
 

Similaire à Website implementation

Production of Website
Production of WebsiteProduction of Website
Production of Websiteciaraferreira
 
G324 Shane Dobbing Media Evaluation
G324 Shane Dobbing Media EvaluationG324 Shane Dobbing Media Evaluation
G324 Shane Dobbing Media Evaluationmediaksgs
 
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
 
Website building
Website buildingWebsite building
Website buildingrtimlett
 
A2 Music Video Evaluation
A2 Music Video EvaluationA2 Music Video Evaluation
A2 Music Video Evaluationguest40bd08313
 
Website construction
Website constructionWebsite construction
Website constructionbelleaj
 
Evaluation question 2
Evaluation question 2Evaluation question 2
Evaluation question 2lucybrenner19
 
Question 2 - Media Evaluation
Question 2 - Media EvaluationQuestion 2 - Media Evaluation
Question 2 - Media Evaluationwebb999
 
AS Media Evaluation Q2
AS Media Evaluation Q2 AS Media Evaluation Q2
AS Media Evaluation Q2 Alanah Mudie
 
Evaluation: Question 2
Evaluation: Question 2Evaluation: Question 2
Evaluation: Question 2CoombeMedia
 
Evaluative commentary part 1
Evaluative commentary part 1Evaluative commentary part 1
Evaluative commentary part 1mo_usman
 
Music video presentation
Music video presentationMusic video presentation
Music video presentationsarah hemingway
 
Evaluation question 4
Evaluation question 4Evaluation question 4
Evaluation question 4Aspence92
 

Similaire à Website implementation (20)

Production of Website
Production of WebsiteProduction of Website
Production of Website
 
G324 Shane Dobbing Media Evaluation
G324 Shane Dobbing Media EvaluationG324 Shane Dobbing Media Evaluation
G324 Shane Dobbing Media Evaluation
 
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
 
Website building
Website buildingWebsite building
Website building
 
Crimson Presentation
Crimson Presentation Crimson Presentation
Crimson Presentation
 
A2 Music Video Evaluation
A2 Music Video EvaluationA2 Music Video Evaluation
A2 Music Video Evaluation
 
Website construction
Website constructionWebsite construction
Website construction
 
Convention
ConventionConvention
Convention
 
Evaluation question 2
Evaluation question 2Evaluation question 2
Evaluation question 2
 
Question 2 - Media Evaluation
Question 2 - Media EvaluationQuestion 2 - Media Evaluation
Question 2 - Media Evaluation
 
Q2
Q2Q2
Q2
 
AS Media Evaluation Q2
AS Media Evaluation Q2 AS Media Evaluation Q2
AS Media Evaluation Q2
 
Evaluation: Question 2
Evaluation: Question 2Evaluation: Question 2
Evaluation: Question 2
 
Evaluation
EvaluationEvaluation
Evaluation
 
Evaluation question 1
Evaluation question 1Evaluation question 1
Evaluation question 1
 
Evaluative commentary part 1
Evaluative commentary part 1Evaluative commentary part 1
Evaluative commentary part 1
 
Music video presentation
Music video presentationMusic video presentation
Music video presentation
 
Question 2 evaluation
Question 2 evaluationQuestion 2 evaluation
Question 2 evaluation
 
Question 2 evaluation
Question 2 evaluationQuestion 2 evaluation
Question 2 evaluation
 
Evaluation question 4
Evaluation question 4Evaluation question 4
Evaluation question 4
 

Plus de jmkyang

Digipak Plan and Design
Digipak Plan and DesignDigipak Plan and Design
Digipak Plan and Designjmkyang
 
Song Analysis
Song AnalysisSong Analysis
Song Analysisjmkyang
 
Cast Choices
Cast ChoicesCast Choices
Cast Choicesjmkyang
 
Conventions of artist(s) websites
Conventions of artist(s) websitesConventions of artist(s) websites
Conventions of artist(s) websitesjmkyang
 
Opening Sequence Storyboard
Opening Sequence StoryboardOpening Sequence Storyboard
Opening Sequence Storyboardjmkyang
 
Filming Preparations
Filming Preparations Filming Preparations
Filming Preparations jmkyang
 
Preliminary Task Storyboard
Preliminary Task StoryboardPreliminary Task Storyboard
Preliminary Task Storyboardjmkyang
 

Plus de jmkyang (7)

Digipak Plan and Design
Digipak Plan and DesignDigipak Plan and Design
Digipak Plan and Design
 
Song Analysis
Song AnalysisSong Analysis
Song Analysis
 
Cast Choices
Cast ChoicesCast Choices
Cast Choices
 
Conventions of artist(s) websites
Conventions of artist(s) websitesConventions of artist(s) websites
Conventions of artist(s) websites
 
Opening Sequence Storyboard
Opening Sequence StoryboardOpening Sequence Storyboard
Opening Sequence Storyboard
 
Filming Preparations
Filming Preparations Filming Preparations
Filming Preparations
 
Preliminary Task Storyboard
Preliminary Task StoryboardPreliminary Task Storyboard
Preliminary Task Storyboard
 

Dernier

办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一A SSS
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作7tz4rjpd
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 

Dernier (20)

办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 

Website implementation

  • 2. WEBSITE IMPLEMENTATION I wanted to achieve the deep red colour that would be the only colour of the theme apart from black on my website. To do this, I customised the palette that had been automatically set up by the website. By changing the red to a deeper red, I managed to change the colour of certain aspects of the website. I played around with the palette until I was happy with the mouse-over colour of the menu.
  • 3. WEBSITE IMPLEMENTATION I then had to focus on the band’s image that I had shot during filming. I first reduced the noise in the hope of enhancing the quality of the image. this involved getting the right balance between the options ‘Strength’, ‘Reduce Colour Noise’ and ‘Sharpen Details’. I then removed the unnecessary background such as the poster and wall. After that I further enhanced the image using Picasa 3 Editor.
  • 4. WEBSITE IMPLEMENTATION Where I originally planned to have an ‘About’ page, I decided that his was outdated after further research into indie and indie rock artist websites. Most do not have an About page anymore, but rather replace it for a more current ‘News’ page. This is regularly updated and some are even linked to the artist’s social networking sites to keep fans up to date with the artist’s movements.
  • 5. WEBSITE IMPLEMENTATION I then began linking in social media sites run by the real Bloc Party to give the website a more authentic appearance. I did this by adding one of Wix’s apps from the app market that would display the feed of any Twitter or Facebook account I chose. I linked my website to the real Bloc Party Twitter and Facebook accounts. I would have also liked to have used an Instagram account for the band, but this would have included images of the real band members rather than the people I chose to portray Bloc Party.
  • 6. WEBSITE IMPLEMENTATION I then began working on my ‘Music’ page. This page would contain the most popular music from all albums, sorted by album. A different track would then be available for free download towards the bottom of the page. I began first by inserting an ‘Audio Play Button’ which I then change the design for. I played around firstly with using the deep red, however I wanted to keep this a special colour and thus use it as little as possible. Finally, I opted for a black background with a white arrow, which blends into the background in a way that makes the black background unnoticeable. I felt that this was the most anaesthetically effective. It was then time to add the music and the rest of the tracks.
  • 7. WEBSITE IMPLEMENTATION I began adding in lyrics to the Lyric page by copying and pasting the lyrics to songs on the album I had constructed. This proved to be a bit problematic because I had changed the names of several songs, and made up names for non-existent songs. This means that some songs were not on the lyrics page. I got around this by adding a small notice at the bottom, explaining that the rest of the lyrics would be posted when the full album was released.
  • 8. WEBSITE IMPLEMENTATION I also had to then change the generic image of the Contact page to the band image. This was the only place I used the band image as most indie rock websites do not seem to feature the band at all. This is also the same band image used on the digipak to show consistency and corporate identity. The band is shown little, therefore by using the same image, they are more easily recognised by the audience and thus it can be established who the band are. I added producer contact info as this was common place for indie rock bands. Many indie rock bands also had separate e- mail addresses for bookings and publicity as they are usually still only small scale bands who often have a lot more say in where and who they play for and have the time to see and potentially answer most e-mails.
  • 9. WEBSITE IMPLEMENTATION For the video, once again I used one of the apps from the Wix App Market. I wanted to display videos as a type of gallery to make it more interesting for the viewer and also act as a sort of timeline for the band. The ideal app for this was TubePress. I was able to select the size of the video as well as customise the overall appearance. I was able to make the background Blend in to the black background of my website and change The type of button present to switch from video to video.
  • 10. WEBSITE IMPLEMENTATION I used Windows Movie Maker to cut out the audio of the clip and also put the black and white effect on. This was then uploaded onto YouTube and linked into Wix. I checked Autoplay and Loop so that it would play without any input from the user. I then made an enter button for the page using Adobe Photoshop Premiere Elements CS5. This was a simple ENTER sign that was in the same font as the album cover for consistency. This I placed carefully so that the letters would be visible on the light background. I linked this to the webpage named Home so that users would be directed to the correct place when they clicked enter.
  • 11. WEBSITE IMPLEMENTATION My last page to edit was the Live page. I used another band’s UK tour venues to construct a convincing list of venues and dates for Bloc Party. I then placed a ‘Tickets’ text button next to each line. This link is linked to Ticketmaster – a well known and trusted ticket retailer which is widely used by most venues and box officers from operas to festivals. I used the Wix rulers to give myself guidelines and align the text up for each line perfectly.

Notes de l'éditeur

  1. - changing main colour changed the predominant red to a pink, so changed all to same shade of red
  2. -enhance image quality in photoshopget rid of poster and visible blindspicasa to edit image – highlights and shadows so when black and white, image is more contrasting