Wireframes

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