Portfolio / Media Types / Wireframes
-
Yahoo! GM National, Regional, Dealer Promotion Opportunities and Lead Capture UX Design Strategy
1, 2, and 3-Step Content Flow Alternatives
Project Description: This presentation shows national, regional, and dealer promotion placement opportunities plus the lead capture experience (or customer user flow) steps.
Click for project detail view

-
LeadsCon Landing Page Wireframes
6 Initial Directions
Project Description:
Click for project detail view

-
Standard & Poor’s Consumer Services Division Site Maps
Advertiser Area
Project Description:
Click for project detail view

-
AOL Netscape Navigator Integration Navigation Map
Project Description:
Click for project detail view

-
BusinesSuites Landing Page Redesign SEO/PPC Traffic Flow Diagram
Project Description:
Click for project detail view

-
BusinesSuites Website Redesign Alternate Photo Gallery Layout and Interaction Studies
Project Description: Explorations analyzing 15 photo gallery layout and interaction possibilities. These initial directions were created to gauge scalability (number of photos) that could be easily presented using a small screen real estate footprint yet also keep the photo thumbnails large enough to be compelling and easy to navigate. A couple directions where then selected to present and gather feedback on from the client and learn of any exceptions they might have or additional needs before creating an interactive prototype for potential integration into the site.
Click for project detail view

-
California Backpacker Informational Service Website Storyboards
Project Description:
Click for project detail view

-
ClubVDO Website Wireframes
Club Page
Project Description:
Click for project detail view

-
ClubVDO Website Wireframes
Club Page Alternate
Project Description:
Click for project detail view

-
Standard & Poor’s Consumer Services Division Site Maps
Consumer Area
Project Description:
Click for project detail view

-
Fujitsu Lifebook In-Store Demo Presentation
Content Flow Navigration Map
Project Description: After reviewing the content outline, wireframing the flow, and designing individual screens I created a storyboard to explain the animation needed in written frame-by-frame form. Then I created a basic video slideshow storyboard to demonstrate some of the timing and effects we’re going for so the client and animator has a better understanding of what the final version should look like.
Click for project detail view

-
DMconfidential.com Newsletter Subscriber Signup
DMconfidential.com Newsletter Subscriber Signup – Mockups for 2 Design Directions
Project Description:
Click for project detail view

-
BusinesSuites Website Redesign Subpage Wireframes
Eight Layout Alternatives
Project Description: As part of the overall site redesign, I created wireframes for the individual property pages along with region and market pages. After client reviews and a couple rounds of changes to the page layouts and content organization directions were narrowed down before I began work on the visual design. Eventually I created prototypes to test the look and feel and gather feedback on before make the site redesign live.
Click for project detail view

-
ClubVDO Website Wireframes
Homepage
Project Description:
Click for project detail view

-
ClubVDO Website Wireframes
Homepage Alternate
Project Description:
Click for project detail view

-
HPShopping.com Homepage Visitor Scenario Wireframes
Project Description: Wireframes showing content scenarios that would be presented depending if a visitor was new, returning, and signed-in to the ecommerce website. Each scenario wireframe indicates content that we wanted to present along with general layout where the content would appear. This helped engineers understand what database and code development updates would be needed. Eventually scenarios were also created for customers who had previously purchased from the site and recommended products based on their previous purchases along with other user types.
Click for project detail view

-
HPShopping.com Integration Showcase Solution Wireframes
Project Description: Remember html iframes and popup browser windows? These wireframes presented each as an option for the Digital Photography, Mobility, and Home Entertainment product showcases back in 2003. We didn't want to just link to showcase pages for some reason but we did want to keep the standard c-frame persistent.
Click for project detail view

-
Kwanzoo Website Redesign
Initial Overview Wireframe
Project Description:
Click for project detail view

-
Kwanzoo Widget Ad Template Guidelines
Initial Specs
Project Description:
Click for project detail view

-
HomeRun.com Dynamic Banner Ad Template Design
Initial Wireframe of Rough Ideas
Project Description: Created in Flash these dynamic banner ads pulled in campaign offers based on customer location and demographics. The formats needed to be flexible enough to present various amounts of text and images in ways that presented the offers clearly and didn't look awkward. We established content standards, character count limits, and image formats to be used as guidelines.
Click for project detail view

-
Insightly Blog Facelift Wireframes
Project Description: Example of some quickie wireframes I would put together to gather initial feedback on. Insightly wanted to jazz up the initial blog page layout so it was more magazine like. The final layout was also based on how it easy was for them to manage image sizes so they appear uniformly when in rows and don't start to look stretched or compressed.
Click for project detail view

-
Kwanzoo Website Redesign Page Wireframes
Project Description:
Click for project detail view

-
Standard & Poor’s Consumer Services Division Site Maps
Maintenance Area
Project Description:
Click for project detail view

-
Narus Intelligence Product UX Wireframes
Project Description:
Click for project detail view
