I went to see Sascha Lobe speak on Tuesday night at MAD, as part of AIGA design talk extravaganza. He runs L2M3 in Germany. And he’s really hot. Once I got over that and started paying attention (lets be honest, I still haven’t gotten over it), it reminded me of the work I did with Base Madrid. What a great opportunity that was, and the last time I was able to work on a client project with a strong graphic system.
In web design, each project begins with user experience and develops with a focus on the subtleties of interactions rather than making a bold, design-first, graphic system, especially if it would get in the way of proper navigation of the site. I must admit, I was envious of Lobe’s work. It’s aggressive, and risk-taking. I would like to take these graphic design lessons with me into the web world where I’m currently working. One of the questions after his presentation was, how do you get this work approved? He said he’s been asked that many times but that he hasn’t run into much resistance. Hm. When there is a strong reason for the design, he explained, then it is hard to argue against it.
I think the genius of his work comes from the ability to think from a birds-eye view. Literally. Many of his design solutions for architectural space involve a graphic device imposed upon the floorplan of the site, which is then translated to the three-dimensional space.
In response to the odd fact that the building entrance is section E and they weren’t able to change the coding, L2M3 created a graphic device of concentric rings to guide the application of the wayfinding system. It’s as if a pebble were being dropped down at E and rippling out to other parts. The occupant is mtz Münchner Technologie Zentrum, and that is the extent of my knowledge about this company. Their website is really boring. And in German.
The translation of this system into the interior space is visually intense and slightly disorienting (I’d have to see it in person to know for sure), but a powerful graphic concept successfully applied to the space. They maintained the curvature of the circles on walls, ceilings and floors, to guide the visitor through the space. No matter how small of the fragment of circle you see, you know where the exit is depending on which direction it’s curving.
|Images snagged from L2M3|
The lightboxes in the lobby give a directional cue for each building area as the letters float in their respective color. The direction that the letters move determines the direction to walk. They infused this boring space with so much imagination and visual interest, I wonder if its made those serious employees have more fun.
I was turned on to the Jacques Greene site by Hoverstat.es today, and found myself relating this experience with the feeling of navigating a transparent modern construction like this one. There are a group of windows at fixed sizes, all playing an individual snippet of the video for this song. But within those windows, there are other windows. So you feel like you’re navigating through a fuzzy glass-walled fantasy dream with lots of trees, and a young expressionless girl.
I’ve never seen a music video broken into individual windows. As I was playing, I was asking myself a whole number of nerdy design questions. How does one window experience differ when it’s separated from the rest? Do you need all of them together to understand the full story? You can’t close or resize them so there is strictness in the playfulness, and maybe a little too limited because the fun ends there. But I was able to get a full experience of the music without altering the visual experience in any damaging way.
In fact, it was cool to move the windows off screen, stretching the common idea of screen real estate.
This made me think of the A List Apart redesign, launched earlier this year. By using off-canvas real estate to park the blog header and footer, besides frustrating people (including myself), is there a conversation that they are trying to have about the current paradigms of the web? My immediate reaction was that I couldn’t scroll up to see more of the logo – the fact that it’s cropped activates an existing paradigm that there is more content to see. I thought of Facebook’s use of the half profile photo when you first land and you have to scroll up to see the whole thing. But maybe the designers are telling us, PLAY! Don’t be so contained within this navigable space. Go out of bounds. It’s the adult equivalent of coloring outside the lines with your crayons.
|Subliming Vessel, Matthew Barney at The Morgan Library and Museum|