Web & Graphic Design Portfolio

Alyssa Milano Landing Page

2011-08-07T21:58:00.000-07:00

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

NHL Athletes Wordpress Site

2011-07-13T13:17:00.000-07:00

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

Intertube

2011-07-13T12:52:00.000-07:00

Intertube

Role: Backend and Content Administration

Bella Cafe

2011-07-13T12:42:00.000-07:00

Role: Concept & design of company logo and employee uniform

Social Web & Text Coupon

2008-04-04T23:44:00.000-07:00

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

2008-04-04T12:37:00.000-07:00

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

2008-04-03T11:40:00.000-07:00

Click banners to see animation

3oo x 250

728 x 90

160 x 600

User Experience Design

2008-03-26T00:24:00.000-07:00

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

2008-03-25T10:29:00.000-07:00

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

2008-03-09T18:05:00.001-07:00

Click image to for details

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

My roles are the following:

Design layout of the stage, set document properties, prepare color scheme
Organize with layers, symbols, apply masking, transform objects
Use timeline to organize the site
Add animation to website and build a navigation system
Create Input text and dynamic text, Scrolling text
Style text with CSS
Load XML content
Use User Interface components
Bind data to the UI
Set UI interactions
Load external movies
Form Components
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

2008-02-01T11:22:00.000-08:00

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

2008-01-31T13:53:00.000-08:00

Power Ranger eCommerce website

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

Go to Power Rangers website

Magazine Spread

2008-01-31T11:17:00.001-08:00

Published on February 2007 issue of Streaming Media Magazine.

Role: Graphic Design

Click here for online version

Rich Media Banners

2008-01-05T11:34:00.000-08:00

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

2008-01-04T16:16:00.000-08:00

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

2007-12-31T11:29:00.000-08:00

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

2007-11-06T15:51:00.001-08:00

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

2007-09-26T13:14:00.000-07:00

Fall 2007 eblast

Bean VIP

2007-09-20T18:07:00.001-07:00

The Bean VIP promo

Coffee Bean Fall 2007

2007-09-13T09:25:00.000-07:00

For this banner, I used the fall season theme

Banner to promote Ethiopia Harar Long Berry

Coffee Bean Summer 2007

2007-08-30T13:54:00.000-07:00

Banner promoting new IceBlended drinks

Summer eblast

Banner Sweepstakes for IceBlended.com

Coffee Bean Spring eBlast

2007-06-25T13:49:00.000-07:00

Spring 2007 eblast

Reload Promo

2007-06-12T19:41:00.000-07:00

Poster for "Add $30 Save $3" promo

The Coffee Bean® Card

2007-06-07T11:20:00.000-07:00

One of the banners to promote The Coffee Bean® Card

Dad & Grad Eblast

2007-06-05T13:08:00.001-07:00

2007 Dad & Grad eblast

Ice Blended® Drink

2007-05-25T14:53:00.001-07:00

Banner ad for the month of May '07, we featured the Do-It-Yourself Ice Blended Kit.

Coffee Bean Goes Green

2007-05-17T19:18:00.001-07:00

The Coffee Bean & Tea Leaf® as a Certified Green Restaurant.

Coffee Bean Goes Green banner

Coffee Bean Marketing

2007-05-17T17:04:00.000-07:00

Be a Friendly Bean!

Online marketing campaign sent to all their subscribers as a promo for inviting their friends to sign-up, reload their Coffee Bean card and get $5.00 off on every 5 lbs coffee purchased online.

LMH Basketball Jersey

2007-05-17T16:21:00.000-07:00

I was commissioned to design the La Mirada High School basketball jersey logo in 2006

Tacos Guadalajara

2007-05-15T16:41:00.000-07:00

front

back

Tacos Guadalajara is one of the favorite taco restaurant of Long Beach locals. They needed a uniform for their staff, I designed their logo & art work for silk screen printing.