Portfolio
Well here we are at the meat of the site, the portfolio, where you can view examples of my web development work including UI and website development as well as front-end scripting (JavaScript). Most of the work here is done primarily on the Windows platform though I work on Mac exclusively for my freelance projects.
My home/freelance set up is a PowerBook G4 (PPC) running OS X 10.5.8. On a typical project I’ll use the following software:
- Adobe Photoshop
- Coda
- jEdit
- Adobe Illustrator
- NeoOffice
- Art Director’s Toolkit
- Font Book
- TextEdit
- CuteFTP
- Firefox
- Safari
- IE 6+
In addition to the above list, I couldn’t make it through a day without some of Firefox’s fine selection of plugins. Specifically Firebug, Web Developer Toolbar, and to a lesser extent, Dummy Lipsum Generator. If you’re not developing with Firefox you’re doing more work than you should.
For various projects I’ve also used Macromedia Flash, Adobe After Effects, QuickTime, and OmniGraffle.
UI Development (PixelMEDIA)
AcquireMedia
Acquire Media needed a new UI for their NewsEdge application. The project involved building out fully functional shell templates using HTML, CSS, and JavaScript. The interface needed to be fully fluid as well as featuring drag & drop, expand/collapse, and sorting functionality. Dojo toolkit was the primary JavaScript library used with jQuery used to handle additional functionality.
Among the items I developed was a new tri-state checkbox plugin for jQuery (which will be released shortly) to handle the 3 state checkbox lists.
Software: Dojo, jQuery, Adobe Photoshop, jEdit
Health Dialog
I handled full front-end development of Health Dialog’s quiz modules. The quiz modules are dynamic, XML-driven quizzes to help their users gain a better understanding of their medical conditions. The quiz functionality is written entirely in JavaScript.
One of the items I developed during this project was a small cross-browser XML node import plugin for jQuery. This plugin allows cross-browser inserting of XML nodes directly into an HTML document, fixing some IE specific issues.
Software: jQuery, Adobe Photoshop, jEdit
Liberty Mutual
PixelMEDIA was tasked with the job of rebuilding Liberty Mutual’s “eService” online Account Management utility. My duties included HTML/CSS development of the site (shared with another developer) and full development of the UI/JavaScript functionality.
Software: jQuery, Adobe Photoshop, jEdit
Website and Shell Development (PixelMEDIA)
Senior Aerospace
Senior Aerospace, a high tech manufacturer, needed a new website and PixelMEDIA delivered. I handled full development of the site including HTML, CSS, and JavaScript.
Software: jQuery, Adobe Photoshop, jEdit
Protonex
I handled full web development duties for the site PixelMEDIA created for Protonex, a manufacturer of advanced fuel cells.
Software: jQuery, Adobe Photoshop, jEdit
Gemini Valve
Gemini is manufacturer of ball valves who needed an updated site to boost sales. I handled full development of the site including HTML, CSS, and JavaScript.
Software: jQuery, Adobe Photoshop, jEdit
Cinelan
Cinelan was a site we developed for Factual Media who provides distribution for short films. My duties included full development of the site including HTML, CSS, and JavaScript.
The short deadline lead to a few late nights but the project was completed on time and on budget.
Software: jQuery, Adobe Photoshop, jEdit
Elavon
Elavon is a client I’ve spent a lot of time with at PixelMEDIA. From developing the site shell to building out the numerous sub sites and mini sites there is never a shortage of work to do for Elavon.
Software: jQuery, Adobe Photoshop, jEdit
Cyber Ark
I handled full development of the new Cyber Ark home page.
Software: jQuery, Adobe Photoshop, jEdit
Pixtronix
This is a shell I developed at PixelMEDIA. The site was designed by Pixelmedia’s outstanding Creative Services group.
Software: jQuery, Adobe Photoshop, jEdit
Burns & Levinson - Canada
This is another shell I developed at PixelMEDIA. This small shell was actually built for a sister site of the main Burns & Levinson site. The design was based on the main B&L site but the shell needed to be coded from scratch.
Software: Adobe Photoshop, jEdit
ADS Incorporated
This is the first shell I developed while working at PixelMEDIA. Again, the site was designed by PixelMEDIA’s Creative Services group.
Software: Adobe Photoshop, jEdit
In addition to the full site shells above I’ve done a ton of web development work for various clients including: Nova Information Systems, Alnylam Pharmaceuticals, Accutech, UNICCO, DOAR and DMB Financial.
Site Design and Shell Building (freelance)
Indie Music New England
Indie Music New England is a pet project of mine. I created the site partially to help the local music community in southern New Hampshire and partially to get my hands dirty with WordPress’s innards. The site’s theme is an amalgamation initially built off of Performancing’s Modernpaper theme. I’ve since tweaked it quite a bit (and I continue to tweak it constantly).
Software: Adobe Photoshop, jEdit
Platform: WordPress
Samantha J. Belcourt
I designed and developed this online resume and portfolio for my wife, a business teacher, during her last job search.
Software: Adobe Photoshop, jEdit
Building James
I designed and developed this website for Building James, a local acoustic rock and pop duo from Manchester, NH that I’m a part of (actually, half of).
Software: Adobe Photoshop, jEdit
Platform: WordPress
Direct Source Trading Company
I’m currently designing and developing a website for Direct Source Trading Company, a small local company focusing on exports. They requested a small, temporary site while the main site was being developed. WordPress to the rescue.
Software: Adobe Photoshop, Adobe Illustrator, jEdit
Platform: WordPress
Specialty Hose & Tubing
I designed and developed this website for local anti-static hose distributor, Specialty Hose & Tubing.
Software: Adobe Photoshop and jEdit.
Bay State Wire & Cable
I designed this website for MA based distributor, Bay State Wire & Cable.
Software: Adobe Photoshop and jEdit.