Saturday, February 28, 2009
Brief 5: Make a set of Siftables
http://www.ted.com/index.php/talks/david_merrill_demos_siftables_the_smart_blocks.html
We are swapping out the Charles Schwab project with Siftables. You will need to buy shop time at the Academy's tool shop so you can build your Siftable shells. Prototypes will be due March 11th. Of course, I am only joking with you. Thanks for sharing, Geoff-Jon
Friday, February 27, 2009
Taste the rainbow all over the Web.
Skittles makes a big splash online, hitting up all the popular social networking sites. Navigate by way of the Skittle module in the upper left. Notice how their "Taste the Ranbow" tag line changes with every site. Look at your browser window title. Yummy...

http://www.skittles.com

http://www.skittles.com
Thursday, February 26, 2009
Spring 2009 Interactive Viral Video Challenge: Interactive Wed 7-9:50pm
While my expectations of the viral videos last night might have been a bit too high, there was actually a good range of ideas. I do have my favorites.
Below are the videos that have been uploaded so far. Cut-off is Noon today.
-Ryan
-Jacob
-Geoffrey
-Napus
-Shravan
-Flora
-Tomoko
-Adriana
-Jonathan
-AngeLin
-Kristen
-SodomyXXX (Gritsalak)
-Korrapon
-Michael
-Dréa
Below are the videos that have been uploaded so far. Cut-off is Noon today.
-Ryan
-Jacob
-Geoffrey
-Napus
-Shravan
-Flora
-Tomoko
-Adriana
-Jonathan
-AngeLin
-Kristen
-SodomyXXX (Gritsalak)
-Korrapon
-Michael
-Dréa
Wednesday, February 25, 2009
Assignment 4: Portfolio Site
All of you have been creating some really good work in this class. Now it's time to give it a place to live. Having an online portfolio will save you money, reduce paper cuts, and will make you stand out in front of creative directors.
Your site should tell a story about you as a creative person. Who is Jacob? Who is Drea or Shraven? How about Gunjan? Do you love books? Is it a digital book? Do you love cars so maybe it's a take-off on Grand Theft Auto? Is it a garage? Is it something about where you grew up? A map? Or is it a representation of your love for clean design? Look at the sites from my students last semester. Notice how each site has its own personality.
For Nick, his site is wrapped around the city he loves and calls home.

http://www.copyrightnickrodgers.com/
Good shows off his eye for clean design and layout. For him it's maybe more about the work featured on his site than the site itself.

http://mygoodkup.com
Dhruvi's first love is architecture. Her site is built around landscapes she drafted as an architecture student.

http://www.dhruvishah.com/
Deliverables:
5 unique site ideas that represent you as a person. Sketch as many pages for each idea as it takes in order to convey your concept. The more the better.
Your site can be either Flash or HTML. The above examples are actually just plain old HTML. I recommend this route because Flash sites are a pain in the ass to update.
Recommended software:
Adobe Dreamweaver
Your site should tell a story about you as a creative person. Who is Jacob? Who is Drea or Shraven? How about Gunjan? Do you love books? Is it a digital book? Do you love cars so maybe it's a take-off on Grand Theft Auto? Is it a garage? Is it something about where you grew up? A map? Or is it a representation of your love for clean design? Look at the sites from my students last semester. Notice how each site has its own personality.
For Nick, his site is wrapped around the city he loves and calls home.

http://www.copyrightnickrodgers.com/
Good shows off his eye for clean design and layout. For him it's maybe more about the work featured on his site than the site itself.

http://mygoodkup.com
Dhruvi's first love is architecture. Her site is built around landscapes she drafted as an architecture student.

http://www.dhruvishah.com/
Deliverables:
5 unique site ideas that represent you as a person. Sketch as many pages for each idea as it takes in order to convey your concept. The more the better.
Your site can be either Flash or HTML. The above examples are actually just plain old HTML. I recommend this route because Flash sites are a pain in the ass to update.
Recommended software:
Adobe Dreamweaver
Shraven whips out the Sprint NOW Widget


Hey!
A great Microsite/Downloadable Widget from Sprint.
The “Plug into Now” page is a crazy quilt of feeds, some tapping live data and some based on graphical representations, including the world population, number of emails being sent, current national debt, a countdown to Doughnut Day and Google’s top searches.
The widget below will give you an idea:
http://now.sprint.com/widget/
-Shravan
Tuesday, February 24, 2009
Really, really bad ad roadblock on SF Gate.
Saturday, February 21, 2009
AngeLin paints like Pollack and throws some bones around.

