Database GUI (graphical user interface) Wireframe

There are innumerable ways to make wireframes from images to applications. Some wireframe builders will even add scripts to make them appear to function; anything short of a prototype. I made one in Photoshop for a company that wanted an easy way to keep track of their documents. It was for their own built-from-scratch content management system.

The layers in Photoshop make it easy to “page through” the scenes as if an animation. These days you can export them to create an animation. Once I built a wireframe for a plugin proposal with InDesign CC 2014 that was interactive within a DPS (Digital Publishing Suite) app. For the presentation, I ended up using InDesign’s Preview function since I had technical troubles getting the presentation screen to mirror my iPad.

Below are images of the CMS wireframe, a database interface. The final product looked nothing like it, sadly, except for the color of the buttons. Had I been the developer, I would have used the Photoshop files to create the buttons and other objects.

AlphaDog Promotional Video

These are promotional videos I made from storyboard to YouTube upload in one week for my first book. The first one is a 30-second teaser. The second, the full-length version of just under 7 minutes, was shown as a silent movie at my book launch party. It was a fun project shot on a mini-DV camera. The resolution of these videos aren’t so great having been on YouTube since 2009, years before Retina displays.

 

Donate Life Poster for the DMV

There’s a lot of waiting around at the Department of Motor Vehicles, and a lot of empty wallspace. I made this poster to encourage those waiting to check the box on their license applications to become organ donors. The banner at the bottom came from DonateLife.net. I didn’t do a very good job cleaning up around the guy’s head at the bottom. Oh well. Made it a long time ago, probably while waiting for work at some desktop publishing job.