Web Portfolio
January
31
2010
Written by: aurelius at 4:13 pm in the Web category.
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
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: Design Camp, mock-ups, web pages
March
17
2009
Written by: aurelius at 2:22 pm in the Web category.
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.
TAI home page
Oregon Regional page - example of region-specific page layout
Template for clinic home pages
Tags: design, development, SEO
March
17
2009
Written by: aurelius at 2:21 pm in the Web category.
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
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: design, development
January
20
2009
Written by: aurelius at 9:03 am in the Web category.
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: Flash, widget
January
24
2008
Written by: aurelius at 1:27 pm in the Web category.
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: SEO, writing
June
26
2006
Written by: aurelius at 4:35 pm in the Web category.
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.
Flash splash page for the 2004 PLX web site
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: design, PLX
June
20
2005
Written by: aurelius at 10:07 am in the Web category.
Map for 2003 Western Canadian Teachers Tour
Map for 2003 Lake States 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: Flash, maps
November
26
2004
Written by: aurelius at 4:39 pm in the Web category.
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.
Main layout format for TFF web pages
Alternate design differentiating the Forestry Education section of the TFF web site
www.forestinfo.org
Tags: TFF
June
26
2003
Written by: aurelius at 4:31 pm in the Web category.
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.
Home page for 2002 PLX web site
Tags: design, PLX
June
26
2003
Written by: aurelius at 4:30 pm in the Web category.
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
Tags: design, PLX