"Jackson Pollock by Miltos Manetas" for iPhone from Memo Akten on Vimeo.
Be like the famous artist! Create your own Pollack painting at: http://jacksonpollock.org/
It's just FUNNY! Go "size him up": http://www.albinoblacksheep.com/flash/sizehimup
Play with another set of bones: http://www.albinoblacksheep.com/flash/wireframe
<3, AngeLin Vo
The marketing of Coraline.

Here's a side story. I grew up in Portland. Coraline was built by an animation studio in Portland, Laika, that used to be called Will Vinton Studios. Vinton animated Tim Burton's Nightmare Before Christmas. Vinton is also known as the creator of the old PJ's TV Show and the famous California Raisins.
About 5 years ago Vinton Studios fell on hard times with Pixar kicking their asses. They just about closed down.
Enter Phil Knight, co-founder of Nike and a billionaire several times over. His son was working at Vinton as an animator. He convinced his Dad to buy the studio. He did. Then renamed it Laika.
Who did Laika and Phil Knight turn to when it came time to promote Coraline? Who else but the same people Knight turned to over 20 years ago who gave birth to Nike's brand and inspired generations to "Just Do It".
Wieden & Kennedy made everything from wild postings to limited edition Coraline Nike dunks to the site experience.
Coraline's world premiere was held in Portland earlier this month.
Check out this banner:
Get the inside story on Coraline at W+K's blog: http://blog.wk.com/laika/
Read an interview with Phil Knight on AdAge: http://adage.com/madisonandvine/article?article_id=134733
Experience Coraline by Wieden + Kennedy

Coraline! Have you seen it? It's AMAZING. W+K did a cool interactive site to launch the movie. Check it out.
http://coraline.com/#/?page=pano&subPage=0
Geoff
Wednesday, February 18, 2009
Assignment 3 1/2: YouTube Videos
Class, viral videos are still in their infancy in the ad biz. Few agencies have successfully achieved a breakthrough with this new medium. I myself have failed. User generated content is becoming a must have for most marketers. Everyone's attempting it. Now it's your turn.
Your mission is to shoot a viral video that you will post to YouTube.
But, it's not really a viral video until it's proven to be viral.
Here's what you need to do:
1. Shoot 3 separate videos.
2. Your videos can be about anything, and not necessarily an ad. But if you want to create an ad, go ahead. Pick a campaign from your portfolio and extend it to YouTube. Is it a street performer? Is it a stunt? Is it a commercial?
3. Bring in three different videos next week (2/24). We will pick the best one and post it to YouTube that night. Please create a YouTube account before next week's class if you don't have one.
The video with the most views by the end of class the following week 3/4/09 will win a special prize.
Some things to think about:
Go on YouTube and study the most popular/most viewed videos. What makes them popular? Inform yourself on what makes a popular viral video before shooting. Is there something you think is so funny that a million other people will enjoy it too? Is it local? Humor is a good place to start.
YOU COULD HAVE A GREAT VIDEO BUT THE NAME/TITLE YOU GIVE IT CAN MAKE IT BOMB.
Think long and hard about how you name your video. Be aware of people's search queries. If your video is about a leprechaun stripper, then it would be a good idea to name it that. Or some combination like "naked leprechaun". Also keep in mind that if the title is boring or uninteresting, nobody will bother clicking to watch it.
Resources:
Top Ten Viral Videos
The Secret Strategies Behind Many “Viral” Videos
Car Dealers Learning Art of Viral Video
DISCLAIMER: JON SHALL NOT BE HELD RESPONSIBLE FOR ANY MAIMING AND/OR ARRESTS DURING THE FILMING OF THE ABOVE VIDEOS FOR ASSIGNMENT THREE. PRESS RECORD AT YOUR OWN RISK.
Action!
YouTube video examples from my students last semester.
Bunny Sex by DHRUVI
http://www.youtube.com/watch?v=JhqB9m5LXQ8
Killer Clock by NICK
http://www.youtube.com/watch?v=vfpiKxa3ETw
Best iPhone Application Ever-Beer Getter by DANA
http://www.youtube.com/watch?v=gFXQu0B4Qe0
Give my money back!!! Magic trick by MIKE
http://www.youtube.com/watch?v=Ts3uAsc0fIQ
San Francisco Love Party (the Hero Dancing) by GOOD
http://www.youtube.com/watch?v=Li9jJM7YyTc
Hot Smokin' Armpits by PETE
http://www.youtube.com/watch?v=hnpxNwDSoLg
Kickin' It Freaky by KULIKA
http://www.youtube.com/watch?v=Q6yXzR_-cX4
http://www.youtube.com/watch?v=JhqB9m5LXQ8
Killer Clock by NICK
http://www.youtube.com/watch?v=vfpiKxa3ETw
Best iPhone Application Ever-Beer Getter by DANA
http://www.youtube.com/watch?v=gFXQu0B4Qe0
Give my money back!!! Magic trick by MIKE
http://www.youtube.com/watch?v=Ts3uAsc0fIQ
San Francisco Love Party (the Hero Dancing) by GOOD
http://www.youtube.com/watch?v=Li9jJM7YyTc
Hot Smokin' Armpits by PETE
http://www.youtube.com/watch?v=hnpxNwDSoLg
Kickin' It Freaky by KULIKA
http://www.youtube.com/watch?v=Q6yXzR_-cX4
"fucking cool"
I don't know if this is considered flash, but it is fucking cool...haha
-Jonathan
http://www.stumbleupon.com/toolbar/#url=http%2525253A//andyslife.org/games/sand.php
-Jonathan
http://www.stumbleupon.com/toolbar/#url=http%2525253A//andyslife.org/games/sand.php
Sunday, February 15, 2009
Adriana shares some stuff.
This ad really impressed me. The handshadow work is flawless and the theme is not what I expected. I couldn't find any 'cool' interactive stuff that goes along with it, but the ad is so good I thought I'd share..
This websites navigation is all over the place, but it somehow works for it. I had fun trying to find all the things you could do.
If you get tired of the music lick on the 'I hate music' button and you can change it for Hall & Oats.
This is a video more than anything, but it's such a creative way to advertise their service that I thought I'd share.
-Adriana G.
Attention inexperienced guys! - Cool microsite from Old Spice

