Sidetrail Media

Multimedia Content Creation

Portfolio

The work shown here is a select portfolio of projects demonstrating Sidetrail Media's expertise in Multimedia Content Creation.

Strings Across the Sky

The Strings Across the Sky web site promotes the non-profit program, created by professional violinist Andrea Hansen, for teaching music to arctic youth. All content is managed by a re-skinned Wordpress blog.

  • Layout design
  • XHTML/CSS and PHP/MySQL development
  • Implemetation of Wordpress as a content management system (CMS)

Visit Site »

Words Alive Literary Festival 2008

This redesign of the Words Alive web site — including a new logo — makes use of an energetic design to promote the festival. All content is managed by a re-skinned Wordpress blog.

  • Layout and logo design
  • XHTML/CSS and PHP/MySQL development
  • Implemetation of Wordpress as a content management system (CMS)

Logo Design | Visit Site »

SEDAI: The Japanese Canadian Legacy Project

Telling the stories of Canadians of Japanese ancestry, The SEDAI Project web site offers compelling video interviews, archival photographs, and historical essays to share with all Canadians.

  • Layout design
  • XHTML/CSS and PHP/MySQL development
  • Flash/Actionscript development

Visit Site »

Indu-Kote Systems Inc.

Indutrial coating experts Indu-Kote Systems required a redesign of their web site to appeal equally to industrial and architectural interests. Features include an interactive Home Page widget and a Portfolio gallery.

  • Layout design
  • XHTML/CSS and PHP/JS development
  • Flash/ActionScript development

Visit Site »

PlanetEye (beta)

PlanetEye is an experiential travel guide focusing on the emotion and intimacy of travel destinations. Geo-tagged photographs and "Local Expert" reviews comprise this unique and growing travel resource.

  • XHTML/CSS and DHTML development
  • Flash/Actionscript (Home Page and City Guide photo widgets)
  • Design and Wordpress implementation of corporate blog

Visit Site »

Vividview Productions

Vividview Productions, a Toronto-based producer of custom video biographies and tributes, required a web site to showcase their services. Their site features a "View Room" with custom-designed, Flash-based video playback.

  • Flash/Actionscript development
  • XHTML/CSS and JavaScript development

Visit Site »

CAPTR.org

In anticipation of a provincial election in October, 2007, the Ontario-based Coalition After Property Tax Reform (CAPTR) required a site redesign as part of its mandate to lobby Ontario's provincial parties for property tax reform commitments.

  • Layout design
  • XHTML/CSS and JavaScript development

Visit Site »

GregBeros.com

Designed to help him stay in touch with his constituents, the web site for Richmond Hill councillor Greg Beros, employing the ward's black and gold colour scheme, features a personal video introduction; updatable news area and photo gallery; and email sign-up.

  • Layout design
  • XHTML/CSS, JavaScript, and PHP development

Visit Site »

JohnCusinato.com

John Cusinato is a talented musician touring Southern Ontario. John's web site publicizes his biography, photos, and tour dates as well as providing sample audio tracks and event photos.

  • XHTML/CSS and PHP development
  • DHTML development

Visit Site »

JohnAndTeresa.ca

Newlyweds John and Teresa document their courtship with this online wedding album. Utilizing the Flickr API, this application combines Flickr's user-friendly photo management with a custom interface design.

  • Layout design
  • XHTML/CSS and JavaScript
  • Flickr API implementation

Visit Site »

MINI Targa 2006

The Targa Newfoundland section of MINI.ca, celebrating the annual rally race, required fresh content for the 2006 event: a revised Landing Page and new "MINI Cooper S JCW Competition Edition" section (pictured).

  • Flash/ActionScript development

Visit Site »

The projects listed below represent a select portfolio of work produced while employed as an interface developer at Blast Radius Inc.

BMW Financial Services Model Selector

Choose the vehicle that fits your budget based on down payment, monthly payments, and the lease or finance program you want. The fluid interface updates the vehicle matrix in real-time as you make your selections, displaying only the vehicles that meet your financial requirements.

  • Flash/ActionScript by Joe Nittoly

Go to BMW.ca, click "BMW Financial Services" in the top nav, then click "Payment Calculator" in the left nav.

MINI Configurator

Personalize the options and price of your dream MINI Cooper and save it for later reference. The interface was designed to send user choices to a product database and refresh itself without page reloads.

  • HTML, CSS, and JavaScript co-developed by Joe Nittoly

Visit Site »

BMW Media Gallery

Dramatic imagery, moving and still, captures the mystique and excitement of one of the world's finest line of luxury vehicles. One of the earliest examples of CSS-based design, this project was a joy to work on both for the quality of the results and how well the team gelled.

  • XHTML, CSS, and JavaScript by Joe Nittoly

Visit Site »

MINI Media Gallery

A CSS re-skin of the BMW version, the MINI Media Gallery shows off the spunk and charm of the BMW-redesigned MINI Cooper.

  • XHTML, CSS, and JavaScript by Joe Nittoly

Visit Site »

MINI Accessories "Wheels & Aerokits"

Serving as an after-market parts showroom, the Wheels & Aerokits page lets visitors select accessories by previewing how they'll look on their MINI Cooper model.

  • XHTML, CSS, and JavaScript by Joe Nittoly

Go to the MINI Accessories section, choose a model from the left navigation, and click "Wheels & Aerokits."