Portfolio

Andrew Relkin resumé

Website: Strobe Promotions

http://www.strobepromo.com/

Standards compliant site. This is the redesign of a site; the quote on the top right is randomly generated using javascript so the client can easily update himself.

Website: Nutrient Rich Foods Council

http://www.nutrientrichfoods.org/

Standards compliant site. Coalition of food commodity associations.

Website: Filter For Good

http://www.filterforgood.com/

Version 2 of the site.

Standards compliant site. The home page uses Javascript to show a slide show of images rather than Flash.

Pledge the Map page uses Googlemaps to show people pledging to stop using bottled water.

Website: Army Advocates

http://goarmyadvocates.com/

Standards compliant site built for MRM Worldwide (client: U.S. Army).

Website: Prezista

http://portfolio.relkin.com/prezista/

Standards compliant site. Version 2 of a soon to be launched website for a new AIDS drug.

Promotion: Las Vegas Vacation, - Instant Win

http://review.promotionexpert.com/demo/o11/index.html

Promotion: Animal Planet, - Instant Win with Tell-a-Friend

http://review.promotionexpert.com/demo/ppm/index.html

Promotion: Scratch 4 Cash, - Instant Win, Scratch Off

http://review.promotionexpert.com/demo/scratch_n_win/index.html

Promotion: Manua Loa, - Simple Sweepstakes

http://review.promotionexpert.com/demo/sweeps/index.html

Promotion: Adventures In Learning, - Sweepstakes

http://demo.promotionexpert.com/adventure

Promotion: Gucci Loves NY, - Contest

http://demo.promotionexpert.com/guccilovesny

Microsite: Clorox

http://portfolio.relkin.com/clorox/

Standards compliant internal microsite shown to reporters and PR reps to show the results of a PR campaign.

Of note, data presented on the "media" page and the "kid's cookoff" page are dynamically generated.

Promotion: Pepperidge Farm, Create Finn's New Friend

http://portfolio.relkin.com/pepperidge_farm/

Standards compliant promotion. Users vote for a new "fish" to be featured on Pepperidge Farm Goldfish crackers. The main pages are the Vote Now page and the Gallery. Both are dynamically generated. Each gallery thumbnail has a dynamically generated content that pops up using a modified version of Thickbox (by Jquery.com).

The layout is entirely dynamic, and during the development stage, the layout of the page can be changed dynamically also: to change the amount of rows per page, add the query "?rows=" and choose a number. This feature is for development and testing only and will not be part of the live site. On the vote page, the order of the finalists is random every time a user comes to this page. This insures that the submissions that are "above the fold" won't get an unfair advantage.

Tooltips with dynamically generated content

http://portfolio.relkin.com/tooltips/

Modified a JQuery tooltip plugin to display dynamically generated content. This saves on page weight. There is less markup to manage and edit. In this particular case, the page itself is a PHP or ASP page, so it's easy to write all the data for the tooltips directly on the page as a Javascript array which then gets accessed by the modified JQuery. Also, it moves the responsibility onto the client side.

Lorem Ipsum random text generator

http://lipsum.relkin.com/

After seeing several text generators, none of which had all the features I wanted, I wrote my own using PHP. It brings together all the features I saw on different websites.

Lorem Ipsum is randomly generated type used by graphic designers and typesetters to show the layout of a page without filling the page with real copy. Real copy would distract a person from looking at the overall layout and design of page (as the viewer might sometimes get caught up in trying to read the real copy).

Website: Amity Shlaes, writer

http://www.amityshlaes.com/

Standards compliant site. Amity Shlaes is a financial writer. Do all the design and management of this standards complient website. Uses PHP.

Promotion: Paypal, Shop For Back To School

http://portfolio.relkin.com/paypal/

Standards compliant site. Promotion to encourage parents and children to use Paypal to pay for school supplies.

Microsite: Real People, Real Ideas

http://portfolio.relkin.com/unilever/

Microsite for Unilever encouraging users to submit household tips. The pages of note are the Recipe Ideas, Beauty Made Simple and Household Hints. The contents are dynamically generated as the user was constantly updating the content. Was able to manage entirely through one javascript file.

Microsite: Walmart Holiday 2006 Guide

http://portfolio.relkin.com/walmart/

Internal microsite shown to reporters to preview 2006 holiday specials. Of note: the site is bi-lingual. This is all accomplished on the client side using javascript and style sheets.

Widget: ADDitudes Magazine

http://portfolio.relkin.com/widgets1.0/

ADDitudes magazine was redesigning their website and wanted a tips widget.

The tips are dynamically generated and are always fixed to specific spots on each section's widget. The top navigation only represents the pages of the actual website so the client could view all widgets.

Because of the differences in the DOM between browsers, this took a lot of intense calculations to insure browser and platform compatibility.

Widget: Sponsor banner

http://labs.relkin.com/banner_demo/

This banner was originally done as a gif. The client made many revisions to the banner. I redesigned it using javascript. Using javascript/dhtml, we were able to quickly add and subtract sponsor logos, as well as change the timing of the delay between sponsors without having to recreate another gif. To see a change in timing of sponsor logos add the query: ?delay=, with a number in milliseconds.