Agency: Wieden + Kennedy
Take the test and see what a man u really are! -Shravan
http://www.experienceoldspice.
Tomoko wants you to shake things up for Wario Land.

Agency: Goodby
I found this website and I'd like to share it with my classmates.
http://www.youtube.com/
Have a good weekend.
-Tomoko
Saturday, February 14, 2009
The Dutch and the domino effect.

Jacob Pepper here. My dad sent me this crazy site from Amsterdam. Give it a second it looks lame, but then the payoff is pretty sweet. I don't know what any of it means though, just thought it was a pretty crazy takeover.
http://producten.hema.nl/
PEP
Thursday, February 12, 2009
Gunjan shows you some cool Audi work.
Not even a cool phone will make people want to go to Nova Scotia.
Thanks for sharing, Adriana. This is a site that one of my students shared last semester in November. It was worth pulling out of the archive. Everyone, I encourage you to browse the postings located inside the archive in the bottom right of this blog, starting in September 08. This way you can avoid sharing something that's been posted before. There's a lot of great work going back to September. -Jon

Hi,

Hi,
Just wanna share this. Of course the Pomegranate is not real, but actually a clever ad campaign for Nova Scotia, promoting tourism to "a place that has everything". -Dhruvi
http://www.pomegranatephone.com/
http://www.pomegranatephone.com/
Ryan hugs it out and eavesdrops on people.

two interesting websites:
overheard in new york: http://www.overheardinnewyork.com/
random postings of overheard conversations
http://grouphug.us/
an anonymous online confessional
-Ryan
Wednesday, February 11, 2009
CALL TO ACTION (CTA)
Every single online ad you create must contain either a link or button that clicks through to a microsite, website, or some sort of landing experience.
This is called a CALL TO ACTION (CTA). It is exactly what it implies. It's a "call to click" through for more information about what you are selling in your ad.
In certain cases your Tagline can double as the CTA. It most cases it should. You should put as much thought into your CTA as you do your concept. A lot of creatives settle on "Learn More" and "Click Here". But that rather boring, don't you think?
Your CTA should only be on the final frame unless a lame client (Yahoo!) asks for the CTA to be up throughout your ad. Lame.
Below are examples of CTAs:
BMW
View the ad here:
http://www.bannerblog.com.au/2008/08/bmw_harp.php
Here the CTA is very direct prompting the user to "learn more" with an arrow or "Carrot" (Industry speak for arrow). For such a cool and fun ad, the CTA really let me down. Could they not have come up with something better than simply "Learn more". Exciting car. Boring CTA. How about ">Make some music" ?

