Portfolio

Web sites, Web pages and microsites

PACK EXPO International 2004

One of the challenges faced when hand-coding this Web site was ensuring clear communication between the creative and digital strategy departments. I had to work closely with the creative department collaborating on all aspects of the project. Another challenge was finding a drop-down menu that worked across various browsers while also being easy for the client to edit and update themselves.

PACK EXPO Las Vegas 2005

Using the 2004 Web site as a foundation, we improved many aspects of the 2005 version. The challenge I faced was updating the drop-down menu with an updated version and ensuring it would be easy for the client to edit.

PACK EXPO International 2006

A new challenge brought to this project was the integration of a Flash-based menu and masthead. While I hand-coded the Web site my co-worker created all Flash-based components. Bringing everything together, I had to test and confirm that all Flash components worked flawlessly in various browsers. Another huge challenge was creating international Web pages in different languages—such as Japanese, Portuguese, and Russian.

PACK EXPO Las Vegas 2007

The client this year requested only HTML templates for each main section of the Web site and they would create the rest of the Web site internally. A challenge was hand-coding each template with clear notations and instructions so the client could easily create Web pages from the templates. The CSS style sheets had to include clear notations and instructions as well. Communication with the client was key to ensure they would have no problems in finishing the Web site.

Kellysearch

I had the opportunity to collaborate closely with the creative department on the design this microsite.

TetraPak USA

My role on this Web site was maintaining and updating various sections and ensuring consistency across the entire site. In particular, I was in charge of updating the Case Studies section with artwork and new Web pages as needed.

ECC Fifth Night Celebration

Working closely with the designer, this microsite was created under a tight deadline. There were countless pop-up windows that had to be coded. I included the use of sIFR in all main headlines of the Web site as a design element. The challenge was to keep all the pop-up windows consistent in design and functionality.

OFB | Travelport

A banner ad clicks through to this landing page which collects data from the visitor and the challenge was maintaining consistency among all pages—landing page, confirmation page and thank you page—for each banner ad campaign. Usability of the form and form fields validation were challenges I faced with this project.

Paycycle

For this Web site, I had to hand-code all the templates for each main section and include clear notations within the HTML and CSS code. Another challenge was finding an accessible toggle menu for the right-hand side that would be easy for the client to edit and update.

NEC Omnifunction Display

An entirely Flash-based microsite was created to showcase a new type of display monitor. A challenge I faced was to maintain consistency throughout each section of the microsite even though there were various people working on different areas of the project.

Please ensure you have Adobe Flash Player installed before viewing this project.

back to top

E-mails and Newsletters

ECC Fifth Night Celebration

Along with the ECC Fifth Night Celebration microsite, I also had to create an HTML e-mail under a tight deadline that was consistent in look and functionality of the microsite. Although I could not include the use of Flash-based headlines, everything in the e-mail had to match the microsite.

BMAIL

Every month I was in charge of hand-coding the monthly newsletter for the BMA/Chicago association under a very tight deadline. Working closely with the creative department, I created the newsletter and all accompanying Web pages on the BMA/Chicago Web site. I was also in charge of maintaining the ExactTarget e-mail marketing software used to send out the e-mail.

Paycycle

Working closely with the creative department, I hand-coded two HTML e-mails that had to be consistent with the design and functionality of the Web site.

PACK EXPO

The various e-mails that were sent out for the PACK EXPO Las Vegas 2007 trade show all had to be consistent in design and functionality with the Web site. I have chosen three to showcase here.

back to top

Banner Ads: Flash

Underwriters Laboratories

There were many challenges in creating these Flash-based banner ads. The first two banner ads expand open to show more information and offer the user a form to download a white paper. The second two do not expand but make great use of the limited space available to capture the user's attention and offer a white paper.

Please ensure you have Adobe Flash Player installed before viewing this project.

Tellabs

The challenge I faced in this banner ad was showing a large Ethernet cable that 'zoomed out 'into a Ethernet wire character without inflating the size of the swf file by having such a large image in the actual banner ad.

