Portfolio

Turn photoshop into web markup and javascript

Create a new demo library for Edge Studio. Where voice over talent can upload demos and profiles, and potential clients and our casting staff can search the demos and profiles.

I built a weekly script recording contest module in Drupal. The administrator creates a contest by filling out a form. Then users can upload their recordings to the contest until the entry deadline. After each contest is closed, a page is created on the website where visitors can listen to the entries and vote on their favorites. The admin can select winners and add information about why others did not win.

I built an online application for users to upload recordings, select a coach and pay for their session. After the user submits his/her payment, an e-mail goes out to the appropriate coach to leave feedback. After the coach leaves feedback, another e-mail goes to the student.

This application uses Ubercart/Authorize.net for the e-commerce and custom Drupal modules to handle the storing of purchased credits and the logic behind the application.

I created a custom analytics application for Edge Studio to track events on the website, and various usage statistics.

I create a page and backend application for the display of testimonials, as well as their categorization. I also created several embeddable widgets for displaying testimonials on other parts of the site.

I moved Edge Studio over from a simple HTML class schedule page that required daily hand-editing of the HTML (!) to a content management based system where classes can be entered through a web interface. I also created various widgets allowing the display of subsections of the class schedule on other parts of the website. I also integrated the classes with an E-commerce system, so that students can pay for and register for classes online.

Edge Studio often gets calls about which microphone to pick. The objective of this project was to create a tool to help people find which microphone is best for them. Since we had under 100 microphones to choose from, I decided to use Jquery to selectively show and hide the microphones based on criteria entered in the database.

For this project I created an application for the posting of audio and video examples in 19 categories. For each example, it show the company logo, and loads either a video player or an audio player.

For this project I took a library of 3500 voice-over practice scripts, moved it over to Drupal, and built an application where users can post recordings and give and receive feedback on their recordings. In the first 9 months, we had nearly 5000 recordings uploaded. (Another 3000 if you count the script contest). We've also had 10,000 comments.

This was an interesting project to create a dynamic mortgage form. For example, if the user has more than one house, they should be able to click a button and another section of the form for that house should appear. Also, if there is a coborrower, many of the questions need to be repeated. Additional functionality: the client wanted 'tool tip' popups to appear when certain input fields are either tabs into or moused over. Lastly, validation for required fields, numbers, phone numbers, e-mail addresses are done dynamically when an input field is left, or when the form is submitted.

The form is built with PHP and HTML inside of the ExpressionEngine content management system. I created a custom ExpressionEngine plug-in to output certain "drop down menu" select inputs and handle a view server side processing needs.

Convert 16 Illustrator files to HTML/CSS templates

I created a Drupal-based client center where clients can log-in and manage their projects and approve art. Th initial step in this process is that a potential client enters a quote for a project. I created a custom content type in Drupal to handle this. The problem was, the default Drupal entry form for entering a project node was not very exciting, so I created a custom form in Flash that uses some light animation, which passes the data to Drupal and creates a new CCK project node.

The URL for the Drupal "Client Center" for the website, where clients can log-in and approve of designs, manage their projects: http://www.marketingbd.com/clientsupport/

Modified the page to dynamically load data from ExpressionEngine database. Added custom ExpressionEngine tags to populate javascript arrays, then looped through arrays to fill in data in the pop-up windows. Also created conditional code to show a different marker icon depending on the category of the listing.

Convert 25 Photoshop files (PSDs) to HTML/PHP/CSS

Built e-commerce with Drupal and Ubercart from Photoshop art. Built custom Flash component that is customizable with XML. Created custom javascript drop-down menu effect with JQuery. Build other Drupal customizations with PHP and JQuery.

I was given a photoshop file of the new look, and I created the CSS/PHP templates. I also programmed the drop-down menu (from the tabs at the top of the page) from scratch in jQuery. I programmed the flash headers on the index page and the subpages -- designed to pull in variables for different images and text. I troubleshot the moving of flash and javascript assets from the old site to the new site. I created custom javascript and flash video galleries using jQuery.

I had seen that some of my piano book selling competitors had free piano chord tools on the web, and I was especially intrigued by one where the guy had created a multiple webpages obviously generated dynamically with PHP. So I wanted to do the same thing, only better. This project is built in PHP based on actually musical logic. There are over 700 pages on this website generated dynamically. I also pass data from XML to PHP to Flash Actionscript 3.0 through the flashvars property.

This was a personal project to promote my piano chords e-books. It is another piano chords finder, but this time the data is kept in an external XML file rather than in arrays inside of the swf file.

This was an idea I had been toying around with for a while, because I'm a very visual person, thought it would be cool to make a flash application that shows math problems visually with blocks.

Customizable XML driven slideshow in flash.

For this project, I took photoshop designs and turned them into a flash site that is horizontally resizable. Built with Drupal back-end, custom widgets animated with GTween. Ultimately, this was a programmatically challenging project, but made me realize that building simple content-based sites in Flash is going out of fashion for a reason!

Client wanted to update site with a wider central column, with jQuery accordion and jQuery tab widgets, widen and improve the text quality of the flash content. I was given two pdfs, one for the homepage, and one for subpages, and I put everything together: new CSS, HTML, javascript plug-ins, new SWF files, etc. I also integrated a Wordpress blog with the subpage template.

MBD, a small web agency, wanted a flash application for displaying its portfolio. Based on a photoshop mockup, I build a flash application that uses programmatic animation.