Absolut Vodka
View ad here:
http://www.bannerblog.com.au/2006/01/absolut_freshness.php
Notice that the CTAs here are very simple. Either "REPLAY" or "VISIT SITE".

Xbox Live
View ad here:
http://jonclifton.tripod.com/xboxlive.html
This is a CTA I wrote for Xbox live. It doubles as a pay-off and tagline. It goes with the concept.
A lot more interesting than "Learn More".
This is called a CALL TO ACTION (CTA). It is exactly what it implies. It's a "call to click" through for more information about what you are selling in your ad.
In certain cases your Tagline can double as the CTA. It most cases it should. You should put as much thought into your CTA as you do your concept. A lot of creatives settle on "Learn More" and "Click Here". But that rather boring, don't you think?
Your CTA should only be on the final frame unless a lame client (Yahoo!) asks for the CTA to be up throughout your ad. Lame.
Below are examples of CTAs:
BMW
View the ad here:
http://www.bannerblog.com.au/2008/08/bmw_harp.php
Here the CTA is very direct prompting the user to "learn more" with an arrow or "Carrot" (Industry speak for arrow). For such a cool and fun ad, the CTA really let me down. Could they not have come up with something better than simply "Learn more". Exciting car. Boring CTA. How about ">Make some music" ?

Absolut Vodka
View ad here:
http://www.bannerblog.com.au/2006/01/absolut_freshness.php
Notice that the CTAs here are very simple. Either "REPLAY" or "VISIT SITE".

Xbox Live
View ad here:
http://jonclifton.tripod.com/xboxlive.html
This is a CTA I wrote for Xbox live. It doubles as a pay-off and tagline. It goes with the concept.
A lot more interesting than "Learn More".

STORYBOARDING FOR DIGITAL
Hey guys,
Now that your Chapstick concepts are getting somewhere I want to cover storyboarding. Below is an example of a storyboard for a campaign i worked on at Ogilvy. Front sketches to comps, this is how I want all of you to present your concepts from now on.
Descriptors: Under each frame is a "descriptor" where you explain how your ad works from frame to frame. Similar to a TV spot storyboard.
Number of frames: You should be able to tell your story in 5-6 frames. Maximum.
Numbering boards: In the top write (See example) please type the numbered order of your concepts. The first concept is "01", the second is "02", etc.
Naming: Next to the board number list the project name. For instance "Chapstick". Underneath that type the concept title.
Below are examples of how your boards should be layed-out according to banner size.
As always, please create one single PDF containing all of your concepts.
-Jon
Example Storyboard Banner
Lrec Storyboard: 300x250 Pixels
Sky Storyboard: 160x600 Pixels
Super Storyboard: 728x90 Pixels
Microsite Storyboard
Now that your Chapstick concepts are getting somewhere I want to cover storyboarding. Below is an example of a storyboard for a campaign i worked on at Ogilvy. Front sketches to comps, this is how I want all of you to present your concepts from now on.
Descriptors: Under each frame is a "descriptor" where you explain how your ad works from frame to frame. Similar to a TV spot storyboard.
Number of frames: You should be able to tell your story in 5-6 frames. Maximum.
Numbering boards: In the top write (See example) please type the numbered order of your concepts. The first concept is "01", the second is "02", etc.
Naming: Next to the board number list the project name. For instance "Chapstick". Underneath that type the concept title.
Below are examples of how your boards should be layed-out according to banner size.
As always, please create one single PDF containing all of your concepts.
-Jon
Example Storyboard Banner
Lrec Storyboard: 300x250 Pixels
Publish at Scribd or explore others:
Sky Storyboard: 160x600 Pixels
Publish at Scribd or explore others:
Super Storyboard: 728x90 Pixels
Publish at Scribd or explore others:
Microsite Storyboard
Publish at Scribd or explore others:
Brief 3: California Academy of Sciences Online Ad Campaign 2/11

