« Home

Interactive - Programming: Websites, Kiosks

Pixton.com

Pixton.com

Online, user-generated comic strip

Description

This is a personal project, in the making for several months. My original idea was inspired by improv theatre and genetics, evolving into Pixton. Users create characters, scenes, and episodes using predrawn assets, and insert dialog. Episodes can then be remixed by other users, resulting in many-branching iterations on an original concept. Pixton won Adobe's prestigious "Site of the Day" for Monday February 11, 2008.

Tools

Flash 9 / Actionscript 3.0, PHP, MySQL, Javascript / AJAX, XHTML / CSS

Design Credit

Goodinson Design Inc.

Link

Open in a new window »

Honda Canada

Honda Canada

Expandable Flash Banner Ad

Description

A banner ad expounding on the inherent greenness, safety, and fun of two of its cars, the Civic and the Fit.

Tools

Flash; compatible with Flash Player 6

Design Credit

GRIP Limited, Toronto

Department of Zoology

Department of Zoology

University of British Columbia

Description

The goal here was to create a self-sufficient website, where individual users are able to update their own information. This website uses a database and integrates with Zoology's existing LDAP system for user-validation, so that individual faculty members and graduate students can update their own information, including publications. Designated administrators can add and modify Event information, such as Seminars, Conferences, and Deadlines.

Location

Vancouver

Tools

PHP 5, MySQL, HTML / CSS

Design Credit

Marasigan Design and Goodinson Design Inc, Vancouver

Link

Open in a new window »

Metro Vancouver

Metro Vancouver

Informational CD-ROM for the World Urban Forum

Description

This cross-platform CD-ROM was developed in Flash 8, to hand out to 6,000 delegates at the World Urban Forum in Vancouver. It includes text, images, and video describing the history of and services provided by the Greater Vancouver Regional District (now Metro Vancouver).

Location

Vancouver

Tools

Flash, XML

Coast Capital Savings

Coast Capital Savings

Animated Flash presentation

Description

This presentation was designed to inform and entertain CCS employees about a benefits package. A series of animated illustrations, cartoonish sound effects, and a lively voice-over make for a fun yet informal 10-minute movie.

Location

Vancouver

Tools

Flash

Design Credit

Kaldor, Vancouver

Douglas & McIntyre Publishing Group

Douglas & McIntyre Publishing Group

Canadian Book Publisher's website

Description

This is an intensely database-driven website, containing info on books, authors, news & events, interviews, podcasts, photos, and more. Everything is interrelated, so there's some complicated querying going on.

Location

Vancouver

Tools

PHP, MySQL, HTML / CSS, Javascript / AJAX

Design Credit

Kaldor, Vancouver

Link

Open in a new window »

Bing Thom Architects

Bing Thom Architects

World-renowned architects

Description

This website consists of highband (Flash) and lowband (HTML) versions. A custom Content Management System allows authorized users to login and add, edit or remove all text and images featured on the site.

Location

Vancouver

Tools

Flash, PHP, MySQL

Design Credit

Elio Creative, Vancouver

Link

Open in a new window »

Marasigan Design

Marasigan Design

Brochure Website

Description

A straightforward Flash portfolio website. Text and image names are loaded from an external XML file, making it easy to update.

Tools

Flash, XML

Design Credit

Marasigan Design

Link

Open in a new window »

Go 2 Productions

Go 2 Productions

Video Production

Description

This website features progressively downloading FLV (Flash format) videos, the format of choice for YouTube and many others. Each list of videos is loaded from an XML, which is automatically generated from a directory listing of FLVs. The title and subtitle of each video is encoded in its file name, making for easy addition of new videos.

Location

Vancouver

Tools

Flash 8, XML, PHP

Design Credit

Go 2 Productions, Vancouver

Link

Open in a new window »

Game Theory

Game Theory

UBC Research Application

Description

This web application was commissioned by researchers in the Math and Physics Departments at the University of British Columbia. Game theory research typically involves constructing simulations of individuals involved in transactions over a period of time. This web application enables similar experiments involving human players, rather than algorithmic automatons.

Location

Vancouver

Tools

PHP, MySQL

The Santa Game

The Santa Game

Flash Christmas Game

Description

A simple game, where players help Santa to deliver presents to houses around the world. Players' knowledge of world geography is also tested, in the bonus round.

Tools

Flash, PHP, MySQL

Design Credit

Clive Goodinson

Link

Open in a new window »

Intake

Intake

Showcase for Independent Films

Description

This database-driven Flash website was built to stream Like-Minded Media's short films on the web. Featured films include "Mon Amour Mon Parpluie" and "No-one Ever Suspects the Chinese Guy."

Tools

Flash, XML

Design Credit

Designed by Marasigan Design; PHP and MySQL programming by Phil Chau

Link

Open in a new window »

Kokanee Glacier Beer

Kokanee Glacier Beer

Kokanee Ranger Team 'Stache

Description

This fun website lets you upload a photo of yourself (or your best friend's mother) and then add the moustache of your choice, to produce a personalized Team Stache Ranger card.

Tools

Flash 8

Design Credit

GRIP Limited, Toronto

Link

Open in a new window »

Network Entertainment

Network Entertainment

Sports documentary production company

Description

This all-Flash website includes progress-download videos (encoded in Flash's FLV format). All menu text, copy, images, audio and video clips are fully configurable in a single XML file, editable using any compatible text editor. The website loads quickly.

Tools

Flash, XML

Design Credit

Jeff Griffiths

Link

Open in a new window »

Trev Deeley Motorcycle Museum

Trev Deeley Motorcycle Museum

Touchscreen Kiosk

Description

This touchscreen kiosk is built in Flash, running as a standalone application on OS X. All text and image/video paths are loaded from a master XML file for easy updating. Regional maps zoom dynamically into various route maps. The museum is awesome, check it out!

Location

Vancouver

Tools

Flash, XML

Design Credit

Karo, Vancouver

Polycom

Polycom

SoundPoint IP 601 Tutorial

Description

This online user manual for a voice-over-IP phone was created using Flash. MP3s are streamed as needed for narrated sections, and voice, text, and call-outs are synchronized via cuepoints loaded from an XML file.

Tools

Flash 8, XML

Design Credit

Karo, Vancouver

Link

Open in a new window »

« Home & Contact