I have done many product redesigns, or been the one using my own Wireframes to design from, so these examples are fairly high-level, though I can design wireframes to detail deeper interactions when needed. There are more tech documents inside specific project examples if I had them available.

 This is a live event wireframe that incorporated lots of api’s to make one unique real-time socially integrated event page. This single landing page I designed for the Sporting KC stadium naming was loaded with goodies: a Flash object header, Flash presentation embedded, Livestream during live event and then YouTube embedded with recorded event, Flash photo gallery, Twitter streaming api search integrated and mixed with Facebook comments (Chat About tab), a Twitter RSS feed integrated (the Reveal was done on Twitter first, with media assembled at the stadium waiting for the press conference to begin), Facebook social plugin to show Friends, Mailchimp integration to capture emails for a newsletter of updates, Facebook Connect and Twitter oauth used to authenticate people so they could make comments via both platforms, ShareThis integration, Google analytics, Woopra real-time analytics, TweetReports analytics, and popup windows with details about the partnership and Sporting Club. See how we repurposed this for Chad Ochocinco’s unexpected soccer trial during an NFL lockout.

Click the image to see the finished result.


 PurseBlog was actually a network of sites, but not pulled together like a network. This was a high level concept wireframe to show how I wanted to alter the brands and bring them together under an umbrella site with a unified header. See finished prototypes at Fresh ID.

Loader Loading...
EAD Logo Taking too long?

Reload Reload document
| Open Open in new tab

Download the PDF

 This is a Facebook tab wireframe, back when we did a lot of custom Facebook tabs. This one demonstrates why I don’t spend a ton of time on wireframes – the layout often gets changed during design because things just look better. So they are guidelines to begin, but not always set in stone as you have to allow for creativity in the visual design process. See more of the finished design at Fresh ID.

Click the image to see the finished result.


 This is a simple website homepage wireframe.

fs-home-wireframe