You've brainstormed microsite ideas for the Academy of Sciences. Now how are you going to get people to your awesome microsite???
Your next mission is to create an online ad campaign that will drive people to your freaking cool microsite. Your online ad concept will be based on your microsite concept that we will choose tonight. However within that chosen concept, I'd like to see unique approaches for getting people to click.
Deliverables: 5 concepts
Please use the above storyboard templates to layout your rough sketches (frames) for presentation next week.
Due: 2/18
Flash Workshops
I want all of you to get internships and jobs someday. Having actual working interactive stuff will benefit you in more ways than you can fathom right now. But trust me. It's a competitive ad world out there. Developing your digital in Flash will make you stand out from the competition.
For those of you with very little Flash experience should attend the following workshops so you can keep up with your Flash savvy classmates. All of you are expected to come out of this class with working Flash ads. Storyboards only are a last resort because if it ain't moving then it might as well be a print ad. Feel me?
Go to Flash workshops. -Jon
Monday Evenings
Instructor: Gerard Talampas
180 NM, Room 530
7-9:50pm
Tuesday Afternoons
Instructor: Josh Spohrer
180 NM, Room 530
3:30-6:20pm
All workshops end 05/04/2009
Call Dana Hollis at the Ad School if you have any questions: 415-618-6101
For those of you with very little Flash experience should attend the following workshops so you can keep up with your Flash savvy classmates. All of you are expected to come out of this class with working Flash ads. Storyboards only are a last resort because if it ain't moving then it might as well be a print ad. Feel me?
Go to Flash workshops. -Jon
Monday Evenings
Instructor: Gerard Talampas
180 NM, Room 530
7-9:50pm
Tuesday Afternoons
Instructor: Josh Spohrer
180 NM, Room 530
3:30-6:20pm
All workshops end 05/04/2009
Call Dana Hollis at the Ad School if you have any questions: 415-618-6101
Take a wild ride with agency McKinney.

