Portfolio / Industries / Technology
-
BACtrack Breathalyzers Website Redesign
B70 Product Features Page
Project Description:
Click for project detail view
-
BACtrack Breathalyzers Website Redesign
B70 Product Page
Project Description:
Click for project detail view
-
BACtrack Breathalyzers Website Redesign
B70 Product Photos - Page 1
Project Description:
Click for project detail view
-
BACtrack Breathalyzers Website Redesign
B70 Specifications Page
Project Description:
Click for project detail view
-
BACtrack B70 Product and Lifestyle Photoshoot – 26 Examples
Project Description: As Art Director on this project I made recommendations for selecting the photographer, models, and shooting locations. Direction included letting the photographer know the type of lighting we wanted to try (based on his previous work), clothing options for the models to bring (flat colors with minimal patterns that don’t look busy), position of the models based on various scenarios (such as facing the camera, other models, or towards the product), and angles for shooting long shots with less background cropping along and closeups with products held close. Having a budget and being able to work with a pro photographer helped a lot. We were able to achieve the visual style we were going for in addition to just getting lots of shots at different angles and situations to work with. By giving the photographer room to also direct models and get creative within the scenarios as the shoot progressed we were able to create additional unplanned image assets that otherwise could not have been imagined beforehand. Wonderfully rewarding collaboration I'd say! Some photos I also later retouched by adding digital readouts on the screens, glows, removing backgrounds, dodging and burning areas, spot removals and so on which can take some time. This collection shows a few pre-retouching and a few after retouching. By including some time for the photographer and models to improvise and get creative during the shoot, the resulting outcome was definitely improved and better than expected overall. We created a *lot* of valuable images for the client, affiliates, and press to use in promoting the products visually on the website, in ads, on TV, print, and other media.
Click for project detail view
-
BACtrack B70 Quick Start Guide
Project Description:
Click for project detail view
-
BACtrack B70 Retail Box Packaging Design
Project Description:
Click for project detail view
-
BACtrack B70 Shipper Tray Design
Project Description:
Click for project detail view
-
BACtrack B70 Shipper Tray Marketing Sheet for Retailers
Project Description:
Click for project detail view
-
BACtrack B70 White Retail Box Packaging Design
Project Description:
Click for project detail view
-
BACtrack Breathalyzer Header Logo Animation
Project Description: A simple animation aiming to help viewers understand were the letters BAC are derived from in the brand name BACtrack.
Click for project detail view
-
BACtrack Breathalyzer Mouthpiece 3D Model
Project Description: Photographing the small mouthpieces used on some breathalyzer models took some macro-photography “field of focus” and Photoshop focus-stack know-how. As an alternative I created a few 3D models of the mouthpieces which could be more easily angled before rendering and looked a little more high-tech or slicker than the actual plastic versions.
Click for project detail view
-
BACtrack Breathalyzer Mouthpiece Marketing Sheet for Retailers
Project Description:
Click for project detail view
-
BACtrack Breathalyzers Technology Logo Designs
Project Description:
Click for project detail view
-
BACtrack PepBoys Newspaper Ad
Project Description: Quick project created for BACtrack and also needed to be approved by PepBoys before running.
Click for project detail view
-
BACtrack Select S80 Retail Box Packaging Design
Project Description:
Click for project detail view
-
Adobe EchoSign Real Estate Agents and Brokers Campaign
Banner Ads
Project Description:
Click for project detail view
-
Adobe EchoSign “Increase The Speed” Campaign
Banner Ads
Project Description: This campaign was targeted at CFOs and real estate professionals using customized text in the emails and landing pages.
Click for project detail view
-
Cisco WebEx Meetings Plus Summer Campaign
Banner Ads
Project Description:
Click for project detail view
-
Adobe EchoSign Web Contracts 2012 Conference
Banner Ads Promoting the Event
Project Description:
Click for project detail view
-
Adteractive “Free 42 Inch Panasonic Plasma Television” Campaign
Banner Ads – 4 sizes
Project Description:
Click for project detail view
-
Adobe EchoSign Website Redesign Phase 1 Example Co-branded Homepage Redesign – Before and After Examples
Before Version
Project Description: This was the first iteration of the site redesign right after the merger announcement between EchoSign and Adobe. I had seen other companies simply just adding the red Adobe tag to their header and updating their footers so this seemed to be the most appropriate solution, plus it was the easiest to do quickly. The bottom of the red Adobe tag is not suppose to be tangent with other page elements, is suppose to look like it's hang when placed at the top of a page. Although this was a violation of the brand standards we made an exception since it was temporary.
Click for project detail view
-
Insightly.com Responsive Website Design
Blog Article Page Template
Project Description: Initial layouts were created by another designer for the desktop screen width then handed-off for me to develop the alternate layouts for mobile devices. I coded layouts to be flexible so they worked on as many devices as possible. With only a couple exceptions, all pages were coded with four primary target sizes in mind beginning with the "mobile first" methodology. Additional media-query breakpoints were created when content areas within the layouts did not degrade gracefully when being resized. Standard sizes I would test and create media-queries for where 480x320 for iPhone landscape mode, 320x480 for iPhone portrait mode, 768x1024 for iPad portrait mode, and 1024x768 for iPad landscape mode and desktop use cases.
Click for project detail view
-
BluFire Body Fat Analyzer Packaging
Project Description: Showing production art with bleed and magenta spot color keyline indicating die-cut shapes and folds.
Click for project detail view
