chrisgiarmo.com

archive for the‘webness’ category

webcams + fans = awesome vid

Wednesday, October 14th, 2009

this awesome music video for the japanese group sour was made by their fans on webcams. it’s an amazing example of low-tech process / high-end results.

This music video was shot for Sour’s ‘Hibi no Neiro’ (Tone of everyday) from their first mini album ‘Water Flavor EP’. The cast were selected from the actual Sour fan base, from many countries around the world. Each person and scene was filmed purely via webcam.

Director: Masashi Kawamura + Hal Kirkland + Magico Nakamura + Masayoshi Nakamura

from boing boing.

uniqlo flash wonderland

Tuesday, October 6th, 2009

i was recently perusing uniqlo’s us website and was amazed at the extensive and exceptional flash content. flash websites are super interesting and super controversial from a web-development standpoint. basically a regular HTML website (like this one) has all the content embedded in the actual HTML. the styling of the content is done by editing the HTML document or by attaching a cascading style sheet (or CSS - as i have done for this website) that your web browser then interprets and displays for you. a flash website (which is basically any fancy website that moves) is more like a movie than a website. when displaying a flash website, your browser simply loads an swf file (or flash movie file) and displays it, like it would a quicktime movie. the advantage to using flash is first and foremost, the dynamic representation of content through animation that is often achieved, but also a designer knows that no matter whoever is viewing the page - on whatever operating system or with whatever browser - will see the exact same page. HTML pages can load differently depending on user settings of font size, or styles and because of various browser discrepancies. there are advantages to using HTML over flash, however, including unique page searchability and direct linking and updating. one cannot link to a specific part of a flash website within the site because (as you may notice when viewing such sites) the URL or website address doesn’t change. navigating a flash site is like skipping around to different parts of a movie. likewise, updating a flash website involves opening the “movie” and editing a specific section or scene, and can be very time consuming.

normally i’m a fan of creative use of HTML pages. that said, i have been blown away by the use of flash on the uniqlo site of recent. i suggest visiting the site for yourself and exploring, but here are some highlights :

the uniqlo collection fashion show is a dynamic video of a runway show that is also interactive. by rolling your mouse over a model as he / she is walking a number will come up above his / her head, which you can click to take you to more information on the specific look. the model is then singled out and shown walking alone on the plus-sign shaped catwalk. brilliant.

 
 

the uniqlo calendar, which can also be downloaded as a screensaver features tilt shifted and sped-up footage of various japanese settings with a beautifully laid out, customizable calendar / weather feature to the right.

 
 

uniqlock is a fun and festive clock (also available as a screensaver) that features great color and typography and some quirky choreography. i literally spent an hour looking at this the other day. it’s mesmerizing.

 
 

uniqlo introduction is an amazing auto-scrolling flash page that gives a whirlwind overview of the uniqlo product line and principles. you can click on each item or image to give you more information. the amount of data represented is astounding.

 
 

tokyo fashion map is a great interactive animation that features people on the street in specific neighborhoods of tokyo passing garments to each other through the magic of video! the map interface is stunning as well.

 
 

and finally, uniqlo from tokyo to paris challenges to be the world’s longest website at 28,200 pixels. again the amount of data displayed here is astounding and the representation, dynamism and use of the grid is gorgeous.

according the uniqlo website they will be launching a new online store for their upcoming heattech line. i can’t wait to see what they come up with next.

insert coin

Monday, September 28th, 2009

Insert Coin from vurup on Vimeo.

cool / creepy animation i found on vimeo today.

flash! typography!

Thursday, September 24th, 2009

i created this typographic animation for prof. christie shin’s digital design i class at pratt.

the assignment was to create an animation in flash primarily using typography, representing a neighborhood in new york city. we also had to create a brand identity for the neighborhood. i chose stuyvesant heights - my neighborhood! my intention with this animation was to brand stuyvesant heights historic district as a destination for anyone who appreciates brooklyn history and is interested in the culture, community and architecture of this extremely well preserved, turn of the century neighborhood.

our next assignment is to create an image-based animation using after effects.

i’m excited about the second assignment, as i’ve never used after effects before. this assignment wasn’t necessarily easy (although i do have ample experience creating websites in flash) but it’ll be interesting to see if i’m savvy enough to be able to translate the images in my head to the screen.

ps - grad school rocks.

new links section!

Monday, September 14th, 2009

just added a bunch of new links to my LINKS page - including a section of design resources. enjoy.

