SlideShare a Scribd company logo
Arctic website
By Fiona Davison-Trickett
Brainstorm website
Brainstorm Consistent Elements
Website research
Icon to hide
navigation
http://jeet.gs
• Side bar to show additional
information that can be
hidden
Main information
on the top of the
page save
scrolling down
http://www.greenpeace.org.uk
http://www.savethearctic.org
Colours
• The colours I am going to use will be similar blues
greens and whites that I used for my iBook as to
help keep the theme consistent
• I am also planning to use the same photos as
background and change the opacity on the
navigation and backgrounds helping the text stand
out.
Fonts
• planning to use the same fonts as my ibook
Layout designs
Website structure
HOME
CHAPTER 1
SECTION 5
SECTION 4
SECTION 3
SECTION 2
SECTION 1
CHAPTER 4CHAPTER 3CHAPTER 2
SECTION 3
SECTION 2
SECTION 1
SECTION 2
SECTION 1
SECTION 3
SECTION 2
SECTION 1
Mock up
Proposal
• Keeping a consistent theme with similar colours and
visual style of real photos
• Add a clear navigation that reflects the iBook also being
easy to jump from page to page
• Simple and clear flow of website so the audience would
find it easy to access the content
• Keep pages on small devices from being cluttered by
creating side bars that drop in making it easy to see the
main content

More Related Content

Viewers also liked

اليوجا مفتاح السعادة - عباس المسيري
اليوجا   مفتاح السعادة - عباس المسيرياليوجا   مفتاح السعادة - عباس المسيري
اليوجا مفتاح السعادة - عباس المسيري
مادو العالمى
 
Institutional traits
Institutional traitsInstitutional traits
Institutional traits
Abby Magnaye
 
دوال الاكسل كاملة
دوال الاكسل كاملةدوال الاكسل كاملة
دوال الاكسل كاملة
مادو العالمى
 
English writing2
English writing2English writing2
English writing2
مادو العالمى
 
Magna carta for public school teachers1
Magna carta for public school teachers1Magna carta for public school teachers1
Magna carta for public school teachers1
Abby Magnaye
 
kazanova's memories مذكرات كازانوفا
kazanova's memories مذكرات كازانوفاkazanova's memories مذكرات كازانوفا
kazanova's memories مذكرات كازانوفا
مادو العالمى
 
Alternative teaching strategies.pptxaa
Alternative teaching strategies.pptxaaAlternative teaching strategies.pptxaa
Alternative teaching strategies.pptxaa
Abby Magnaye
 
Makalah auditing dan profesi akuntan publik
Makalah auditing dan profesi akuntan publikMakalah auditing dan profesi akuntan publik
Makalah auditing dan profesi akuntan publik
Ummah Sadiyah
 
Teori Pengukuran
Teori PengukuranTeori Pengukuran
Teori Pengukuran
Ummah Sadiyah
 

Viewers also liked (9)

اليوجا مفتاح السعادة - عباس المسيري
اليوجا   مفتاح السعادة - عباس المسيرياليوجا   مفتاح السعادة - عباس المسيري
اليوجا مفتاح السعادة - عباس المسيري
 
Institutional traits
Institutional traitsInstitutional traits
Institutional traits
 
دوال الاكسل كاملة
دوال الاكسل كاملةدوال الاكسل كاملة
دوال الاكسل كاملة
 
English writing2
English writing2English writing2
English writing2
 
Magna carta for public school teachers1
Magna carta for public school teachers1Magna carta for public school teachers1
Magna carta for public school teachers1
 
kazanova's memories مذكرات كازانوفا
kazanova's memories مذكرات كازانوفاkazanova's memories مذكرات كازانوفا
kazanova's memories مذكرات كازانوفا
 
Alternative teaching strategies.pptxaa
Alternative teaching strategies.pptxaaAlternative teaching strategies.pptxaa
Alternative teaching strategies.pptxaa
 
Makalah auditing dan profesi akuntan publik
Makalah auditing dan profesi akuntan publikMakalah auditing dan profesi akuntan publik
Makalah auditing dan profesi akuntan publik
 
Teori Pengukuran
Teori PengukuranTeori Pengukuran
Teori Pengukuran
 

Similar to Web

Skills development
Skills developmentSkills development
Skills development
millykingmedia
 
Design for the Web
Design for the WebDesign for the Web
Design for the Web
jaspercheyney
 
Online platform for ict content development
 Online platform for ict content development Online platform for ict content development
Online platform for ict content development
Immaeviorge
 
accessibility
accessibilityaccessibility
accessibility
Dr. V Vorvoreanu
 
Skills development
Skills developmentSkills development
Skills development
millykingmedia
 
Skills development
Skills developmentSkills development
Skills development
millykingmedia
 
Webdesign(updated)
Webdesign(updated)Webdesign(updated)
Generic conventions of a website
Generic conventions of a websiteGeneric conventions of a website
Generic conventions of a website
patta123
 
Planning of Lifestyle Magazine
Planning of Lifestyle MagazinePlanning of Lifestyle Magazine
Planning of Lifestyle Magazine
Luis11755
 
Progression
ProgressionProgression
Progression
09harwoodj
 
