Reactive Logo Experiments

So I’ve been experimenting with the idea of an interactive or reactive logo lately. I’ve been trying to ind the sweet spot between my interests in generative art and data visualization.

Roundarch had an intranet years ago called Keystone, which evidently, was very slow, unappreciated and under-utilized. I of course didn’t experience any of this because I’m kind of new here – a lot of us are. We’re growing. And as the company grows so do our internal knowledge/client management needs. Enter the rebirth of Keystone, our confluence-based intranet.

Like most brand refreshes, we needed a clean slate to convey what keystone is all about; a new brand touch-point to ignite excitement. The challenge here was to create something a little out of the ordinary yet something that embodied what keystone is (part intranet, part wiki, part client presentation tool). The difficulty is that keystone is ever-changing, it’s never the same twice. Content is constantly in a state of flux. So are the users. So we set out to reinforce and promote innovation and creative thinking by thinking a little differently about what the logo should be.

It’s difficult to design the shapes and lines of a logo to visually represent something so ethereal as a digital space for sharing/mixing/provoking work/viewpoints/ideas, so we designed the logo to offer the user a glimpse into the inner workings of keystone. The logo mark itself is a visualization of the real-time activity taking place in each of Roundarch’s Communities of Practice. After all, a wiki without activity or an intranet without files doesn’t have a shape and therefore isn’t alive. But by giving form to these parameters floating in the ether, we were able to ground these concepts in something solid – the logo. Each triangle changes size and shape based on certain input parameters being returned to it from the confluence database. It’s not interactive, but reactive.

By choosing a color palette that is vibrant and on-brand, and assigning a color to each of Roundarch’s Communities of Practice, we developed a system whereby, at a glance, a user can see how active each of keystone’s pillars really are – and by extension – can judge keystone’s overall health by looking at the size, shape and placement of each of the triangles. The logo mark doesn’t just tell the story of health, it’s a visual representation of the mixing and converging of diverse opinions and views. By sharing a common boundary, each shape and each color tells their own story while being self-referential and self-reinforcing – like a round arch.

Thom Yorke’s Disembodied Head

(via google code)

Radiohead just released a new video for its song “House of Cards” from the album “In Rainbows”.

No cameras or lights were used. Instead two technologies were used to capture 3D images: Geometric Informatics and Velodyne LIDAR. Geometric Informatics scanning systems produce structured light to capture 3D images at close proximity, while a Velodyne Lidar system that uses multiple lasers is used to capture large environments such as landscapes. In this video, 64 lasers rotating and shooting in a 360 degree radius 900 times per minute produced all the exterior scenes.

Watch the making-of video to learn about how the video was made and the various technologies that were used to capture and render 3D data.

Great Work From the Brazilians

With all of the PaperVision wizardry going on right now, a site like this just reinforces that a great grid and smooth interaction design are enough firepower you need to make a great impression. Sure this site is reminiscent of Spent2000, LaFamilia, Tilt, and many many others – but if it ‘aint broke don’t fix it. This portfolio is listed as one of the members/creators of the above. Also very nice/simple/understated. Keep up the good work, Brazilians!

Beautiful Photography, Illustration and Portfolio

Adobe Connect

The functionality and promise of Adobe Connect is mouth-watering. The idea of what this thing could be isn’t an application, its a revolution. Collaborative screen-sharing, web-conferencing with integrated audio, video and text chat, file-sharing, the cure for blindness and cold-fusion. Great where do I sign up? Oh – its FREE?! We’re saved.

Then you load the application itself up, load the required plug-in and invite a colleague to join your virtual meeting and it all goes to shit. I’m really starting to hate Flex apps. Chuggy. Chuggy. Chuggy. When will the makers of these apps stop trying to be cute with animated fly-outs, pulsing, glowing buttons everywhere and (most likely procedurally generated) gradients and bevels and when will they start making web-applications that are snappy, zippy and responsive. Adobe Connect feels like I’ve just dipped a baseball bat in ink and I’m trying to write a love-letter. It’s cumbersome and unresponsive and generally kills my vibe.

Now there are some great things about Adobe Connect – the feature-set, oh the feature-set. I’m sure on someone’s computer somewhere in the world works like a charm. And that’s a sight I’d want to behold.

But for now, I’d prefer it to look like crap and function well. And I guess that’s what’s really at the heart of this rant. I’m tired of beautiful things that don’t DO ANYTHING (and I’m not calling Adobe Connect beautiful, but it’s certainly nicer than goToMeeting). Maybe Air will change things by running processes locally. It better, because as it exists now, I can’t use Adobe Connect (on a MacBookPro with 4(!) gigs of ram and a Core2Duo 2.4). It just doesn’t function properly.

Great Navigation Element

I love zooming into the white line and it being the backdrop to view the models/clothing. A nice touch I haven’t seen yet…

Generative Art

I’ve been playing with a little generative art toy that takes an input string (your name for instance) and maps it out on an X/Y plane. So each letter has unique properties and when strung together in different order, different compositions are made. This is my first stab at this (Click and drag the composition to get it centered):

I have a very very long way to go to get it where I want it, but in the end I’m going to make IDs for members of my team each with their names as the input. I think it would be cool to each have our unique abstract symbol based on something concrete and unchanging (like a name).

Heineken Beer Tender

(Role: Art Director.)

Working with an old friend of mine from the eCor boot-camp days, Adam Jackson, I was tasked to come up with site concept for Heineken’s newest product, the Heineken BeerTender, an ultra-premium home-bar solution. My concept revolved around 3 viewpoints to the same event – the viewpoints being “Design”, “Inspiration” and “Innovation” and the event being the perfect pour. The concept was designed to allow the user to filter their experience by seeing the perfect pour of a Heineken Beer colored in 3 different lights.

Imitation is the Finest Form of Flattery

I was just looking over designcharts.com (because evidently Designers Are the New Rock Starsâ„¢) Really? Anyway I was looking over some of the top hits from designcharts.com and saw the work of British designer(?)/studio(?) un.titled. Some very handsome work there, especially their Sheridan & Co. site. I was immediately reminded of one of my all-time favs, Urban Silo. Obviously these interface concepts are virtually identical, and who knows – maybe Section Seven worked on the Sheridan & Co. project. Maybe its a straight-up copy – it’s a nice one if it is. These days with aesthetics moving so rapidly and interface concepts in one day and out the next – I don’t suppose it really matters.

Future You


Meet My Future YouFind Your Own Future You

Been messing around with the Svedka Vodka Future You site. The interface is exactly the one we came up with at Firstborn for the Stride Gum campaign. Nothing crazy, but it’s kind of nice to see an interface and campaign idea we had, that was shot down, finally implemented. Our idea was seeing your future you after chewing Stride gum for 5 years straight and we were going to use some pixel morphing flash-bitmap stuff – so there was another layer of complexity added there – but its close enough.