SlideShare a Scribd company logo
Concept Two 
Albany Institute of History & Art 
Designed by Adriana Morales
HOMEPAGE 
HOMEPAGE 
Navigation 
Displays main themes 
Quick asses to the major 
portion of the websites 
Might have dropdown 
menus if the themes 
have subtopics 
When clicked on the 
links will navigate to the 
main page of the theme 
Caption & Image 
Short description that 
captures and engages 
the viewer’s attention 
Briefly describes the 
website’s purpose 
The image collapses up 
when the user scrolls 
down, shrinking the 
header space 
Panel 
Links to the theme 
The image will turn into 
color when hovered 
The “panels” will be 
turned into Egyptian col-umns 
in the first final 
draft. 
The goal is to represent 
pillars and sands of time
WEB PAGE 
Theme Description 
At the start of the web 
page are paragraphs of 
information that provide 
a overview of the theme 
Might include a gallery 
Need to incorporate 
other pages of content 
and a sub navigation 
Interactive Map 
Most of the theme’s in-formation 
will be dis-played 
on an interactive 
map that can be pre-viewed 
in a larger 
window. 
The map is meant to 
show the journey with 
key locations and de-tailed 
descriptions 
The orange squares are 
the pagination naviga-tion
MAP WINDOW 
Since the majority of the content will be displayed on an interactive map the user will be able to 
view it in a larger window that pops up when they click on the map’s initial screen 
The map will feature icons that represent a specific event in the story 
User will be able to zoom, pan, and navigate on the map 
Will be color-coded and a directed graph will be displayed on top to display relationships 
Might also incorporate a timeline feature 
Might also include an image gallery

More Related Content

Viewers also liked

Question 6 - What have you learnt about technologies from the process of cons...
Question 6 - What have you learnt about technologies from the process of cons...Question 6 - What have you learnt about technologies from the process of cons...
Question 6 - What have you learnt about technologies from the process of cons...KPeanuts
 
Media - Question 6
Media - Question 6Media - Question 6
Media - Question 6KPeanuts
 
Latin american cuisine from peru
Latin american cuisine from peruLatin american cuisine from peru
Latin american cuisine from peruPedro J Torres
 
St. Patrick's Day
St. Patrick's DaySt. Patrick's Day
St. Patrick's DayMaciey
 
AOC London March 2014
AOC London March 2014AOC London March 2014
AOC London March 2014Alex Watson
 
206913828 upstream-elementary-a2-workbook
206913828 upstream-elementary-a2-workbook206913828 upstream-elementary-a2-workbook
206913828 upstream-elementary-a2-workbookAntoniya Nikolova
 
MY VIDEOTALK PRESENTATION
MY VIDEOTALK PRESENTATIONMY VIDEOTALK PRESENTATION
MY VIDEOTALK PRESENTATIONmercimonforte
 
Media Evaluation - Question 6
Media Evaluation - Question 6Media Evaluation - Question 6
Media Evaluation - Question 6KPeanuts
 
Milyen formanyomtatvány vagyok
Milyen formanyomtatvány vagyokMilyen formanyomtatvány vagyok
Milyen formanyomtatvány vagyokjosch
 

Viewers also liked (12)

Question 6 - What have you learnt about technologies from the process of cons...
Question 6 - What have you learnt about technologies from the process of cons...Question 6 - What have you learnt about technologies from the process of cons...
Question 6 - What have you learnt about technologies from the process of cons...
 
B1
B1B1
B1
 
Media - Question 6
Media - Question 6Media - Question 6
Media - Question 6
 
Ford powerpoint
Ford powerpointFord powerpoint
Ford powerpoint
 
Latin american cuisine from peru
Latin american cuisine from peruLatin american cuisine from peru
Latin american cuisine from peru
 
St. Patrick's Day
St. Patrick's DaySt. Patrick's Day
St. Patrick's Day
 
AOC London March 2014
AOC London March 2014AOC London March 2014
AOC London March 2014
 
206913828 upstream-elementary-a2-workbook
206913828 upstream-elementary-a2-workbook206913828 upstream-elementary-a2-workbook
206913828 upstream-elementary-a2-workbook
 
MY VIDEOTALK PRESENTATION
MY VIDEOTALK PRESENTATIONMY VIDEOTALK PRESENTATION
MY VIDEOTALK PRESENTATION
 
Media Evaluation - Question 6
Media Evaluation - Question 6Media Evaluation - Question 6
Media Evaluation - Question 6
 
Milyen formanyomtatvány vagyok
Milyen formanyomtatvány vagyokMilyen formanyomtatvány vagyok
Milyen formanyomtatvány vagyok
 
Vijay_SA
Vijay_SAVijay_SA
Vijay_SA
 

Recently uploaded

Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designboryssutkowski
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.rrimika1
 
The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxadityakushalsaha
 
Top 5 Indian Style Modular Kitchen Designs
Top 5 Indian Style Modular Kitchen DesignsTop 5 Indian Style Modular Kitchen Designs
Top 5 Indian Style Modular Kitchen DesignsFinzo Kitchens
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesResDraft
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersConfidence Ago
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfPlanitIsrael
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitabilityaaryangarg12
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdffabianavillanib
 
The Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionThe Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionPixel poets
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themmadhavlakhanpal29
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxAlecAnidul
 
CA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfCA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfSudhanshuMandlik
 

Recently uploaded (13)

Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.
 
The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptx
 
Top 5 Indian Style Modular Kitchen Designs
Top 5 Indian Style Modular Kitchen DesignsTop 5 Indian Style Modular Kitchen Designs
Top 5 Indian Style Modular Kitchen Designs
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
The Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionThe Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to Fashion
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
 
CA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfCA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdf
 

Albany Institute of History and Art: Map Storyboard

  • 1. Concept Two Albany Institute of History & Art Designed by Adriana Morales
  • 2. HOMEPAGE HOMEPAGE Navigation Displays main themes Quick asses to the major portion of the websites Might have dropdown menus if the themes have subtopics When clicked on the links will navigate to the main page of the theme Caption & Image Short description that captures and engages the viewer’s attention Briefly describes the website’s purpose The image collapses up when the user scrolls down, shrinking the header space Panel Links to the theme The image will turn into color when hovered The “panels” will be turned into Egyptian col-umns in the first final draft. The goal is to represent pillars and sands of time
  • 3. WEB PAGE Theme Description At the start of the web page are paragraphs of information that provide a overview of the theme Might include a gallery Need to incorporate other pages of content and a sub navigation Interactive Map Most of the theme’s in-formation will be dis-played on an interactive map that can be pre-viewed in a larger window. The map is meant to show the journey with key locations and de-tailed descriptions The orange squares are the pagination naviga-tion
  • 4. MAP WINDOW Since the majority of the content will be displayed on an interactive map the user will be able to view it in a larger window that pops up when they click on the map’s initial screen The map will feature icons that represent a specific event in the story User will be able to zoom, pan, and navigate on the map Will be color-coded and a directed graph will be displayed on top to display relationships Might also incorporate a timeline feature Might also include an image gallery