Development and Design / Audio and Video
Selected responsive examples
Below is a picture of a mobile display from the World Languages and Literatures site at Boston University. This site uses a special navigation bar I designed and created. It complements a related animated scrolling menu that appeared on the home page.(Site is no longer available.)
2017 Contract: Boston University
BU hired me to continue construction of several new Wordpress sites that had been started by another designer. Decisions about the basic design, architecture and styling had already been made by the University. I collaborated with the department managers to select and edit images, implement content additions, and add layout and style changes to the CSS. The American and New England Studies site (below) is typical. This work is no longer available online.
One unique challenge was in the World Languages and Literatures site (below). This shows an interior page that uses, in all language pages, a special navigation bar I designed and created. It emulates an existing animated scrolling menu that appeared on the home page.
Alzheimer's Association, MA/NH
[No Live Links - org has replaced all work]
POWER + PURPOSE
2-TAB SILVER ALERT
OTHER SKILL EXAMPLES
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.
Assorted Artwork Examples