scuttle snails by chase rees

Monday, September 14th, 2009

from vimeo’s HD channel.

Timelapse of snails coming out during the rain. Just for fun.

Aphex Twin
Fingerbib
Richard D. James

forget the film watch the titles

Saturday, September 5th, 2009

amazing website called FORGET THE FILM WATCH THE TITLES that’s part of submarine channel, an aggregator of interesting design projects on the web. pretty beautifully laid out sight too. FORGET THE FILM… showcases title sequences from movies in categories of Animation, Motion Graphics, Mixed Media and 3D Titles. amazing resource for anyone interested in time-based graphics. the collection also gives detailed descriptions of the films and premise of each sequence as well as completely crediting the designers and studios responsible.

here are a few of my fave title sequences :

Juno
Irréversible
Kiss Kiss Bang Bang
Intimate Ennemies
Wimbeldon
A Fistful of Dollars

it’s begun…

Wednesday, September 2nd, 2009

the above is a snapshot taken on an iMac in room 515 of Pratt Institute’s Manhattan building using an awesome free photobooth clone netapp called cameroid (don’t worry, she asked us to do it!).

professor Christie Shin is asking us to keep tabs on our development over the course of the semester, in her Digital Design class, on a blog, so hooray! you’re in on it too.

you may also notice that there links (to the left of this post, on the sidebar) to other student’s blogs from the class (labeled “des. blog links,” should you be so inclined to compare and contrast our educational experiences.

awes.

where’s chris? [not in new york]

Friday, April 17th, 2009

MFAD forum invite

i’m not in new york right now - and won’t be until june - but if i was, i would be attending the SVA MFA Designer as Author Thesis Forum on April 22nd.

i didn’t apply to SVA for grad-school this fall because i thought their graphic design program seemed a little too “crunchy,” but this show looks awesome. and i think it’s free.

Steven Heller of PRINT magazine says :

The School of Visual Arts (SVA) MFA Designer as Author program is holding its first annual Thesis Forum at the new SVA Visual Arts Theater next Wednesday, April 22. During this daylong, marathon event (9:30 a.m. to 9:30 p.m.), MFAD thesis students will present their entrepreneurial products on the big stage. The public is welcome for all (or some) of the day’s presentations.

Moderated by guest host/faculty members Milton Glaser (keynote) Scott Stowell, and Lita Talarico, with a special end note by Allan Chochinov, the day is divided into three sessions that will showcase the unique products, objects, and campaigns created for the contemporary marketplace. A catalog, entrepreneurial gifts, and delicious finger food will be available.

The SVA Theater is located at 333 West 23rd St. And if you cannot make the Thesis Forum, please attend the opening of “Potential Energy: 19 Designers Set Their Ideas in Motion,” the MFAD thesis exhibition, Tuesday, May 5 from 5 to 8 p.m. at the Visual Arts Gallery, 601 West 26th Street, 15th Floor. (The exhibition is up until May 16). Come view the work and then give us your comments.

sounds fun!

also : check out this super shoddy website that was published before all the kinks were worked out for Sprint / Palm’s new awesome phone - the Palm Pre. i’m not an iPhone user and i’m not gonna be. when this baby comes out i’m ditching Verizon and going with Jamie Lee’s favorite company.

where’s chris? [at jfk]

Monday, April 13th, 2009

video chat

i’m sitting in a semi-comfy chair at jfk after paying way too much for wifi via boingo, and paying way too little for a fossil watch (duty free = yes!) - which will be delivered to me at the gate when i board the plane. class.

i’ve got about two more hours before i board a 747 and fly to heathrow with a bunch of annoying british people and their screaming kids with nintendo DS’s. luckily i’ve secured a window seat by checking in online, have an ample supply of antihistamine sleeping pills and didn’t sleep last night. prognosis? a comatose flight to london-town for chris.

after a transfer in heathrow (which will probably involve taking a bus to another terminal) and a two-hour layover, i’m off to lyon where i’ll be stationed for two weeks performing with big dance theater. then it’s off to spain and anywhere my little heart desires for four more weeks. woo hoo.

be sure to check THIS site. my blog. for photos and updates. i’ve just decided to roll that way.

so deal.

i’m kinda abandoning facebook and twitter for this journey. i just want my documentation of this trek to be on my terms and not get lost in the standard sea of tweets and status updates.

xo - “world-traveler” (according to british airways) chris.