Portfolio / Case Studies

Click thumbnail images to learn more about these projects.

  • The Christina Applegate Foundation

    Website

  • ExxonMobil

    Interactive learning

  • Google

    Social media project

  • PowerSpeaking

    Interactive online learning course

  • Circuit of the Americas

    Website

  • Zoobles

    Website

Other Brands I've Worked With:
  • American Heart Association
  • PhilipMorrisUSA
  • AT&T
  • Disney Interactive Studios

The Christina Applegate Foundation

Website

HTML, Javascript, PHP

rightactionforwomen.org/

For this project I was given a Flash template and tasked with converting the page as much as possible to an HTML site to minimize loadtime. Due to constraints of time and original concept, some Flash elements remained, while those that possessed attributes that could be replicated in HTML were converted.

  • For the overall template, I exported the Flash graphic assets to Photoshop and manipulated these elements for use in HTML in a way that would resemble as much as possible the Flash designer's intent.
  • For the home page's simple effects, I replaced the navigation and banner rotator with HTML and reproduced the effects using the MooTools javascript library and CSS3.
  • While the "Our Stories" section of the home page is still a Flash object, the content is provided by an XML file which also provides content for the "Our Stories" detail section, which is written in PHP and HTML.
Close

Zoobles

Interactive Website for children

User experience and wireframing

zoobles.com

Working from client notes I used OmniGraffle and Illustrator to:

  • Develop user experience flow diagrams for every aspect of the site
  • Create wireframes for the designers to work off based upon the UX diagrams
Close

Google

Prospective social media project

Flash interface and logo design

As part of a team of three designers, I used Photoshop, Illustrator and Flash to create over 200 design variants of a client-provided Flash template for a proposed social media project. Throughout a rigorous 18-month review and feedback period that involved the client and their lead contractor, this process included:

  • The generation of color schemes, backgrounds and associated panel imagery unique to each design
  • Creating a discrete logo that incorporated the project name while also being evocative of each design's overall "persona"
Close

ExxonMobil

Interactive online learning course

Flash development, sound & video editing, project management

This project involved an extensive SCORM-compliant interactive learning course that was broken into three separate tracks for different employee tiers. Each course was developed by an independent team using different methods to achieve similar results. Midway through the development cycle I was brought in to synthesize these disparate pieces and complete the project for launch. This involved:

  • Overhauling the Flash and ActionScript to ensure the courses used the same method of achieving effects and transitions
  • Editing, normalizing and replacing all voiceover parts to a uniform standard
  • Editing and converting video for use in Flash
  • Working with the client daily through calls and detailed notes to bring all text, terminology, layouts and graphics up to the client's specifications
Close

PowerSpeaking

Interactive online learning course

HTML, PHP, Javascript

The client asked for a web version of their extant live seminar for junior business executives. The course needed to include videos, worksheets, and interactivity without using Flash. Using the jQuery library, PHP, and CSS methods proven across various browsers and platforms, I worked with another contractor to:

  • Adapt the client's course materials to an interactive web experience
  • Create animations, transitions and effects that were consistent with the Powerpoint and Flash experiences of the client's target audience
  • Created a solution for the user to add "margin notes" to any page in the course that would be available for review when returning to the page and also in a separate notebook area
  • Created a glossary that would allow the user to remain on their page during the course without loss of progress records
Close

Circuit of The Americas

Website

HTML, PHP, Javascript

circuitoftheamericas.com

Given a four-day turnaround time, I was contracted to work with two others to convert Flash comps into a functioning HTML site, with an eye towards backwards-compatibility and fast load times. To do this, we:

  • Used the HTML5 Boilerplate as our starting point for all pages
  • Exported graphic elements from Flash to Photoshop for reuse, or generated new graphics based on those designs when needed
  • Minified code with Yahoo's YUI Compressor and Google PageSpeed
  • Tested several different jQuery solutions for client's needs before finding one that we were satisfied would be compact and easy to maintain
  • Replicated Flash transitions and effects using jQuery, HTML5 and CSS3
Close

Résumé

Conducive Consulting

  • Enterprise software systems troubleshooting
  • Interface design and programming
  • Project management

Simply Interactive

  • Commercial web site design and programming
  • Flash & ActionScript development for interactive learning and web applications
  • Database design, construction, and maintenance
  • Project wireframing
  • Video and audio editing
  • Project management

Leverage Marketing

  • SEO analysis and implementation
  • Banner ad campaign design
  • Google Analytics integration across myriad eCommerce platforms

Anitron Media Technologies

  • February 2003-August 2009
  • Position: Web programmer
  • Programmed and maintained commercial web sites
  • Project management
  • Overhauled and updated code for accessibility, standards compliance and cross-browser compatibility

References available on request.

Contact