-
1/6
the crew at seed asked us to take on the web site that accompanies the science magazine’s year end issue: the universe in '09. we came up with a microfiche viewer concept, that allows for a close up look at the pressing issues science, politics, and design will face in the year of the ox.
-
2/6
The mantra for the universe in 2009.
-
3/6
The whole issue spread out: We selected climate from the top and the associated nodes highlighted.
-
4/6
Drag, zoom, and select topics from the secondary navigation that highlights concepts.
-
5/6
The image viewer allows for zooming into the details of the photos and illustrations. we utilized an open source project, and subsequently made all code for the UI09 freely available as well.
-
6/6
Sisters: The year end magazine issue and the site living side by side. We didn't have to invent a whole lot, just pay close attention to what was already there.
view project details
view site
|
-
1/10
This website for farstar marketing was slated to feature dynamic physics in a 3d environment held together by a fantastic story. Unfortunately it was never completed as the long shadow of the gloomy economy drew closer. Hopefully these remnants will provide a glimpse of what the bigger painting promised.
-
2/10
the vessel, weighed down much by old media, required the crew to lose ballast to gain altitude on the journey to the farthest star.
-
3/10
the inhabitants of these vessels communicate mostly with lanterns…
-
4/10
…that project stories onto the many sails.
-
5/10
Uprooted but undamaged in this parallel universe, the farstar ranch can be found stuck in a tree.
-
6/10
The smoking crab, storky press, and fishing fish are responsible for the web site, which acts as a dangling lure, cast out for you.
-
7/10
On the lower decks the factory produces gleaming works of art, that are released into the sky.
-
8/10
Down on the surface of the planet, an ancient whale is imbibing whatever the crew cut loose. Hope it becomes!
-
-
10/10
Hooked on a hook, a postcard contains the entire world, except for the world around it. It's complicated.
view project details
|
-
1/8
Naked Communications asked us to design and develop an e-commerce store for a new line of products from Planned Parenthood®: the exquisitely designed Proper Attire® condoms. Our store was up in a little over a week.
-
2/8
don't be shy now: the leaf unlocks the purse.
-
3/8
the campaign was targeted towards women and the client was infatuated with the image of a purse…
-
4/8
…so we built a store inside a bag. more exact: a condom inside a pack of condoms inside a purse
-
5/8
proper attire in 3 playful colors
-
-
7/8
too much for you? keep it basic.
-
8/8
shopping bag in a purse. strangely post modern.
view project details
|
-
1/8
in 2007 our neighbors came knocking on our door and asked if we could help them create an e-commerce fashion boutique with an ambitious design and rich feature set. they were so incredibly charming, we couldn't help but take on the challenge to bring country club back into style.
-
2/8
the images can be arranged by dragging them around in the admin tool. no grids here.
-
3/8
drilling down into the women's category. secondary navigation is on the left.
-
4/8
a sliding row of dresses. a carousel of style.
-
5/8
detail page. paginate through products, zoom in, add to wish-list or buy outright. it's a store.
-
-
7/8
The wish list: wish I had more wishes.
-
8/8
Color flip on the about page pages.
view project details
view site
|
-
1/12
we teamed up with oia to kick-start the nyc chapter of 'interesting': an event giving people the opportunity to share their passion on stage. the site was designed to hold submissions and got out of the way to let the founders, speakers, and site visitors define the subject themselves.
-
2/12
the homepage is a wall of videos and pictures. your only two options are to contribute or find out more.
-
3/12
programs with numbers serving as tickets.
-
-
5/12
the program: sliced and folded it contains the schedule and speaker information
-
6/12
the program: sliced and folded it contains the schedule and speaker information
-
7/12
low cost package. materials from a industrial supply catalog added a touch of interesting yellow throughout.
-
8/12
tweets are piped to the site and user submissions archived as a feed.
-
9/12
we also had a hand in the projection.
-
10/12
is laughter really the best medicine? do not crush.
-
11/12
show of hands. nearly 250 attendees at the conference start-up.
-
12/12
Recursion: in order to show David Nottoli how to fold and cut the conference program we uploaded a video demonstration to the conference site.
view project details
view site
|
-
1/11
when we sat down to a blank screen we had problems to solve: combine funny with pragmatic, mesh german design with new york style, balance cash and soul and teach enlish speakers how to spell our name. we found an answer in a simple idea:
circle the oh.
-
2/11
br[oh]chure no.1. work printed in varnish. words in white, the size of a dollar bill, it's packed up and ready to be mailed.
-
3/11
inside spread. copy and art live in harmony and on top of each other.
-
4/11
business cards 2.0. on top varnish with a collage of all our work from the past year.
-
5/11
fresh off the printing screen.
-
6/11
nyc subway meets german flag. added an inverse red to rule out overly patriotic impressions.
-
-
8/11
our typeface is a customized akzidenz grotesk, in the sixties the font of the subways, and of german origin.
-
9/11
magnetic sheet puzzles for our o1 party.
-
10/11
we designed our own stamps.
-
11/11
the day the mail was fangohr colored.
view project details
|
-
1/6
DOCFACTORY IS A PRODUCTION HOUSE DEVELOPING DOCUMENTARY FILMS ON GLOBAL AND SOCIAL ISSUES. we created their identity: working simultaneously on the site, stationery, logo, typeface and motion graphics, we used the restrictions of the different media to our advantage.
-
2/6
fresh off the press, embossed and de-bossed, the new cards. the docfactory logo: anamorphic ratio box.
-
3/6
docfactory stencil and docfactory normal. custom tyepface design.
-
4/6
the site. all assets from our video shoot for the movie trailer
-
5/6
the site. carrier pigeons.
-
6/6
animation sequence for dvd distribution and theater.
view project details
|
-
1/7
when asked to overhaul the design system for katz architecture in a rush before their office move, we declined. instead we suggested to design stickers to retro-fit the old collateral with the new information and use the extra time to transition and formulate the new brand.
-
2/7
stickers to update the address on existing collateral…
-
3/7
…are also a mailer to announce the move
-
4/7
train as canvas, decked out with stickers
-
5/7
we found the basic logo design in one of the stickers. henceforth: the new katz stationery
-
6/7
holiday greetings from katz… and us.
-
7/7
a second year of greetings… this time in a bumpy recession.
view project details
view site
|
-
1/12
global strategy firm naked asked us to build a blog for the new york office. a blog? "how about a 1950s miniature bungalow, with live video feedback and lights remote-controlled from a blog?" to us ambitious ideas come easily, here is proof we also see them through.
-
2/12
march 6th, 2007: the house of naked
-
3/12
april 13th, 07: the house of naked, connected to power and data grids.
-
4/12
the hopr (named after the wargames wopr) controls the lights and servos
-
5/12
the living room: trophies above the lit bar
-
6/12
bunkbeds and flamingo lighting. furnishings made from scratch
-
7/12
the kitchen. plumbing clearly visible. lights in the fridge
-
8/12
kitchen interior. all props made. a real light bulb instead of a led.
-
9/12
props where they are due. model of the house in the house, upper right.
-
10/12
late night setup. naked sponsored a pizza, the porch table came with it.
-
11/12
the web site. click on the front porch to control the lights or get lost in the blog.
-
12/12
house of naked: the making of (last day.)
view project details
view site
|
-
1/7
when asked by a non-profit organization in support of immigrants in detention to re-design their website, we shook our heads... not unless we could re-create the graphic identity from scratch. the client agreed.
-
2/7
the logo: a spot light on the fence is built on the grid lines
-
3/7
a great project to use tight grid structure: it fixates the design like a fence
-
4/7
the structure of the logo were developed around the gridnik typeface by wim crowel
-
5/7
we continued to use the same exact system for the layout of the site.
-
6/7
human rights conference: unveiling the site and detention map…
-
view project details
|
-
1/11
since 2004 fangohr has worked with renegade to help panasonic in a variety of projects like identity, interactive design, micro sites, and online marketing. this is a cross-sampling of some of the work.
Shown: the award winning panasonic lifebox site.
-
2/11
lifebox + lifestream technology
-
3/11
lifebox longplay recording mode
-
4/11
the sd-card at the center of the panasonic lifestream connectivity
-
5/11
club panasonic logo design. final logo in the lower left
-
6/11
icon designs to be used for web site and on electronic devices
-
7/11
panasonic consumer electronics homepage re-design
-
8/11
consumer electronics re-design dvd section
-
9/11
panasonic direct e-commerce store: branding and logo
-
10/11
custom typography for the logo treatment
-
11/11
animated video ad-campaign for panasonic plasmas
view project details
|
-
1/8
when mapquest and jabber founder/ceo perry evans moved on to a new business called 'aptas', we helped design their most important piece of software, re-named the company 'local matters' and built their brand, world-around.
-
2/8
final local matters logo on business card
-
3/8
icon system to make the product offerings clear
-
4/8
five piece stationery system. designed for several offices internationally
-
5/8
we delivered branding documents that update their content over the net
-
6/8
strategic work included naming the company and writing the brand statement
-
7/8
meticulous usage and spacing guidelines for consistency in the different offices
-
8/8
the web site. rapid turn around to coincide with an important press release
view project details
|
-
1/10
renegade was a new york city based guerilla marketing firm. afterwards they were a new york city based guerilla marketing and design firm. what happened to them in the interim? we did.
-
2/10
renegade logo before and after
-
3/10
renegade site. displaying the homepage with the animated hsbc bank cab feature. renegade convinced the bank to offer a free ride to anyone with a hsbc bank card.
-
4/10
web site homepage: doubleclick feature
-
5/10
company/people, sort them by their favourite food
-
6/10
web site client section: browse and drag the node connections
-
7/10
renegade styleguide: colours and a custom typeface.
-
8/10
renegade brochure, front and back
-
-
10/10
we designed and built the renegade greensaver. a screen saver that serves up eco-friendly tips
view project details
|