Standards-next: Content and Cognition
Standards-next: Content and CognitionStandards-next: Content and Cognition
Standards-next: Content and Cognition
Ian Pouncey
 
E-Content Development - R.D.Sivakumar
E-Content Development - R.D.Sivakumar E-Content Development - R.D.Sivakumar
E-Content Development - R.D.Sivakumar
Sivakumar R D .
 
Web Designing Services
Web Designing Services Web Designing Services
Web Designing Services
aswinichinnu121
 
Deconstruction of a contents page
Deconstruction of a contents pageDeconstruction of a contents page
Deconstruction of a contents page
Hannah Ould
 
Codes & Conventions of Websites for Lifestyle Magazines
Codes & Conventions of Websites for Lifestyle MagazinesCodes & Conventions of Websites for Lifestyle Magazines
Codes & Conventions of Websites for Lifestyle Magazines
LuisPallister
 
Web Concepts - Introduction to Navigation.pdf
Web Concepts - Introduction to Navigation.pdfWeb Concepts - Introduction to Navigation.pdf
Web Concepts - Introduction to Navigation.pdf
clement swarnappa
 
Website conventions
Website conventionsWebsite conventions
Website conventions
megansheratonx
 
The Do's and Don'ts of Effective Websites
The Do's and Don'ts of Effective WebsitesThe Do's and Don'ts of Effective Websites
The Do's and Don'ts of Effective Websites
Caryn Brown
 
Website textual analsysis
Website textual analsysisWebsite textual analsysis
Website textual analsysis
EmmaWeeksMedia
 
Movement
MovementMovement
Movement
coachhahn
 

Similar to Web (20)

Skills development
Skills developmentSkills development
Skills development
 
Design for the Web
Design for the WebDesign for the Web
Design for the Web
 
Online platform for ict content development
 Online platform for ict content development Online platform for ict content development
Online platform for ict content development
 
accessibility
accessibilityaccessibility
accessibility
 
Skills development
Skills developmentSkills development
Skills development
 
Skills development
Skills developmentSkills development
Skills development
 
Webdesign(updated)
Webdesign(updated)Webdesign(updated)
Webdesign(updated)
 
Generic conventions of a website
Generic conventions of a websiteGeneric conventions of a website
Generic conventions of a website
 
Planning of Lifestyle Magazine
Planning of Lifestyle MagazinePlanning of Lifestyle Magazine
Planning of Lifestyle Magazine
 
Progression
ProgressionProgression
Progression
 
Standards-next: Content and Cognition
Standards-next: Content and CognitionStandards-next: Content and Cognition
Standards-next: Content and Cognition
 
E-Content Development - R.D.Sivakumar
E-Content Development - R.D.Sivakumar E-Content Development - R.D.Sivakumar
E-Content Development - R.D.Sivakumar
 
Web Designing Services
Web Designing Services Web Designing Services
Web Designing Services
 
Deconstruction of a contents page
Deconstruction of a contents pageDeconstruction of a contents page
Deconstruction of a contents page
 
Codes & Conventions of Websites for Lifestyle Magazines
Codes & Conventions of Websites for Lifestyle MagazinesCodes & Conventions of Websites for Lifestyle Magazines
Codes & Conventions of Websites for Lifestyle Magazines
 
Web Concepts - Introduction to Navigation.pdf
Web Concepts - Introduction to Navigation.pdfWeb Concepts - Introduction to Navigation.pdf
Web Concepts - Introduction to Navigation.pdf
 
Website conventions
Website conventionsWebsite conventions
Website conventions
 
The Do's and Don'ts of Effective Websites
The Do's and Don'ts of Effective WebsitesThe Do's and Don'ts of Effective Websites
The Do's and Don'ts of Effective Websites
 
Website textual analsysis
Website textual analsysisWebsite textual analsysis
Website textual analsysis
 
Movement
MovementMovement
Movement
 

Recently uploaded

一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
f22b6g9c
 
欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】
欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】
欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】
batchelorerbm45967
 
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
wkip62b
 
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
yqyquge
 
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
stgq9v39
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
tobbk6s8
 
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build  Your Online Presence 2024.pptxBest Digital Marketing Strategy Build  Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
pavankumarpayexelsol
 
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
wkip62b
 
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
kmzsy4kn
 
一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理
一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理
一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理
zv943dhb
 
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
xnhwr8v
 
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
t34zod9l
 
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdfADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
GregMichaelTapawan
 
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
ka3y2ukz
 
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
aprhf21y
 
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
bel9p89b
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
881evgn0
 
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
qa8dk1wm
 
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
qbydc
 
Getting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by NeontribeGetting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by Neontribe
Harry Harrold
 

Recently uploaded (20)

一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
 
欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】
欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】
欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】
 
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
 
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
 
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
 
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build  Your Online Presence 2024.pptxBest Digital Marketing Strategy Build  Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
 
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
 
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
 
一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理
一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理
一比一原版(UCB毕业证)英国伯明翰大学学院毕业证如何办理
 
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
 
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
 
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdfADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
 
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
 
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
 
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
 
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
 
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
 
Getting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by NeontribeGetting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by Neontribe
 

Web