wemakedotcoms

Hand drawing animation

Based on designs by Laurent, I created these flash banner ads. I added the animated hand that draws content on screen. Although not an original idea, I thought it would work well with the hand drawn design. This was good old keyframe flash animation… All the effects (shadows, blurs, etc…) are using internal flash filters to deliver files below the 25kb allowed.

S&D were so happy with the banners that they asked us to produce a version for the homepage of the site. That one also uses local connect to allow the body and header flash movies to communicate and play in synch.

These ad banners ran for about a month on Forbes.com.

Banner 120×600

Banner 336×280

Banner 728×90

Close up of the navigation bar

As requests for flash based presentation grew at STC, I developed a simple platform to quickly create and manage them. Each presentation uses a simple XML data structure to update the presentation’s config, sections and slides. The slides could be of 3 types: static, animated or stepped. Stepped would allow to use the main navigation to control the timeline in a loaded SWF file. This presentation system was used with several clients for standalone presentations or web delivery. We even used it to power STC’s new biz presentations.

Below are some screenshots of the customized presentations.

Closup of the 3D render...

It was nice to walk into the Singapore office of then VSNL International and seeing the wallpaper I had designed on everyone’s desktop…

I actually don’t like to have a background (other then a solid grey or black on my desktop(s)) but clients love them. They help remind people who they work for and/or that they are on the wrong floor or wrong office. Just kidding. When rolling out a new brand it’s a good way to surprise people. IT can update everyone’s desktop overnight.

Photoshop fun.. Unused

As STC expended to Singapore, we were asked by a local non-profit to create elements to support their effort. This included evites, a small site, events support, etc…

For the site we used my slidy navigation script I had developed for my friend Chad’s site.

I also used my simple Z order script to develop animations to play on LCD TVs during various events. Another test using this simple z depth implementation.

Detail of the new GUI

As part of the exploration process for re-branding Broadstreet Digital (BSD), I was tasked with updating the GUI of their platform. As far as I know this was never implemented internally by BSD’s IT team. The key here was to try to respect the original elements to allow for a quick and easy production of the new GUI. I tried to isolate and match the original images and re-skin existing elements as much as possible. I also tried to allow for most of the update to be CSS based.

3D renders of one option for a new logo icon

In late 2006 STC was commissioned by Arbinet to re-brand and re-design their site. As part of the exercise, I was asked to design some of the comps that were to be submitted to the client for review. Although these were rejected, I think they are cool enough to make it here…

Detail of the homepage design comp

For this project (developed through Cyber Sytes) I was contracted to design the site and create all the flash elements. Including a brochure application using a flip book effect. The brochure used a dynamic back-end and an XML layer to carry data to and from Flash. Created to be flexible this book is still online today. It generates revenues via ad placements.

Functionality included: Search/Filter, bookmark and custom printing of listings. Coded in AS2 the application uses OOP and Classes to manage elements and ensure modularity. At the time this was one of the most complex application I had created.

Click here to view the brochure application.

The site’s homepage design has been changed from the original one I created (see comps below).

Eimers Group Neighborhoods Page

For this site I was contracted by Cyber Sytes to produce all of the main flash elements. The header/navigation portion of the page and an interactive neighborhood map. This was to be the first of many interactive maps I would create. I was brought into the team as a flash developer only. Design (including the map and GUI) was done by Eric from CYSY. I only produced and coded the flash.

Visit the Eimers Group’s site

The map application uses XML as its data source. Including the dots (or locations) name, kind, positioning, link, etc… We included a debug or back-end version of the flash to help the crew at Eimers add the position of a new location. Functionality includes filtering of the data and jump to a specific neighborhood. Control of the map mimics those of most map apps: Pan, Zoom and an interactive preview of the current visible area. The actual map application came out at around 40kb. The map’s background (under 100kb) and XML data (variable) are external.

Click here to see the interactive neighborhood map

Illustration for ad banner

For this project I was contracted by Cyber Sytes to create three ad banners for a local boat dealership. The tagline “Does your boat raise fish?” wasn’t my idea but I had fun with it and created simple cartoon like animations to illustrate it. We actually won a Silver ADDY® Award for the campaign.

Click here to view banners One
Click here to view banners Two
Click here to view banners Three

detail of the GUI

Yet another New York eatery… But now in Flash 7! We produced the site as the restaurant was being built. I say we because my dear friend Dave modeled and texture the space seen in the homepage video from the architect’s blueprints. I then rendered and integrated the video into the site. Flash 7 introduced better scripting of FLVs and also new encoding. I also used XHTML and the newly supported CSS to load and format menus and most text content at runtime.

I also created the audio soundscape.

You can visit the archived site
(keep in mind some of the links may be broken)

Homepage

Events Page