The client wanted a website to compliment a multi-part documentary series about the rock &roll scene in Toronto in the early 50s and 60s. A group of developers came with this concept that the client absolutely loved. The main idea being that you could get a user to feel like they are 'there' during the 50s &60s. With a mix of 3D, Video and Actionscript we were able to come up with this website. The Locations page was our main focus, with a dynamic map of Yonge Street as well as interactive exterior and interior experiences of the location.

Larger View »

The client wanted a personal portfolio site that showcased his services and work he has done so far. The client also wanted the ability to upload music to their site. To accomplish this, I made it so that when the client uploaded music through a custom CMS, the music would get stored in a database. A PHP script would output an XML file of the information the client entered as well as the location of the music file. The PHP-generated XML file would reference different hand-coded XML files. A Flash MP3 Player would then read this XML file and play the selected tracks. I also incoporated a couple of CSS3 animations/techniques into his site.

Larger View »

With the recent news of Apple & Adobe getting along for developers to develop iPhone apps, a project came about to develop an iPhone app for Humber College. The Humber website provides a plethora of useful information, but it needed a mobile companion. A team of us put together some of the most useful information into a fully functioning iPhone app. This app has several sections, uses several features native to the iPhone and is so robust in the content it delivers. The drawbacks of developing in Flash, is that it is not nearly as smooth and resilient as something developed in the iPhone SDK. Enjoy.

Larger View »

A website for a fictional club based on a mock client case study. The scope of this project involved the design of moodboards, case studies and several interations. The idea was to emulate a real client and all the process involved with the final design and launch. Based on the case study and client feedback, we came to the conclusion that all the important information should be on the main home page. Guestlist info, contact info & event information.

Larger View »

This contact form was created with the sole purpose to use PHP functions to validate the data. You will get a custom error message depending on the error. It is styled completely in CSS, also using some very powerful CSS3 techniques like gradients and drop-shadows. For an added user experience, checkmarks show up once you correct an error. Regardless of the way you enter information like the phone number or postal code (e.g (416) 123-4568 or 4161234568 ) the PHP will make the adjustments and continue on. Can't stand those websites where you have to enter info in a specific way.

Larger View »

Λ  Back to top

I wanted to simplify just the checkout portion of the website, so the 'Shop Online' button will take you to the checkout process. Or you have quick links for the most common packages on the home page. Digging deeper into the shopping section, you are given some choices, that you can 'add to the cart' or look up more info in a pop-up. In the pop-up, you can see other pictures of the phone by just hovering over the images, no clicks. A main progress bar is shown to guide you through the process. You can go back a step but not forward. All the info you choose, shows up as a summary on the right side menu as you go along.

Larger View »

Λ  Back to top

I want to emphasize elegance and simplicity with this restaurant design. Whenever a user goes to a restaurant website they are looking for specific things; location & contact is ususally on the top of the list, followed by the menu so they can get an idea of what to order. While researching, I noticed that very few restaurants had images of the dishes, so I decided to add links to all the menu items as well as corresponding images. The location & contact information is in the header and constantly visible. Give the user what they want as fast as possible was my main focus for this design.

Larger View »

Λ  Back to top

The basic idea behind this design was to learn the tools available in Illustrator (because I have never been exposed to it, I prefer Fireworks) and implement them to design a vector, with the aid of several tutorials. I wanted to take this vector into Flash and make in interactive. I wanted to make it simple and work properly. You can pick between digital or analog with your main choice showing up in the main window and the other choice showing up in a smaller window on the side. A counter is also in place to countdown to Xmas. I wanted my main focus for this to be the design and learning to use the date & time classes in ActionScript 3.

Larger View »

Λ  Back to top

A custom twitter widget that display all of my tweets. This was created in Flash with a couple of AS3 class files that I wrote. A Very simple, clean layout that is meant to display the most useful informationg about what your tweets. It's interesteding to note that, in order to pull the needed data from Twitter, you have to use a PHP file that acts as a proxy to circumvent the crossdomain policy to request the data you need. The XML data is then parsed in an XML file.

Larger View »

A very simple idea, use collision detection and some funky vectors to educate some people. Using proper Object Oriented Programming eqtiquette, I created this simple game, within a couple of hours. A duplicate ghost image (same image, with 0 opacity) is placed on top of the right black bubble. When the correct image is placed, opacity is turned up on the ghost and down on the original. Playing again will reverse this process. Also quickly researched the Youtube API and embedded a video that plays when you match all the symbols. No timeline anything, all code baby.

Larger View »