Dropping acid first would make it way cooler but I would never encourage you guys to take drugs of course.
http://mckinney.com/#
"So where can i find examples of interactive to share?"
I assumed most of you were familiar with ways to find examples of digital adverting or interactive to submit and share on our blog. It's actually the same process you use to find examples of great print or TV online. Here's a list.
1. Agency sites
www.akqa.com (Where I worked)
www.goodbysilverstein.com
www.bsands.com (Butler, Shine & Stern)
www.evb.com
www.pereiraodell.com/ (Brand new digital shop in SF. Do well in this class and I'll send you to my Friend PJ Pereira for an internship.)
www.cpbgroup.com/
www.barbariangroup.com/ (Developed subservientchicken.com with CPB)
www.mckinney.com/# (Recently re-relaunched site)
2. Blogs
www.bannerblog.com.au
www.beyondbanners.blogspot.com (Of course the best place to go for inspiration.)
3. Award Shows (What better examples to see than award winners?)
www.andyawards.com
www.oneclub.org
www.dandad.org/
www.canneslions.com/
www.adcglobal.org/
4. Sites
http://creativity-online.com
www.thefwa.com/ (Micro and website focused.)
5. Google
www.google.com (Do a search for "award-winning interactive")
6. General Inspiration
www.ted.com/ (Great source for technological innovation.)
My favorite TED presentation lately:
Wii remote hacker
1. Agency sites
www.akqa.com (Where I worked)
www.goodbysilverstein.com
www.bsands.com (Butler, Shine & Stern)
www.evb.com
www.pereiraodell.com/ (Brand new digital shop in SF. Do well in this class and I'll send you to my Friend PJ Pereira for an internship.)
www.cpbgroup.com/
www.barbariangroup.com/ (Developed subservientchicken.com with CPB)
www.mckinney.com/# (Recently re-relaunched site)
2. Blogs
www.bannerblog.com.au
www.beyondbanners.blogspot.com (Of course the best place to go for inspiration.)
3. Award Shows (What better examples to see than award winners?)
www.andyawards.com
www.oneclub.org
www.dandad.org/
www.canneslions.com/
www.adcglobal.org/
4. Sites
http://creativity-online.com
www.thefwa.com/ (Micro and website focused.)
5. Google
www.google.com (Do a search for "award-winning interactive")
6. General Inspiration
www.ted.com/ (Great source for technological innovation.)
My favorite TED presentation lately:
Wii remote hacker
A load of inspiration from your pal, AngeLin.
- Very cool, trendy, and hip Flash website where you can customize the music playing while you browse through their boutique's brands. If only you could shop their boutique online, then they'd have it all:
http://www.x10sion207.com/
- A new age way of presenting a city. City of Prince Rupert's official website:
http://www.princerupert.ca/
- A sexy Flash website for Madison Kelowna Real Estate that would make anyone want to move in and have a cosmo:
http://www.madisonkelowna.com/main_site.html
- If you don't move there, you'll want to relocate and move here! Check out their video gallery tours.
http://www.woodlandhillskelowna.com/
- For the fashion savvy, design your own shoes! A great gift for friends, family, or even yourself. Show off your artistic talents.
Converse: http://www.converse.com/index.aspx?mode=c1
Nike: http://nikeid.nike.com/nikeid/index.jhtml?_requestid=1713085
- Go here to try out new hairstyles before you actually go to the salon to get your cut. Upload your face and try on different colors and cuts!
http://www.thehairstyler.com/
-AngeLin Vo
http://www.x10sion207.com/
- A new age way of presenting a city. City of Prince Rupert's official website:
http://www.princerupert.ca/
- A sexy Flash website for Madison Kelowna Real Estate that would make anyone want to move in and have a cosmo:
http://www.madisonkelowna.com/
- If you don't move there, you'll want to relocate and move here! Check out their video gallery tours.
http://www.
- For the fashion savvy, design your own shoes! A great gift for friends, family, or even yourself. Show off your artistic talents.
Converse: http://www.converse.com/index.
Nike: http://nikeid.nike.com/nikeid/
- Go here to try out new hairstyles before you actually go to the salon to get your cut. Upload your face and try on different colors and cuts!
http://www.thehairstyler.com/
-AngeLin Vo
Adriana gets her bling on with White Gold.
Wake up your feelings with HP.

Amazing graphics, 3D Modeling, and storyline bring this microsite to life. Music is good to. Go ahead, little ones, explore your feelings. -Jon
http://h30466.www3.hp.com/campaign/touchsmart/ap/en/intro.html
Tuesday, February 10, 2009
Swedish Agency Forsman & Bodenfors revamps their Web ID.

Very simple idea. Clean user interface. Nice sound effects. What else do you expect from the Swedes? Now go search your little hearts out. -Jon
http://www.fb.se/#/en/Search/
Guys, Shraven has shared three sites within the last 24 hours.
Let's get involved people. Send me work you like. Now. -Jon
Shravan gets the glass.
Agency: Goodby

Microsite for "Got Milk". Great site + very interactive including many cool games, etc. -Shravan
http://www.gettheglass.com/
Rearrange face with Monoface.

This microsite is called 'Monoface' and is from agency Mono. Click on various parts of the face to see it change - then mix n match! Really really interactive i feel...i wonder how they did this! Pretty cool! -Shravan
http://www.mono-1.com/
Shravan digs up Digg Labs.
"This is what i found on Digg & people who dig digg! Also, its smart way of collecting and sharing data & statistics using innovative interactive methods.
Hope you like it.
- Shravan
Digg Labs:
Digg moves very quickly, and has a great many stories submitted every day, so good material can sometimes fly by before you even know it. By providing broader and deeper views of activity on the site, the tools and projects in Labs aim to help manage the stream of stories passing through Digg, and to better understand the patterns and trends generated by our fast-growing membership. These interactive visualizations look beneath the surface of the Digg community's activities. (*expert taken from the Digg blog)Links:
1) Digg Arc displays stories, topics, and containers wrapped around a sphere. Arcs trail people as they Digg stories across topics. Stories with more Diggs make thicker arcs.
2) Digg BigSpy places stories at the top of the screen as they are dugg. As new stories are dugg, older stories move down the list. Bigger stories have more Diggs.
3) Digg Stack shows diggs occurring in real time on up to 100 stories at once. Diggers fall from above and stack up on popular stories. Brightly colored stories have more Diggs.
4) Digg Swarm draws a circle for stories as they're dugg. Diggers swarm around stories, and make them grow. Brightly colored stories have more Diggs.
Friday, February 6, 2009
From Gunjan in Thursday's Interactive Class
Thanks for sharing this cool work, Gunjan. The rest if you, please start contributing to this blog now. It actually counts as participation in this class. -Jon
I have no idea what this site is for but it's very cool. Utilizes algorithms and action scripting.
http://screenvader.com/root.html

Same thing here. Algorithms and action scripting for this Audi Microsite. Pretty cool.
http://microsites.audi.com/vdt-onlinespecial/html/popup.html

