Alyssa Milano Landing Page

Role: Interface design, HTML, CSS, Javascript, twitter, facebook pluggins

NHL Athletes Wordpress Site

Role: Design, HTML, CSS, Wordpress, Site Maintenance

Intertube

Intertube

Role: Backend and Content Administration

Bella Cafe

Role: Concept & design of company logo and employee uniform

Social Web & Text Coupon

Campaign: The Coffee Bean Lounge

Role: I collaborated with The Coffee Bean & Tea Leaf in the conception to promote the Ice Blended drink by engaging people to share their photos and sending "text coupon" messages to subscribers.

The site targeted Citysearch and Evite audiences of socially active, affluent internet users. It contained a number of components to engage users and incent them to return to the site. Some of these features included: photo upload, mobile component with a “text coupon” feature, enter the “Caribbean or Cash Sweepstakes”, Tell a Friend, Store Locator and sign-up for the Coffee Bean newsletter.

Virtual Shopping

Coffee Bean & Tea Leaf's online store

Role: Maintaining company’s e-Commerce website, updating graphics and text content.
Monitoring website usage, web traffic, reporting web statistics.

Rich Media Banners

Click banners to see animation

3oo x 250

728 x 90

160 x 600

User Experience Design

Before: Static page lacking user model

1.1 click image to enlarge


After: New look & feel with user model
1.2 click image to enlarge

This is my new case study, designing an inteface (MLS Listing) for real estate site using simple, intuitive and systematic approach.

I recommend that you look at the before(image 1.1) and after (image 1.2) to see the modification.

Role:

1. I provided a visual design solution that enhanced the user experience by creating a layout where user can easily navigate the house listing. Thumbnails at the left side of screen and the info at the right side. The thumbnail gets highlighted in red so you know exactly what house you are looking at.

2. Viewing Schedule section

Before, my client does a lot of phone calls to her client, a phone tag as she coined it with the prospect home buyers. It cost her atleast $200/mo in phone bills calling clients to schedule their house viewing. I suggested for her to make a specific viewing time. Her clients can go online and look at the schedule and book, It saves both of them time and phone call charges.

3. Making an offer button

A typical procedure of making an offer is to meet with the client and spend atleast an hour or two signing and discussing the amount they want to offer. Now by clicking this button (a pop-up window will appear, the user will enter their name, phone number, email address).

The real estate agent will receive this notice via email and will call the client to confirm and gather data. Then the agent will fax/email the Residential Purchase Agreement to the client for them to sign and fax it back. This way, the home buyer doesn't have to take off from work to meet with the agent or drive to the agent's office.

4. Email listing button - the listing will be emailed to the client or forward to person concerned.

5. Banner Ad -a section for banner ad to promote their in-house financing.

6. Print version of MLS listing

Flash Game Development

Flash Game Programming

I am a Flash Inteface Designer creating timeline animation and basic programming. I always want to increase my knowledge, and I find developing flash games is a great training in learning ActionScript. I just created a shooting game and enjoyed every step and phase. I added a blog to show my projects in video game development. Go to Flash Game Programming.

Flash CS3 Website

Click image to for details

This is my latest case study in building an interactive website in Flash CS3.

My roles are the following:

1. Design layout of the stage, set document properties, prepare color scheme
2. Organize with layers, symbols, apply masking, transform objects
3. Use timeline to organize the site
4. Add animation to website and build a navigation system
5. Create Input text and dynamic text, Scrolling text
6. Style text with CSS
7. Load XML content
8. Use User Interface components
9. Bind data to the UI
10. Set UI interactions
11. Load external movies
12. Form Components
13. Use Flash Video
    

Click here to view the project

The literature used in this project is Creating a Website with Flash CS3 Professional by David Morris

Flash Interface Design

Legacy Villas

Role: design layout of stage - migrating the images from photoshop, placing the content to each subsequent layer, organize timelines, adding an actions layer for labelling and Actionscript.

Visit Legacy Villas website

Flash Character Design

Power Ranger eCommerce website

Role: photo editing, clipping, retouching of the characters.

Go to Power Rangers website

Magazine Spread

Published on February 2007 issue of Streaming Media Magazine.

Role: Graphic Design

Click here for online version

Rich Media Banners

Flash banners to promote Vital Stream's transcoding services

The animation is made in timeline using motion tween.

Click here to see the animated banners

Video Advertisement

Coffee Bean commissioned me to create an advertisement to promote
"IceBlended Cash or Bahamas Sweepstakes" for Ripple TV

Role: Graphic design, video editing, convert video to flash player

Ripple TV inside Coffee Bean's Store

.

Coffee Bean Black & White Theme

January 2008 theme for The Coffee Bean & Tea Leaf
Role: Graphic Design


Homepage Banner (click image to see flash banner)

The Coffee Bean® Card

Limited edition Galapagos Organic Coffee

Hazelnut latte & ice blended

Holiday Promo 2007

Banner ad to promote Winter Dream Tea

Customer Appreciation Day

Banner ad to promote Holiday Blend Coffee

Holiday 2007 eblast

Holiday drink poster

Fall Campaign

Fall 2007 eblast

Bean VIP

The Bean VIP promo

Coffee Bean Fall 2007

For this banner, I used the fall season theme

Banner to promote Ethiopia Harar Long Berry