{"id":4087,"date":"2014-12-16T00:30:39","date_gmt":"2014-12-15T23:30:39","guid":{"rendered":"http:\/\/www.undsgn.com\/uncode\/?post_type=portfolio&#038;p=4087"},"modified":"2020-11-02T20:47:48","modified_gmt":"2020-11-02T19:47:48","slug":"humanhotel","status":"publish","type":"portfolio","link":"https:\/\/marinebacot.com\/index.php\/portfolio\/humanhotel\/","title":{"rendered":"Human-Hotel \u2014 Designing a platform to create meaningful meetings"},"content":{"rendered":"<p>[vc_row][vc_column width=&#8221;1\/1&#8243;][vc_column_text]<\/p>\n<p class=\"p1\" style=\"text-align: center;\"><span style=\"font-family: mabry; font-size: 10pt; color: #000000;\">COMMUNITY &amp; CREATIVITY<\/span><\/p>\n<p class=\"p1\" style=\"text-align: center;\"><span style=\"font-family: mabry; font-size: 70pt; line-height: 80px; color: #000000;\">Connecting the dots\u00a0<\/span><\/p>\n<p class=\"p1\" style=\"text-align: center;\"><span style=\"font-family: mabry; font-size: 10pt; line-height: 20px;\">Client:\u00a0Human-Hotel \u00a0|\u00a0 Type: Concept, Branding &amp; Identity, Digital Design\u00a0 |\u00a0 Year: 2018\u00a0 |\u00a0 Agency: Trouble<\/span><\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;0&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column width=&#8221;1\/1&#8243;][vc_single_image media=&#8221;45808&#8243; media_width_percent=&#8221;100&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;5&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column width=&#8221;1\/1&#8243;][vc_column_text]<\/p>\n<p style=\"text-align: center;\"><span style=\"color: #000000;\"><span style=\"font-family: mabry; font-size: 18pt;\">Human-Hotel is a homesharing community on a mission to create meaningful meetings by connecting creative people with local hosts throughout the world.\u00a0It&#8217;s<\/span><span style=\"font-size: 18pt;\">\u00a0a catalyst for new creations; what makes strangers meet to share experiences and new ideas. In its essence,\u00a0it&#8217;s the result of people meeting \u2014 it\u2019s humans and it\u2019s connections.<\/span><\/span><\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;0&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column width=&#8221;1\/1&#8243;][vc_single_image media=&#8221;45809&#8243; media_width_percent=&#8221;100&#8243;][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;5&#8243; top_padding=&#8221;4&#8243; bottom_padding=&#8221;4&#8243; back_color=&#8221;color-xsdn&#8221; overlay_alpha=&#8221;100&#8243; equal_height=&#8221;yes&#8221; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; style=&#8221;light&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; width=&#8221;1\/2&#8243;][vc_column_text]<span style=\"font-size: 14pt; font-family: mabry; color: #000000;\">We created fundamental brand elements that represent that idea: the dot as the representation of the human, and the dash as the representation of the connection.\u00a0<\/span>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;5&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column width=&#8221;1\/2&#8243;][vc_single_image media=&#8221;45802&#8243; media_width_percent=&#8221;100&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_single_image media=&#8221;45810&#8243; media_width_percent=&#8221;100&#8243;][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;5&#8243; top_padding=&#8221;4&#8243; bottom_padding=&#8221;4&#8243; back_color=&#8221;color-xsdn&#8221; overlay_alpha=&#8221;100&#8243; equal_height=&#8221;yes&#8221; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; style=&#8221;light&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; width=&#8221;1\/2&#8243;][vc_column_text]<span style=\"color: #000000; font-family: mabry; font-size: 14pt;\">On our layouts, we visualize Human Hotel as a black frame that hosts, supports and empowers the content, and its users. The space inside the frame Human Hotel should be seen as a playground. The frame is structured to let the real content &#8211; the experience shine, without taking over. But in between, the language is playful, more organic, alive and vibrant. It&#8217;s Human.<\/span>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;5&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column width=&#8221;1\/2&#8243;][vc_single_image media=&#8221;45801&#8243; media_width_percent=&#8221;100&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_single_image media=&#8221;45804&#8243; media_width_percent=&#8221;100&#8243;][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;5&#8243; top_padding=&#8221;4&#8243; bottom_padding=&#8221;4&#8243; back_color=&#8221;color-xsdn&#8221; overlay_alpha=&#8221;100&#8243; equal_height=&#8221;yes&#8221; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; style=&#8221;light&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; width=&#8221;1\/2&#8243;][vc_column_text]<span style=\"font-size: 14pt; font-family: mabry; color: #000000;\">This playground provides endless possibilities that can speak to every kind of audience and show all sort of experience, from the sweetest to the craziest one.<\/span>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;5&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;1&#8243; back_color=&#8221;color-xsdn&#8221; overlay_alpha=&#8221;100&#8243; equal_height=&#8221;yes&#8221; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; style=&#8221;light&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_column_text]<\/p>\n<p style=\"text-align: left;\"><span style=\"font-family: mabry; font-size: 18pt; color: #000000;\">The color palette: A\u00a0chromatic inventory of all humankind. <\/span><\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;5&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column width=&#8221;1\/1&#8243;][vc_single_image media=&#8221;45795&#8243; media_width_percent=&#8221;100&#8243;][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;5&#8243; top_padding=&#8221;4&#8243; bottom_padding=&#8221;4&#8243; back_color=&#8221;color-xsdn&#8221; overlay_alpha=&#8221;100&#8243; equal_height=&#8221;yes&#8221; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; style=&#8221;light&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; width=&#8221;1\/2&#8243;][vc_column_text]<\/p>\n<p style=\"text-align: left;\"><span style=\"font-size: 14pt; color: #000000;\">These range of human skin tones highlight the culturally diverse community of artists that Human Hotel thrives upon and serves.<\/span><\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;3&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-prif&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column width=&#8221;1\/1&#8243;][vc_single_image media=&#8221;45818&#8243; media_width_percent=&#8221;100&#8243;][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;0&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;5&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column width=&#8221;1\/1&#8243;][vc_single_image media=&#8221;45811&#8243; media_width_percent=&#8221;100&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;0&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;5&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column width=&#8221;2\/3&#8243;][vc_single_image media=&#8221;46001&#8243; media_width_percent=&#8221;100&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;0&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;5&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column width=&#8221;2\/3&#8243;][vc_single_image media=&#8221;46003&#8243; media_width_percent=&#8221;100&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;0&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;5&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column width=&#8221;1\/4&#8243;][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_single_image media=&#8221;45999&#8243; media_width_percent=&#8221;100&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;0&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;5&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column width=&#8221;2\/3&#8243;][vc_single_image media=&#8221;46002&#8243; media_width_percent=&#8221;100&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;0&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column width=&#8221;1\/1&#8243;][vc_single_image media=&#8221;45793&#8243; media_width_percent=&#8221;100&#8243;][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;3&#8243; bottom_padding=&#8221;3&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; row_height_use_pixel=&#8221;&#8221; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][uncode_index el_id=&#8221;index-1&#8243; index_type=&#8221;carousel&#8221; loop=&#8221;size:6|order_by:date|order:DESC|post_type:portfolio|by_id:-4140&#8243; carousel_lg=&#8221;4&#8243; carousel_md=&#8221;4&#8243; carousel_sm=&#8221;1&#8243; thumb_size=&#8221;four-three&#8221; gutter_size=&#8221;2&#8243; post_items=&#8221;media,title,category,date,text,link,author,sep-one,extra&#8221; portfolio_items=&#8221;title,media|featured|onpost|original,category&#8221; carousel_interval=&#8221;3000&#8243; carousel_navspeed=&#8221;400&#8243; carousel_nav=&#8221;yes&#8221; carousel_dots=&#8221;yes&#8221; single_text=&#8221;overlay&#8221; single_overlay_opacity=&#8221;65&#8243; single_h_align=&#8221;center&#8221; single_padding=&#8221;2&#8243; single_text_reduced=&#8221;yes&#8221; single_title_transform=&#8221;uppercase&#8221; single_title_dimension=&#8221;h6&#8243; single_border=&#8221;yes&#8221; footer_position=&#8221;left&#8221; carousel_rtl=&#8221;&#8221; single_half_padding=&#8221;&#8221; single_title_bold=&#8221;&#8221; single_title_serif=&#8221;&#8221; single_no_background=&#8221;&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column width=&#8221;1\/1&#8243;][vc_column_text] COMMUNITY &amp; CREATIVITY Connecting the dots\u00a0 Client:\u00a0Human-Hotel \u00a0|\u00a0 Type: Concept, Branding &amp; Identity, Digital Design\u00a0 |\u00a0 Year: 2018\u00a0 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":45503,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"portfolio_category":[24,42],"_links":{"self":[{"href":"https:\/\/marinebacot.com\/index.php\/wp-json\/wp\/v2\/portfolio\/4087"}],"collection":[{"href":"https:\/\/marinebacot.com\/index.php\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/marinebacot.com\/index.php\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/marinebacot.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marinebacot.com\/index.php\/wp-json\/wp\/v2\/comments?post=4087"}],"version-history":[{"count":25,"href":"https:\/\/marinebacot.com\/index.php\/wp-json\/wp\/v2\/portfolio\/4087\/revisions"}],"predecessor-version":[{"id":46027,"href":"https:\/\/marinebacot.com\/index.php\/wp-json\/wp\/v2\/portfolio\/4087\/revisions\/46027"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marinebacot.com\/index.php\/wp-json\/wp\/v2\/media\/45503"}],"wp:attachment":[{"href":"https:\/\/marinebacot.com\/index.php\/wp-json\/wp\/v2\/media?parent=4087"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/marinebacot.com\/index.php\/wp-json\/wp\/v2\/portfolio_category?post=4087"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}