{"id":40,"date":"2008-04-10T10:51:35","date_gmt":"2008-04-10T08:51:35","guid":{"rendered":"http:\/\/www.visuaheli.com\/blog\/?p=40"},"modified":"2016-09-13T16:34:22","modified_gmt":"2016-09-13T14:34:22","slug":"bmw-clean-energy-world-tour","status":"publish","type":"post","link":"http:\/\/www.visuaheli.com\/blog\/?p=40","title":{"rendered":"BMW Clean Energy World Tour"},"content":{"rendered":"<p><a href=\"http:\/\/www.visuaheli.com\/blog\/?p=40\"><img loading=\"lazy\" class=\"alignnone size-medium wp-image-60\" style=\"border: 0;\" title=\"intro\" src=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/intro.jpg\" alt=\"\" width=\"600\" height=\"260\" \/><\/a><\/p>\n<p>How to explain hydrogen? How communicate its future potential to a desiring crowd of journalists, experts and potential customers? At <a title=\"website simple gmbh\" href=\"http:\/\/www.simple.de\" target=\"_blank\">simple gmbh<\/a>, we developed the new BMW Clean Energy strategy for technical hydrogen communication. <!--more--><\/p>\n<p>I took a central part in the intensive creative process that was pressed through a merely 6 months, responsible for concept, general aesthetics and 3D exhibit design. Furthermore i led the media design and programming team, partly programming the animations by myself.<\/p>\n<h3>Setup<\/h3>\n<p>The grand unveiling was the Valencia Dealer Drive, an educative opportunity for thousands of international BMW dealers to experience their brand. The communicative elements revolve around the all new BMW Hydrogen 7, the first serially manufactured hydrogen car on the market.<\/p>\n<div class=\"content_small\">\n<p><a class=\"lightview\" title=\"Invisible hydrogen::To visualize the invisible, lightweight and energetic element we invented the so-called hygids - dynamic white square particles wich abstract the gaseous and liquid behavior, chemical reactions and energy processes to a recognizable key visual. :: \" href=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/hygids2.jpg\" rel=\"gallery[bmwce01]\"><img loading=\"lazy\" class=\"alignnone size-medium wp-image-77\" style=\"border: 0;\" title=\"hygids2\" src=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/hygids2-600x264.jpg\" alt=\"\" width=\"600\" height=\"264\" srcset=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/hygids2-600x264.jpg 600w, http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/hygids2.jpg 900w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><a class=\"lightview\" title=\"The Valencia setup::Hosted in a remote industrial complex near a water power station, the Hydrogen 7 setup was a true iconic image. Surounded by water basins, the vehicle looks like it just peeled out of the white boxes.:: \" href=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/totale.jpg\" rel=\"gallery[bmwce01]\"><img loading=\"lazy\" class=\"alignnone size-thumbnail wp-image-73\" style=\"border: 0;\" title=\"totale\" src=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/totale-97x97.jpg\" alt=\"\" width=\"97\" height=\"97\" \/><\/a> <a class=\"lightview\" title=\"Take a look inside::The cryogenic hydrogen tank and the hydrogen combustion motor are covered in full detail, presenting all technical details via looking-glass-like interactive touchscreens.:: \" href=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/tank.jpg\" rel=\"gallery[bmwce01]\"><img loading=\"lazy\" class=\"alignnone size-thumbnail wp-image-70\" style=\"border: 0;\" title=\"tank\" src=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/tank-97x97.jpg\" alt=\"\" width=\"97\" height=\"97\" \/><\/a> <a class=\"lightview\" title=\"::You can even try out the docking procedure.:: \" href=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/tanking.jpg\" rel=\"gallery[bmwce01]\"><img loading=\"lazy\" class=\"alignnone size-thumbnail wp-image-72\" style=\"border: 0;\" title=\"tanking\" src=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/tanking-97x97.jpg\" alt=\"\" width=\"97\" height=\"97\" \/><\/a> <a class=\"lightview\" title=\"Semantic maps::Large touch interfaces on each exhibit's back present information snippets around hydrogen itself. The associative browsing interface reflects much of the spirit of the magic element: lightweight, reactive, molecular and dynamic.:: \" href=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/sematic.jpg\" rel=\"gallery[bmwce01]\"><img loading=\"lazy\" class=\"alignnone size-thumbnail wp-image-68\" style=\"border: 0;\" title=\"sematic\" src=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/sematic-97x97.jpg\" alt=\"\" width=\"97\" height=\"97\" \/><\/a> <a class=\"lightview\" title=\":::: \" href=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/motor.jpg\" rel=\"gallery[bmwce01]\"><img loading=\"lazy\" class=\"alignnone size-thumbnail wp-image-63\" style=\"border: 0;\" title=\"motor\" src=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/motor-97x97.jpg\" alt=\"\" width=\"97\" height=\"97\" \/><\/a> <a class=\"lightview\" title=\"::The Hydrogen Cycle uses the icon of infinite to present the unlimited cycle of producing hydrogen through renewable energy sources and its zero-emission byproduct H2O. Two rotating screens, that meet in the center transport the medium through its various energy stages.:: \" href=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/kreislauf.jpg\" rel=\"gallery[bmwce01]\"><img loading=\"lazy\" class=\"alignnone size-thumbnail wp-image-61\" style=\"border: 0;\" title=\"kreislauf\" src=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/kreislauf-97x97.jpg\" alt=\"\" width=\"97\" height=\"97\" \/><\/a><\/p>\n<\/div>\n<p>(images and videos: Uli Grohs &#8211; \u00a9 simple GmbH; particle animation: industriesauger; 3D: renderbaron )<br \/>\n<a href=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/videos\/tankvideo.html\" target=\"_self\"><img style=\"border: 0;\" src=\"http:\/\/www.visuaheli.com\/blog\/video.gif\" alt=\"\" \/>hydrogen tank<\/a> <a href=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/videos\/motorvideo.html\" target=\"_self\"><img style=\"border: 0;\" src=\"http:\/\/www.visuaheli.com\/blog\/video.gif\" alt=\"\" \/>hydrogen engine<\/a> <a class=\"lightview\" title=\"Semantic map::A dynamic interface proposing random browsing through small information chunks and quick fun facts.::width: 1024, height:580\" href=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/flash\/semantic_map.swf\" target=\"_self\"><img style=\"border: 0;\" src=\"http:\/\/www.visuaheli.com\/blog\/interactive.gif\" alt=\"\" \/>interactive semantic map<\/a><br \/>\n<a href=\"http:\/\/www.visuaheli.com\/blog\/?page_id=211&amp;page=2#bmwce\" target=\"_self\"><img style=\"border: 0;\" src=\"http:\/\/www.visuaheli.com\/blog\/sketch.gif\" alt=\"\" \/>sketches and concepts<\/a><\/p>\n<h3>interactive media<\/h3>\n<p>Apart from physical interactive exhibits, the project focused on reusable interactive applications to be shown in various contexts such as exhibitions, international trade fairs and the BMW website itself.<\/p>\n<div class=\"content_small\">\n<p><a class=\"lightview\" title=\"Cross-over integration::We introduced a dynamic browsing interface that integrated all interactive media and animations and could be used in various scenarios. The generic interface metaphor was a dynamic look-through slider, which reveals information underneath. For worldwide use it was necessary to adopt all media for 7 languages including japanese and mandarin.::\" href=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/exe.jpg\" rel=\"gallery[bmwce02]\"><img loading=\"lazy\" class=\"alignnone size-medium wp-image-59\" style=\"border: 0;\" title=\"exe\" src=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/exe-600x338.jpg\" alt=\"\" width=\"600\" height=\"338\" srcset=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/exe-600x338.jpg 600w, http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/exe.jpg 750w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><a class=\"lightview\" title=\"Hydrogen Cycle::The abstract animation explains the greater environmental concept behind the Hydrogen 7 using abstract white squares named 'hygids' to represent the invisible gas.:: \" href=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/kreislauf_screen.jpg\" rel=\"gallery[bmwce02]\"><img loading=\"lazy\" class=\"alignnone size-thumbnail wp-image-62\" style=\"border: 0;\" title=\"kreislauf_screen\" src=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/kreislauf_screen-97x97.jpg\" alt=\"\" width=\"97\" height=\"97\" \/><\/a> <a class=\"lightview\" title=\"So, how does it work?::We created sophisticated 3d particle animations to visualize the technical processes, while maintaining the iconic appearance of hydrogen to facilitate visibility and comprehension:: \" href=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/motoranimation.jpg\" rel=\"gallery[bmwce02]\"><img loading=\"lazy\" class=\"alignnone size-thumbnail wp-image-64\" style=\"border: 0;\" title=\"motoranimation\" src=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/motoranimation-97x97.jpg\" alt=\"\" width=\"97\" height=\"97\" \/><\/a> <a class=\"lightview\" title=\"Safety features::are presented as four protective layers of security, each adding specific elements to the underlying safety concept.::\" href=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/safety.jpg\" rel=\"gallery[bmwce02]\"><img loading=\"lazy\" class=\"alignnone size-thumbnail wp-image-67\" style=\"border: 0;\" title=\"safety\" src=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/safety-97x97.jpg\" alt=\"\" width=\"97\" height=\"97\" \/><\/a> <a class=\"lightview\" title=\"X-Ray vision::We reinterpreted the classic X-Ray image by using highly realistic 3D graphics to underline the maturity of the technology.:: \" href=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/roentgen.jpg\" rel=\"gallery[bmwce02]\"><img loading=\"lazy\" class=\"alignnone size-thumbnail wp-image-66\" style=\"border: 0;\" title=\"roentgen\" src=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/roentgen-97x97.jpg\" alt=\"\" width=\"97\" height=\"97\" \/><\/a> <a class=\"lightview\" title=\"BMW international website::Most of the animations were also adopted for use on the BMW Clean Energy website:: \" href=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/web_screenshots.jpg\" rel=\"gallery[bmwce02]\"><img loading=\"lazy\" class=\"alignnone size-thumbnail wp-image-74\" style=\"border: 0;\" title=\"web_screenshots\" src=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/web_screenshots-97x97.jpg\" alt=\"\" width=\"97\" height=\"97\" \/><\/a> <a class=\"lightview\" title=\"Serial process::An animation that draws the several stages from concept, mass production to actual delivery of the vehicle to the end consumer, while communicating essential core messages of the BMW brand.:: \" href=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/serie.jpg\" rel=\"gallery[bmwce02]\"><img loading=\"lazy\" class=\"alignnone size-thumbnail wp-image-69\" style=\"border: 0;\" title=\"serie\" src=\"http:\/\/www.visuaheli.com\/blog\/wp-content\/uploads\/2008\/04\/serie-97x97.jpg\" alt=\"\" width=\"97\" height=\"97\" \/><\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>How to explain hydrogen? How communicate its future potential to a desiring crowd of journalists, experts and potential customers? At simple gmbh, we developed the new BMW Clean Energy strategy for technical hydrogen communication.<\/p>\n","protected":false},"author":2,"featured_media":73,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[4,5,6],"_links":{"self":[{"href":"http:\/\/www.visuaheli.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/40"}],"collection":[{"href":"http:\/\/www.visuaheli.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.visuaheli.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.visuaheli.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.visuaheli.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=40"}],"version-history":[{"count":1,"href":"http:\/\/www.visuaheli.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/40\/revisions"}],"predecessor-version":[{"id":479,"href":"http:\/\/www.visuaheli.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/40\/revisions\/479"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.visuaheli.com\/blog\/index.php?rest_route=\/wp\/v2\/media\/73"}],"wp:attachment":[{"href":"http:\/\/www.visuaheli.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.visuaheli.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=40"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.visuaheli.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}