My portfolio will focus mostly on graphic design that I have done and some user interface design that is public-facing, because a lot of the work that I have done in the past is behind login screens due to membership and sensitive data issues.

Code

JavaScript Session Extender

This JavaScript library is for simple notifications to the user about server sessions and timeout period. A friend and I were both part of a team that was focusing on accessibility and we developed this little library to easily notify users when their sessions were about to expire on the server and offer a chance to refresh that session easily and quietly. The refresh used a simple AJAX call to the server so the user didn't need to navigate away from a page.

Demo JavaScript Session Extender

Lotus Templates

Lotus is a preliminary name I have given to a template engine I am working on JavaScript. My goal is to create a language-agnostic template text file for display of JavaScript objects without putting actual code in the template file itself.

Demo Lotus Templates

LiveList

This little library of functionality is something I developed for a very specific project (only two users ever) where the users wanted a dynamic data-table for data entry and editing. I worked very closely with the customer during this project and they were very happy with the way this worked. I tried to make this as good as I was allowed to within the time I was given.

One of the caveats of the project was that we were to completely develop everything on our own; no external dependancies (i.e. libraries such as: jQuery, YUI, etc.) which already had widgets that would have filled the bill much faster and more reliably than I could have. But I stand by my work as a part of my past.

Development

Academy of International Business

screenshot of AIB home page view cached image of AIB home page

The Academy of International Business was the very first website I ever designed, and oddly enough, my first draft of the design was accepted. As the project matured, and more requirements were realized, more artistic elements were added but my original design remained intact.

My personal design sense has changed quite a lot since I created that design sometime in the years 2003-2004; but I think that the design has held up considerably well given my complete lack of web-technology knowledge at the time.

I tried to create a visually appealing interface that would not be overly complicated due to its depth of content. I wanted the user interface pieces to blend with the elements around them so that over time the users would begin to recognize the site, as a whole, even from far away or at a glance.

I have kept a screenshot of the AIB logos page I created as documentation for proper branding if the original page ever goes offline.

globalEDGE.msu.edu

screenshot of globalEDGE home page view cached image of globalEDGE home page

Working on globalEDGE turned into the primary focus of my career while working for the International Business Center. The website was a huge project with students working on adding content daily through a home-grown CMS. After years of development changing the look and feel of the site became required; with the change of the look came the opportunity to redefine the data storage as well.

The old database was set up fairly flat and only partially relationally; with the new structure we wanted to create more flexibility in how data would relate to other data we kept. Moving from the old structure to the new, reduced the number of tables on the server from 300 to 70 (these numbers are approximations only but reflect the size and scope) while creating far more options for future augmentation of how the data would be used.

I have kept a screenshot of the globalEDGE logos page I created as documentation for proper branding if the original page ever goes offline.

Design

globalEDGE.msu.edu

Frequently globalEDGE would run advertisements in various publication they were affiliated with. Publication size was generally a full page due to the close relationship with the organizations involved; however, sometimes half and quarter page ads were used but they were simply pared down versions of the original.

The advertisements went through some evolution during my time as graphic designer at the International Business Center but here are some examples of what they looked like when I was still there.

Academy of International Business

screenshot of AIB home page view PDF of AIB 2006 Annual Conference Banner

For the 2006 AIB annual conference in China the host institution had an enormous stage where a large banner would fit nicely and provide a highly visible location to display logos for the various conference sponsors. This was a lot of fun because of its magnitude; if I remember correctly the width of the finished banner was 40 feet across.

Center for International Business Education and Research (CIBER)

thumbnail of CIBER grant proposal cover view PDF PDF of BIE grant proposal cover

The Center for International Business Education and Research at Michigan State University is one of 30+ government funded research centers around the nation. Every 2 years they must submit a proposal for funds to the U.S. government for the Business and International Education (BIE) grant.

I was charged with making the end result pretty; I did not write the proposal. I designed the cover for the proposal which you can see here and worked as art director on the project. I edited formatting in the document and kept the content flowing between sections consistent and aesthetically pleasing. There were some charts, graphs, and diagrams that I added a little style to.

I'm sure that the proposal would have been accepted and approved even without my contributions but I was happy to participate and contribute to the successful grant proposal anyway.

Center for International Business Education and Research (CIBER)

thumbnail of Study Abroad brochure

Brochures were fun because they were different, from websites, so when a new brochure was needed or it was time to edit previous years' I enjoyed the alternate work. I loved searching through photos from students' trips to put in the brochure each year. I also challenged myself each year to make the incorporation of the photos on the cover and back different than those of the years before; had I stayed working there longer I might have run into a problem with overcoming that challenge.

Academy of International Business

screenshot of AIB home page

The supervisors and administrators of AIB had a firm commitment to the branding of AIB; continually enforcing, perpetuating, and protecting the brand for the integrity of the organization. I drew up a simple graphic to go along with the logo on many different deliverables over the years; here are a few examples of that work in use.