Portfolio

fccc.edu

April 2008

Fox Chase Cancer Center - Landing Page

Project:

Re-design and re-purposing of Fox Chase's website

Additional Screenshots:

fccc deep-level page
Fox Chase Cancer Center - Keystone Programs Microsite
Fox Chase Cancer Center - Breast Cancer Research Laboratory Microsite

Re-design and re-purposing of 2000 pages of content into a new 600-page information architecture.

Main tasks:

  • creating a PHP/MySQL CMS for in-house writers to populate the new pages of the website,
  • creating template from psd files,
  • creating Cascading stylesheet and xhtml for homepage, landing pages, and content pages,
  • addressing usability, accessibility, and cross-browsing issues,
  • integrating flash videos and podcast features,
  • developing various flash AS3 applications,
  • developing and populating various microsites for research labs and departments.

FCCC - Homepage Flash version 3

August 2009

FCCC - Homepage Flash version 3

Project:

Homepage Development with Actionscript 3.0 and XML data

This is the third version of the homepage I have developed for Fox Chase. It features rotating tabs with data pulled from an XML file.


PhiladelphiaStories.org

April 2009 - ongoing maintenance

Philadelphia Stories

Employer:

Philadelphia Stories Magazine

Project:

Re-design and re-purposing of online magazine content with Drupal

Additional Screenshots:

Philadelphia Stories -- Example of fiction page with artwork
Artwork Submissions Management Page - Editors can accept or reject submissions
All issues - philadelphia stories

This major development project included:

  • transferring data (roughly 2000 pages of content) from a MySQL 4 to the Drupal tables with MySQL 5,
  • creating a submission management system for visitors to submit fiction, poetry, nonfiction, and artwork, and for editors to select content for the upcoming edition,
  • developing a submission system with Ubercart and Drupal with which visitors can pay to submit their piece for yearly contest,
  • developing an issue-oriented structure for the content derived from the optional Drupal book module.

This implementation of Drupal allows editors to perform updates and to create new content without advanced technical knowledge.


GeorgeAnastasia.com

June 2009

GeorgeAnastasia.com homepage

Project:

Development and design of author's website with Drupal

Additional Screenshots:

Book promotion page
Video Page

George Anastasia is a veteran reporter for the Philadelphia Inquirer covering organized crime in the Philadelphia area.

This Drupal theme is an attempt to convey the true crime / investigative journalism atmosphere present in George Anastasia's books.


FairmountSoccer.org

August 2009

fairmountsoccer.org

Project:

Development and design of Soccer club website with Drupal

In my opinion, there are two ways to design a website for a soccer club. The first is to promote the team with its logo and colors; the second is to emphasize the authentic experience of this outdoor sport.


7Tarot.com - Tarot Card Game

September 2008

Pick your Tarot Cards

Employer:

--

Project:

Flash AS3 interactive Tarot Game

Additional Screenshots:

7tarot.com - Interpretation side of the application.
7tarot.com -- Google API Query

This project was a personal challenge. Picking cards and interpreting them later requires a fair amount of user interface RIA development as well as back end development for the data. This application was coded in pure actionscript (no Flash IDE) and compiled with the Free Flex SDK. The settings for each reading are loaded from XML files, and so the same application can work with an infinite number of spreads (5 cards, three cards, 24 cards, ...) and with different sets of cards (Major cards only, minor cards only, major and minor cards, only one color, ...)
The interpretation side of this application queries Google for the interpretation of the cards.


FCCC - Meet Our Doctors

2008

Meet Our Doctors interface

Project:

Development and interface design of Doctors directory

Flash application developed with Actionscript 2.0 and an xml external file to get data for each department.


Fox Chase Discoveries Timeline

2008

Project:

Development and interface design of Timeline application