Please ensure you have Adobe Flash Player installed before viewing this project.

TetraPak

These banners also brought the challenge of keeping file size down while maintaining rich color and clarity of the product imagery. The solution was having the images load externally to cut down on file size.

Please ensure you have Adobe Flash Player installed before viewing this project.

back to top

Student work

Web sites, Web pages and microsites

Soda Stereo Multimedia CD Concept
Creation date - Summer 2002
Tools - Adobe: Photoshop and Illustrator

The purpose of the interactive concept is to give the users information on the band, lyrics, pictures, and video.

Notes: I chose a popular band and created an interactive concept to be integrated as part of the band’s album.

Tarot Card Interactive Tutorial
Creation date - Winter 2003
Tools - Adobe: Illustrator, After Effects and Flash

The purpose of the project is to helps users get an introduction to Tarot Cards including: their meaning, proper usage, and differences between decks.

Notes: this project is a computer-based training tool I created which uses a database to populate various pages.

Please ensure you have Adobe Flash Player installed before viewing this project.

Flow Interactive
Creation date - Summer 2002
Tools - Adobe: Flash and Photoshop

The purpose of this project was to showcase our body of work to viewers.

Notes: working as part of a team, we created a fictitious design company and showcased a portfolio of our work.

Please ensure you have Adobe Flash Player installed before viewing this project.

Message Board
Creation date - Winter 2003
Tools - HTML, CSS, JavaScript, and ColdFusion; Microsoft: Access; Adobe: Photoshop and Flash

The purpose of the message board site was to allow users to access and edit their profiles and messages after logging in or sign up as new members.

Notes: for this project, a Web site was created that would give users the ability to access and edit a database made viewable using ColdFusion.

Holiday Tree Lighting Ceremony
Creation date - Summer 2002
Tools - Adobe: Illustrator and Photoshop

The purpose of the project was to choose an actual event and create promotional materials (Web site and poster) for that event.

Notes: this project for Chicago’s Holiday Tree Lighting Ceremony includes a poster created to showcase a holiday tree and its brilliance along with a Web site offering a game where children could decorate their own tree.

Right Touch Web site
Creation date - Winter 2002
Tools - Adobe: Illustrator and Photoshop

The purpose of the project was to create an overall design look, logo, and Web site for a message therapy business.

Notes: this design concept was created for a massage therapy business. The project called for an entire Web site including the ability to make reservations online.

Curves in Me Web site
Creation date - Summer 2003
Tools - Adobe: Illustrator, Streamline, Fireworks, Flash, and Dreamweaver

The purpose of the project was to create an overall design look, and as a medium for showcasing my sketches. Secondly, the designed to look as if it was created in Macromedia Flash when in reality it is an HTML Web site.

Notes: this Web site showcases early pencil sketches in their original state and as animations.

back to top

Artwork

Mandala
Creation date - Fall 2000
Tools - Collage on black board

The purpose of this project was to use existing imagery to create a new work of art as a tribute to an artist.

Notes: in creating a Mandala, I chose Salvador Dali as the subject because his work is always inspiring and baffling. Using color copies of his various paintings a collage was made in a circular format.

Color Theory Pencil Sketches
Creation date - Spring 2001
Tools - PrismaColor pencils/markers, Rapidagraph pens on paper

The purpose of this project was to practice color palette skills and theory.

Notes: this project called for four pieces that had to convey idea through the use of color, white space, lines and curves.

Dream with Fish
Creation date - Spring 2001
Tools - Collage colored with PrismaColor markers on black board.

The purpose of this project was to create a piece and add color in order to create three distinctly different pieces from the original.

Notes: this project called for a collage to be colored in three different moods. The pieces were copied until the right grainy texture was obtained, then color was added.

Pumpkin Still Life
Creation date - Fall 2000
Tools - PrismaColor pencils on Canson paper

The purpose of this project was to realistically convey a still life using hand drawing skills.

Notes: for this project we were instructed to draw a still life from a set up of various objects set up on a table.

back to top