LEGACY WORK:
Alzheimer's Association, MA/NH

[No Live Links - org has replaced all work]


POWER + PURPOSE
SUPPORT GROUPS

2-TAB SILVER ALERT
SPEAKER LANDING PAGE
ADVOCACY
ALZTALKS

______________________________________________________________________________________

OTHER SKILL EXAMPLES

Animations & F/X

TECHNICAL BUSINESS DASHBOARD


Here is an example of a data view I made. It shows how I can take user requests (clicks) and output retrieved data to the screen in a visual and meaningful way. This example shows three horizontal panels contained within one screen.


You don't need to know all the details, but look at the top-third panel. It shows several rows and columns. You can see that for each row (which represents one machine) several metrics are displayed. As a user, you would analyze those symbols to decide what machine you wanted more detail about next.


Now, imagine you click on the very top row, shaded in blue. The middle section is then populated with details about that machine, in this case a bar graph. There are actually 4 tabs on that middle panel, and the one in view is called Session Details. Each bar on that graph represents one of many user sessions that took place on that individual machine.


What if you wanted to know more about an individual session on that graph? You would click on the colored vertical bar representing that session, and details about that session then populate the lower third panel ("Session Information"). So in just one screen, you have access to a tremendous amount of comparative information at a glance, and you can progressively "drill-down" to reveal more details of a particular path. This is a real-world example of a project I worked on. Although I was not the only member of the team, I coded many of the switches, functions, listeners, and other things to create these panels. It was made with a Javascript library called ExtJS, but we could have done much the same with other libraries and frameworks.

Assorted Artwork Examples

Photoshop/Illustrator Competency

before
item1-before
after
item1-after





3 original images...
item2a-before   item2b-before   item2c-before


...and finished comp:
The finished comp in context on the live page.
Misc. Art pieces