Web Portfolio

Going Through the Paces at Design Camp

January 31 2010

Chateau de Cheese Home Page - A 1.5 hour design exercise for Design Boot Camp

Chateau de Cheese Home Page - A 1.5 hour design exercise for Design Boot Camp

I was fortunate enough to participate in a full day Design Boot Camp class given by Portland State University’s Multimedia Program. The class, consisting of about 20 students, was led by portfolio class instructors, Todd Greco and Tian Mulholland, who led us through two timed exercises to force us to think creatively and work efficiently under constraints mimicking the extreme context a web designer might experience. In the morning’s exercise, each student had their choice of six projects to work on. The project was to design a logo and a home page for a fictional client within 90 minutes. Students were given a design brief for their client as well as some photos and images to integrate into the design. At the end of the hour and a half, we turned in our creations and were critiqued before the class.

Gocycle Product Page - A 1 hour exercise for Design Boot Camp

Gocycle Product Page - A 1 hour exercise for Design Boot Camp

After a lunch break, we returned for round two which was a one-hour exercise to design a product page for our choice of one of six clients. We were given minimal direction beyond some marketing materials (product copy and images). From these we needed to design a product page that not only presented the product, but considered the navigational and functional needs of a product page. During this round, the process incorporated some distractions – loud background music playing (to simulate a shared workspace) and a camera crew interviewing each of us about the class (to represent the multi-taking distractions of an office). Once the hour was up, we turned in our work and were again critiqued.

I did most of my mockups using Adobe Illustrator, since that was the tool that I felt most comfortable and confident with.

Tags: , ,

Comments (+)

Therapeutic Associates (TAI) Web Site

March 17 2009

I was the designer and lead developer for the TAI site for over five years and shepherded it from being a static site to a dynamic one with custom content management functionality. Along the way, I was responsible for two redesigns and ongoing optimization of the user interface and the search engine optimization (SEO). The site is built using standards-compliant HTML and CSS integrated into ASP.net masterpage templates underlying the entire site.

Therapeutic Associates Home Page

TAI home page

Region-specific page template

Oregon Regional page - example of region-specific page layout

Template for clinic home pages

Template for clinic home pages

Tags: , ,

Comments (+)

CareConnections Product Catalog/Application Site

March 17 2009

CareConnections is a data collections and reporting product suite for capturing therapeutic outcome data points for physical therapy treatments. I was the designer for two iterations of the overall site design and was part of team developing the user interface for online application portion of the product that allowed physical therapy customers to log their patient outcome information and retrieve generated reports.

CareConnections Home Page and Login Portal

CareConnections Home Page and Login Portal

The site was built on the ASP.net framework incorporating Visual Basic, MasterPages, and jQuery. The site design reflected product branding and the layout was coded into the MasterPage templates.

Tags: ,

Comments (+)

Configurable National Map Widget

January 20 2009

National Location Finder Widget

National Location Finder Widget - Click to try it

This is a widget that I created for a web site using Adobe Flash. The widget reads an XML list of (in this case) rehabilitation networks by state and activates states containing active networks on the map. Each active state can be rolled over with the mouse to see the active network in that state and the user could click on the state to navigate to a separate page.

Tags: ,

Comments (+)

Teaching online newswriting

January 24 2008

I’m always seeking references to collect for better web writing both for myself and for any marketing staff I work with. This link isn’t the strongest, Teaching online newswriting but it does highlight a few key points. The main one regards using principles of search engine optimization as a tool to better focus one’s web copy.

Tags: ,

Comments (+)

2004 Portland Lindy Exchange

June 26 2006

In 2004, I worked with a creative team to implement the web site for a local swing dance event. The organizers had developed a dragon logo and an Oriental theme which I integrated the web site’s design which provided event information and registration to participants coming from all over the country.

2004pdlxa1

Flash splash page for the 2004 PLX web site


2004pdlxb

Example page from the 2004 PLX web site

The lindy hop is a swing dance originally popularized in the 1920s. It experienced a resurgence in the late 1990s in cities across the world. A lindy exchange is a weekend-long dance event where dancers from all over the country are welcomed to a local dance community for shows, performances, events, and, of course, dancing. I worked on the Website for the Portland Lindy Exchange since 2001. 2004’s exchange was the third official Portland exchange.

Tags: ,

Comments (1)

Flash Tour Schedules and Maps

June 20 2005

Map for 2003 Western Canadian Teachers Tour

Map for 2003 Western Canadian Teachers Tour

Map for 2003 Lake States Teachers Tour

Map for 2003 Lake States Teachers Tour

Map for 2003 Intermountain Region Teachers Tour

Map for 2003 Intermountain Region Teachers Tour

This is a set of Flash maps and schedules that I developed for participants in the forest tours that the Temperate Forest Foundation conducts every summer. The maps were part of a tour page on the TFF web site to help participants visualize the span of the tour within a particular region and when and where various waypoints occurred during the tour. You can click on the thumbnails above to try out the maps.

Tags: ,

Comments (+)

Temperate Forest Foundation Website

November 26 2004

I inherited the forestinfo.org Website in 2001. One of my first projects involved implementing a redesign of the site and a restructuring of the site’s content into a more navigable structure. The redesign implemented web standards based HTML and CSS into the page templates. User interface elements included some javascript and (at the time Macromedia) Flash. The site’s framework also incorporated some Active Server Page technology.

forestinfo

Main layout format for TFF web pages


Temperate Forest Foundation Education Page Template

Alternate design differentiating the Forestry Education section of the TFF web site

www.forestinfo.org

Tags:

Comments (+)

2002 Portland Lindy Exchange

June 26 2003

The Website for the 2002 Portland Lindy Exchange. Site was built using a HTML table layout on top of ColdFusion. For more information about the Portland Lindy Exchange, refer to my post about the 2004 exchange.

2002pdlx

Home page for 2002 PLX web site

Tags: ,

Comments (+)

2001 Portland Mini-Lindy Exchange

June 26 2003

This site was a last-minute project to promote a social dance event bringing in swing dancers from other cities to Portland, OR for a dance weekend.

Site was designed in DreamWeaver. HTML was finished in Homesite and Notepad. Logos and images created in Illustrator and back-end Cold Fusion interface was coordinated through Swingout Productions.

2001 Portland Mini-Lindy Exchange Web Site

2001 Portland Mini-Lindy Exchange Web Site

Tags: ,

Comments (+)