Archive for the 'Web' Category

FlowChart iPhone App

Tuesday, September 1st, 2009

Just finished making support and app info site for FlowChart, an iPhone application to keep track of our peak flow measurement.

Visit the site to see more info : http://www.atguard.net/flowchart/

or directly go to App Store by clicking this link

Here is the screen shot of the one pager site. it’s using 960 css framework and lightBox for the screenshot gallery.

Screen shot 2009-09-20 at 3.11.31 PM

FlowChart Website Screenshot

Enso Penthouse Kiosk @ Discovery Center

Monday, February 9th, 2009

Real Estate group ask me to create a kiosk for Discovery Center to showcasing their Enso Living Penthouses. The design was taken from the original website with special tweaking to conform with the wide screen format ( kiosk ).

Application information :

  • Architecture : PureMVC framework
  • XML based configuration ( for ease of updating unit availability and updating any text in the application )
  • All images and swfs are external assets that downloaded dynamically
  • Flex 3, deMonster Debugger, Tweener, FDT

Here is the video to give an overview of what the project looks like.



Or you can visit South Lake Union Discovery Center ( http://www.discoverslu.com/ ) for more information.

New PGA Foundation splash screen

Monday, January 5th, 2009

Just recently finished the new home screen for PGA Foundation site. I made new flv / image rotator for the home page, similar idea with the main vulcan.com site. all settings is controlled from xml file and support skinning.

Another projects using PureMVC framework and during the development process I am using deMonster debugger ( a super awesome debugger )

Click on the image to see the action in real site.

Paul G. Allen Foundation website

Paul G. Allen Foundation website

vulcan.com new front page

Thursday, February 28th, 2008

Previous Vulcan.com Site

I had a privilege to work with the web and UI team in Vulcan Inc. to give a new face to the previous vulcan.com site.

The site design was done long before I am join in the team.

My task in the team is to develop a flash module for the front page to give the first time user an overview of vast diversity that Vulcan Inc. has. Covering from sport team through the philanthropy organization that Paul Allen has.

One of the requirement for the flash module is, it need to be easy to update and doesn’t any help from me to re compile the content. So, I came up with the image slider that can be controller from an XML files. The XML will set the image collection, color icon, link to the category page and the delay time for the image to be shown in the front page. I am using bitmap filtering for the blur and wash out the icon color in the non selected mode.

I love the way AS3 manage the event base modeling. The display object management help me prepare the images without worrying the screen / movie clip management as in AS2. And new E4X in AS3 is a total God send to help programmer consume XML easily in flash.

The slider went through several iteration and the team decide to use the version that has a series of ICONS representing Vulcan Inc. groups and an image to give an overview of the latest news related to the group. Troy, one of the designer in the web team push in the idea to use flv along with images.
His ideas gave a nice dynamic features to the vulcan.com home page. Currently the flv slash overview will show up during the vulcan productions selection.

So, enough rambling here and click on the site preview image to jump to the vulcan.com site

New Vulcan.com Home Page

Updated After3D.com site

Wednesday, October 10th, 2007

A long due project, the new face of After3D.com. Showcasing my wife’s “Sofie” Work portfolio.
I am pretty lousy on making a fast design decision, so this portfolio was design by Sofie her self, and I just implementing the functionality based on her request 🙂 SO … Thank you Sofie for the great design 🙂
After3D_2007

To make updating the site easier both for me and Sofie, I put this feature for the site:

  • XML based configuration file for Menu buttons, text content and gallery RSS feed link
  • All image content is based on the Gallery2 RSS, whee Sofie can easily add her workpiece into gallery and the new images will be reflected automatically in her flash portfolio site
  • A linkage to the wire frame images in some of the artwork, showcasing the detail wire frame rendering.
  • Copy of resume in multiple format is connected directly to her emurse account, so at anytime she update her resume in emurse.com all changes will be automatically populated in all formats. No more copy pasting in PDF, txt and word document… YAY
  • Behind the scene, I separate the Business model and the View model, so at anytime she bored with this themes, I can easily update the FLA with new graphics and re-compile the SWF with new skin and all SHOULD work the same 🙂
  • OK now, one project done, time to find another things to learn and do.