Here we have a very cool piece from Goodby for Adobe. A combo of After Effects and 3D modeling software. Most likely built entirely with Adobe products.
http://adobecards.com/
I have no idea what this site is for but it's very cool. Utilizes algorithms and action scripting.
http://screenvader.com/root.

Same thing here. Algorithms and action scripting for this Audi Microsite. Pretty cool.
http://microsites.audi.com/

Here we have a very cool piece from Goodby for Adobe. A combo of After Effects and 3D modeling software. Most likely built entirely with Adobe products.
http://adobecards.com/

Thursday, February 5, 2009
Introducing the Angus Diet.
Meet Dr. Angus. He was created by CPB for Burger King about 5 years ago but has aged remarkably well. TV spots directed users to angusdiet.com whereby they could get a consultation from the doctor himself. Fancy an Angus Intervention today?
http://www.cpbgroup.com/awards/angus/default.htm
Take a look at the entire 360 integrated campaign here: (CPB even created a book!)
http://www.cpbgroup.com/awards/angus_int.html
TV SPOT
MICROSITE
http://www.cpbgroup.com/awards/angus/default.htm
Take a look at the entire 360 integrated campaign here: (CPB even created a book!)
http://www.cpbgroup.com/awards/angus_int.html
TV SPOT
MICROSITE

Take the Leap with Nike Basketball.
Fresh from my friends at AKQA here in SF. And this is also a microsite. -Jon
This season, Nike basketball will tell the stories of those about to take the NBA by storm. And we're inviting you to follow their journey, day-by-day, as they look to grow from regular season stars to playoff studs to wherever their promise takes them.
http://www.nike.com/nikeos/p/nikebasketball/en_PH/leap/intro
This season, Nike basketball will tell the stories of those about to take the NBA by storm. And we're inviting you to follow their journey, day-by-day, as they look to grow from regular season stars to playoff studs to wherever their promise takes them.
http://www.nike.com/nikeos/p/nikebasketball/en_PH/leap/intro

Wednesday, February 4, 2009
Brief 2: California Academy of Sciences Microsite 2/4

Web site URL: http://www.calacademy.org/
Your mission, should you choose to accept it (you really don't have a choice) , is to create a microsite to drive people to see the new Academy for themselves.
Deliverables:
10 microsite concepts, each with a unique strategy. I want to see 1 rough snapshot (sketch) of each brilliant concept. Represent as much as you can in the sketch. Pretend I am a client and we are meeting for lunch. You have to communicate your idea with one sketch. Feel free to wire-frame the user experience or write down the details of the site underneath your sketch.
Place all concepts in a single PDF and save to your flash drive so you can present it on the big scree in class on 2/11.
Things to consider:
-Focus on one exhibit?
-Or do you create an experience around the entire museum?
-Choose a special event to showcase? Evolve featuring Darwin? Or maybe the NightLife event?
In general the best way to an award-winning idea is to do your research. I want all of you to visit the Academy of Sciences if you have not been. I want you to dig into it to find that insight. That one small grain that will blow people away online.
Learn more about what a microsite is below.
What is a microsite you may ask?
A microsite is basically a middle point between a print ad or banner and a main website. Think of it as an experience built around your concept.
For instance, Burger King came to Crispin, Porter & Bogusky (CPB) and said that they needed an ad campaign to promote their new chicken sandwich. That's how Subservient Chicken was born. Users are driven to subservientchicken.com by way of traffic drivers such as print and online ads. Users then can click through to Burger King's website for more info like menu, nutrition facts, to find a location, etc.
What's the difference between a microsite and a website?
Website is the online home for company. Examples include espn.com, comcast.com, and burgerking.com. They provide stuff such as company background info, products, a store locator, and boring things like job postings) Websites are not usually built or conceived by ad agencies.
Microsite is a vehicle to promote a specific offering from a company that links to the companies main website. Microsites are made by art directors and copywriters as part of an ad campaign.
Examples of microsites:
http://www.subservientchicken.com (promotes a chicken sandwich. Links to bk.com)
http://www.comeclean.com (promotes Method's cleansing products. Links to method.com)
http://www.kissmein3d.com/ (drives traffic to Crest.com)
For instance, Burger King came to Crispin, Porter & Bogusky (CPB) and said that they needed an ad campaign to promote their new chicken sandwich. That's how Subservient Chicken was born. Users are driven to subservientchicken.com by way of traffic drivers such as print and online ads. Users then can click through to Burger King's website for more info like menu, nutrition facts, to find a location, etc.
What's the difference between a microsite and a website?
Website is the online home for company. Examples include espn.com, comcast.com, and burgerking.com. They provide stuff such as company background info, products, a store locator, and boring things like job postings) Websites are not usually built or conceived by ad agencies.
Microsite is a vehicle to promote a specific offering from a company that links to the companies main website. Microsites are made by art directors and copywriters as part of an ad campaign.
Examples of microsites:
http://www.subservientchicken.com (promotes a chicken sandwich. Links to bk.com)
http://www.comeclean.com (promotes Method's cleansing products. Links to method.com)
http://www.kissmein3d.com/ (drives traffic to Crest.com)
Welcome to the Digital Presidency.

