| These examples have been recently updated. Older examples of sitemaps, logic maps, design specification documents and other wireframes can be found here. |
|
|
 |
client: |
Reader's Digest |
| project: |
Teen Driving Statistics - Interactive Feature |
| synopsis: |
Reader's Digest had spreadsheets of teen driving statistics they wanted to publish. The resulting design takes the data and presents both in a table format that expands on click as well as within an interactive map. The map interface is intuitive and provides gradually increased data density on hover and then on click.
Click to view wireframe example
Click to view image of final launched design | |
 |
client: |
Reader's Digest |
| project: |
Video Gallery |
| synopsis: |
Reader's Digest wanted to modernize their video gallery. The desire was to bring the vast video asset library to their readership in a user interface that was both intuitive and fun to use. The design organized videos based on channels. Channels focused on main user interest groupings. The gallery interface provided access to the video selected and also provided constant fresh, new content to keep circulating the reader within the video environment.
Click to view wireframe example
Click to view image of final launched design | |
 |
client: |
Confidential |
| project: |
GIS Mapping Application (web-based) |
| synopsis: |
This software as a service (SaaS) web-based mapping application gathers data from many sources and allows the user to plot data points on a map of the US. The workflows are comples and rely heavily on a graphically-focused interface to create the queries, edit them and plot them on a map.
Click to view web-based application example | |
|
|
 |
client: |
Goodspark |
| project: |
Goodspark.org |
| synopsis: |
From-scratch design of a new kind of donation web site. The UI needed to allow members to select how much to donate and then distribute that amount between selected charities.
Click to view wireframe example | |