{"id":1498,"date":"2008-01-03T10:47:31","date_gmt":"2008-01-03T09:47:31","guid":{"rendered":"http:\/\/www.bluehaired.com\/?p=1498"},"modified":"2015-08-06T20:26:21","modified_gmt":"2015-08-06T18:26:21","slug":"baaramee-interacting-with-a-3d-island-in-dubai","status":"publish","type":"post","link":"https:\/\/www.bluehair.co\/corner\/2008\/01\/baaramee-interacting-with-a-3d-island-in-dubai\/","title":{"rendered":"Baaramee: Interacting with a 3D island in Dubai"},"content":{"rendered":"<p style=\"text-align: center;\"><a href=\"http:\/\/www.bluehaired.com\/2008\/01\/baaramee-interacting-with-a-3d-island-in-dubai\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1501\" title=\"Baaramee_thumb\" src=\"http:\/\/www.bluehaired.com\/corner\/wp-content\/uploads\/2009\/12\/Baaramee_thumb.jpg\" alt=\"Baaramee_thumb\" width=\"630\" height=\"150\" srcset=\"https:\/\/www.bluehair.co\/corner\/wp-content\/uploads\/2009\/12\/Baaramee_thumb.jpg 630w, https:\/\/www.bluehair.co\/corner\/wp-content\/uploads\/2009\/12\/Baaramee_thumb-315x75.jpg 315w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/a><\/p>\n<blockquote>\n<h4>Relevant Keywords:<a href=\"http:\/\/www.3dsolutions.biz\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-1499\" title=\"3D solutions\" src=\"http:\/\/www.bluehaired.com\/corner\/wp-content\/uploads\/2009\/12\/3Dsolutions_logo.jpg\" alt=\"3Dsolutions_logo\" width=\"58\" height=\"92\" \/><\/a><a href=\"http:\/\/www.theworld.ae\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-1500\" title=\"The World Dubai\" src=\"http:\/\/www.bluehaired.com\/corner\/wp-content\/uploads\/2009\/12\/The_world_Dubai.jpg\" alt=\"The_world_Dubai\" width=\"150\" height=\"100\" \/><\/a><\/h4>\n<p>Graphical user interface, 3D environment, single point touchscreen, communication &amp; marketing<\/p>\n<h4>Design Goal:<\/h4>\n<p>For the marketing and communication efforts of Baaramee, one of the islands of <a href=\"http:\/\/www.theworld.ae\/\" target=\"_blank\">The World<\/a> project in Dubai, an interactive 3D environment was conceived to allow possible investors and buyers to visualize and interact with the project. I was asked to develop a graphical user interface with which users could interact with the system through a touchscreen interface.<\/p>\n<h4>Project duration:<\/h4>\n<p>100 hours<\/p>\n<h4>Methods used:<\/h4>\n<ul>\n<li><strong>System flowcharts<\/strong> to communicate with programmers<strong><br \/>\n<\/strong><\/li>\n<li><strong>Interactive concept presentation<\/strong> to communicate with programmers and management<strong><br \/>\n<\/strong><\/li>\n<\/ul>\n<\/blockquote>\n<p><!--more--><\/p>\n<h2>THE PROJECT:<\/h2>\n<figure id=\"attachment_1521\" aria-describedby=\"caption-attachment-1521\" style=\"width: 315px\" class=\"wp-caption alignright\"><a href=\"http:\/\/www.bluehaired.com\/corner\/wp-content\/uploads\/2008\/01\/Baaramee-render.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1521\" title=\"Baaramee - render\" src=\"http:\/\/www.bluehaired.com\/corner\/wp-content\/uploads\/2008\/01\/Baaramee-render-315x207.jpg\" alt=\"Bird's eye view of Baaramee island\" width=\"315\" height=\"207\" srcset=\"https:\/\/www.bluehair.co\/corner\/wp-content\/uploads\/2008\/01\/Baaramee-render-315x207.jpg 315w, https:\/\/www.bluehair.co\/corner\/wp-content\/uploads\/2008\/01\/Baaramee-render-630x415.jpg 630w, https:\/\/www.bluehair.co\/corner\/wp-content\/uploads\/2008\/01\/Baaramee-render.jpg 1000w\" sizes=\"auto, (max-width: 315px) 100vw, 315px\" \/><\/a><figcaption id=\"caption-attachment-1521\" class=\"wp-caption-text\">Bird&#39;s eye view of Baaramee island<\/figcaption><\/figure>\n<p><a href=\"http:\/\/www.theworld.ae\/\" target=\"_blank\">The World<\/a> is a man-made archipelago off the cost of Dubai in which each of the islands represents a world country or region. The island representing Thailand was named Baaramee (formerly Jasmin Gardens) and for its marketing and communication, <a href=\"http:\/\/www.3dsolutions.biz\" target=\"_blank\">3D solutions<\/a> was hired to develop an interactive 3D system in which potential investors and buyers could navigate through the real estate project and find more information regarding the different features which would be available on the island.<\/p>\n<figure id=\"attachment_1526\" aria-describedby=\"caption-attachment-1526\" style=\"width: 315px\" class=\"wp-caption alignleft\"><a href=\"http:\/\/www.bluehaired.com\/corner\/wp-content\/uploads\/2008\/01\/Baaramee-Navigation-structure.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1526\" title=\"Baaramee - Navigation structure\" src=\"http:\/\/www.bluehaired.com\/corner\/wp-content\/uploads\/2008\/01\/Baaramee-Navigation-structure-315x252.jpg\" alt=\"Early version of the overall navigation model for the interactive system\" width=\"315\" height=\"252\" srcset=\"https:\/\/www.bluehair.co\/corner\/wp-content\/uploads\/2008\/01\/Baaramee-Navigation-structure-315x252.jpg 315w, https:\/\/www.bluehair.co\/corner\/wp-content\/uploads\/2008\/01\/Baaramee-Navigation-structure-630x504.jpg 630w\" sizes=\"auto, (max-width: 315px) 100vw, 315px\" \/><\/a><figcaption id=\"caption-attachment-1526\" class=\"wp-caption-text\">Early version of the overall navigation model for the interactive system<\/figcaption><\/figure>\n<p>The project was developed with a very internationally oriented team with members in the United Arab Emirates, Ukraine and The Netherlands and as such a constant and clear communication was required with both management decision-makers and programmers.<\/p>\n<p>My role consisted in analyzing the proposals made by management about features that the 3D system should offer to the end user and to use my insights with interaction and user-centered design to translate them into an interaction model for the system and an early concept for a graphical user interface that took into consideration an already established branding style.<\/p>\n<h2>Final Design<\/h2>\n<p>The final design was delivered as a flash presentation to communicate the proposed interaction with both management and programmers. The presentation can be launched by clicking the image below and it includes comments and descriptions of how the graphical user interface should look and behave.<\/p>\n<p style=\"text-align: center;\">\n<figure id=\"attachment_1531\" aria-describedby=\"caption-attachment-1531\" style=\"width: 400px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.bluehaired.com\/portfolio\/Baaramee%20GUI\/\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1531  \" title=\"Baaramee - launch presentation\" src=\"http:\/\/www.bluehaired.com\/corner\/wp-content\/uploads\/2008\/01\/Baaramee-launch-presentation.jpg\" alt=\"Click on the image to launch the interactive presentation of the Baaramee user interface\" width=\"400\" height=\"305\" srcset=\"https:\/\/www.bluehair.co\/corner\/wp-content\/uploads\/2008\/01\/Baaramee-launch-presentation.jpg 400w, https:\/\/www.bluehair.co\/corner\/wp-content\/uploads\/2008\/01\/Baaramee-launch-presentation-315x240.jpg 315w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><figcaption id=\"caption-attachment-1531\" class=\"wp-caption-text\">Click on the image to launch the flash presentation of the Baaramee user interface<\/figcaption><\/figure>\n<p>Separate system flowcharts and Illustrator files were delivered to the programing team in Ukraine to allow for the technical development of the 3D system.<\/p>\n<p>Unfortunately no further testing of the interface was possible as the project is on hiatus due to the financial crisis hitting the Dubai market in 2008.<\/p>\n<h2>SUPPORTING MATERIAL:<\/h2>\n<h4>Images<\/h4>\nngg_shortcode_0_placeholder\n","protected":false},"excerpt":{"rendered":"<p>Relevant Keywords: Graphical user interface, 3D environment, single point touchscreen, communication &amp; marketing Design Goal: For the marketing and communication efforts of Baaramee, one of the islands of The World project in Dubai, an interactive 3D environment was conceived to allow possible investors and buyers to visualize and interact with the project. I was asked [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[4,8,5,124],"tags":[68,64],"class_list":["post-1498","post","type-post","status-publish","format-standard","hentry","category-designing","category-graphic","category-interaction","category-portfolio","tag-portfolio","tag-user-interfaces"],"_links":{"self":[{"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/posts\/1498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/comments?post=1498"}],"version-history":[{"count":46,"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/posts\/1498\/revisions"}],"predecessor-version":[{"id":3010,"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/posts\/1498\/revisions\/3010"}],"wp:attachment":[{"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/media?parent=1498"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/categories?post=1498"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bluehair.co\/corner\/wp-json\/wp\/v2\/tags?post=1498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}