President Barrack Obama utilized technology and the Web like never before during his campaign and he didn't stop when he stepped inside The White House. Folks, this is exciting. We have the first digital savvy President. But what's the big deal about that? Well, for one, it makes for a more transparent government. Another is that we can all be a part of the new administration and have a direct line to President Obama. Every single one of us can see exactly what Obama is doing or saying at any given time. Oh, and did you hear Obama's keeping his Blackberry? Again, welcome to the Digital Presidency.
Take a look at the White House site. It's updated daily with the latest infromation from Obama's speech transcripts to behind the scenes accounts of life inside 1600 Pennsylvania Ave.
http://www.whitehouse.gov/blog_post/new_rules/
Spin the Coke bottle on your iPhone...
...where it stops knowbody knows.
Agency: Sapient

Someone please download this for class tonight so we can see it in action. Your favorite instructor hasn't been bitten by the iPhone bug yet. Thanks. -Jon
READ:
http://www.adweek.com/aw/content_display/news/digital/e3i2e2fd2bc3113667977852b458e4f45fc

DOWNLOAD NOW
Agency: Sapient

Someone please download this for class tonight so we can see it in action. Your favorite instructor hasn't been bitten by the iPhone bug yet. Thanks. -Jon
READ:
http://www.adweek.com/aw/content_display/news/digital/e3i2e2fd2bc3113667977852b458e4f45fc

DOWNLOAD NOW
Tuesday, February 3, 2009
Pucker-up in 3D for Crest.

You've seen a 3-D spot. Now comes a 3-D site. Grab your 3-D glasses, oh, and your Chap Stick, and prep your kisser for some hardcore smooching action.
Don't keep Fernando and Olivia waiting...
http://www.kissmein3d.com/
P.S. Bring your 3-D glasses to class this week if you got 'em.
EVB Unbuttons A Beast For Levi's
UPDATE: We suspected two things in class. Either the school's connection wasn't making the this site load or it was taken down completely. Well, we have the answer. It's been taken down. According to my source at EVB, the religious Right threw a fit. But try the super-secret link below. And please keep the link, as well as your beast, to yourselves.
http://unbuttonyourbeast.evb-archive.com/

What kind of beast are you?
http://unbuttonyourbeast.evb-ar

What kind of beast are you?
Monday, February 2, 2009
3-D commercial: Monsters Vs Aliens
Break out your 3-D glasses and experience the World's first 3-D TV spot.
Step Into The Honeyshed (While you still can)
Update: Honeyshed is going to be torn down for good. Read the article:
http://www.adweek.com/aw/content_display/news/digital/e3i4fdb8e9f0eeb905c2bcada2d06c24b74

Agency: Droga5
http://www.honeyshed.com/
Welcome to the home shopping experience for the "tragically hip crowd". This site has been the topic of recent debate (http://adage.com/garfield/post?article_id=132589). Is it just a bunch of pretty people wasting perfectly good bandwidth? Is it maybe too new of an idea that it's making people uneasy? What do you guys think?-Jon
http://www.adweek.com/aw/content_display/news/digital/e3i4fdb8e9f0eeb905c2bcada2d06c24b74

Agency: Droga5
http://www.honeyshed.com/
Welcome to the home shopping experience for the "tragically hip crowd". This site has been the topic of recent debate (http://adage.com/garfield/post?article_id=132589). Is it just a bunch of pretty people wasting perfectly good bandwidth? Is it maybe too new of an idea that it's making people uneasy? What do you guys think?-Jon
Subscribe to:
Posts (Atom)