Web Visualization Template

This project received 14 bids from talented freelancers with an average bid price of $762 USD.

Get free quotes for a project like this
Employer working
Project Budget
$250 - $750 USD
Total Bids
Project Description

General Considerations

I need a tool that will create a sitemap of a website then project that map on a page layer such that the map appears to always be in the background, something like a watermark.

The idea is that instead of clicking on a page link and have the page one is on close and another open, a link click will bring the sitemap forward with the location of the page selected highlighted on the map. The map will re-orient to bring the selected node to the center of the screen. When the node is then clicked, double, left, or whatever clicked, the page will open and the map will drop back to the background.
This is based on the idea that people are very adept at orienting themselves visually. The intent is to take advantage of the well develop capacity of humans to organize visual data and use that ability to help people grasp complex data.

The following is simply my concept and in no way intended as a criteria. I palate where a information can be presented then, as new data is selected, the original view will decrease in visual brightness and resolution so that it appears to move into the background with the sort of visual perspective people experience in the real world when moving away from an object. I am thinking, opacity, making the object less bright while decreasing the size while at the same time increasing the field of vision as happens in real world movement away from an object with the current focus closest to the field of vision, larger, and less opaque.

The background map would need to always be somewhat larger than the information presented so that the user can select the background and bring it to the front. Like following a map from one place to another, the map will keep the use oriented within the site while moving from page to page.
Site Map Interactivity

The sitemap will need to operate similar to a mind map or decision tree such that it will consist of nodes that can be clicked to open or closed to reveal more or less information. The sitemap should show the selected node with one or two levels of child node showing depending on the number of nodes (depending on how many nodes would be showing – too many nodes will present too much information and become confusing).
The user should be able to open new nodes without opening the underlying content at the same time so that the user can examine the surrounding content similar to looking at a map of the surrounding area with trying to orient oneself.

Page Interactivity

When a user moves from one page to another, the user will need to be able to use two distinct ways of opening the next page. One method will close the preceding page and the other will leave the preceding page open, make the page more opaque than the screen in focus but less opaque than the preceding page or the site map (something on the order of nested popup screens). The user should then be able to select for focus any of the preceding pages to bring them to the top or push them back. If a preceding page is brought to focus and a different link selected, the previous pages should stay in the background unless shut off by the user.

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online