{"id":236,"date":"2023-06-01T18:32:00","date_gmt":"2023-06-01T17:32:00","guid":{"rendered":"https:\/\/www.kevingordon.org.uk\/tech\/?post_type=portfolio&#038;p=236"},"modified":"2023-06-01T20:35:07","modified_gmt":"2023-06-01T19:35:07","slug":"hellowall-social-media-wall","status":"publish","type":"portfolio","link":"https:\/\/www.kevingordon.org.uk\/tech\/portfolio\/hellowall-social-media-wall\/","title":{"rendered":"HelloWall social media wall"},"content":{"rendered":"\n<p><strong>The challenge:&nbsp;<\/strong>Bring a beautiful static animation \u201cto life\u201d, in an efficient and cost effective manner that could utilise multiple social feeds, and utilise pre-moderation techniques. That could be scaled to be deployed at multiple events and venues, on multiple screens.<\/p>\n\n\n\n<p><strong>The solution:&nbsp;&nbsp;<\/strong>A beautiful side-scrolling social media wall, showing live pre-moderated content. Initially located at the welcome desk of \u2018Ford Stores\u2019 \u2013 user research showed that psychologically it put people at ease, seeing posts and tweets from other Ford Owners and users on a wall in front of them.<\/p>\n\n\n\n<p>It started as an Adobe After Effects rendered static video, and me and my team turned it into a beautiful (responsive) social media wall with the front end built in HTML\/ CSS \/ Javascript, with aggregated social media content, and parallax scrolling.<\/p>\n\n\n\n<p>I engineered the wall to take on various social feeds, and to work live or cached, and used at multiple motor shows for Ford Motor Company globally on their stands; at tech conferences such as Mobile World Congress, with a different look and feel (skin) \u2013 and print activations related to people taking selfies and them being retweeted to the wall. I was also used at the Champions League Village Mustang experience \u2013 where it kept users engaged, posting selfies, whilst they waited to gain access to the Mustang installation.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"535\" src=\"https:\/\/www.kevingordon.org.uk\/tech\/wp-content\/uploads\/2023\/06\/hello-wall-1024x535.jpg\" alt=\"\" class=\"wp-image-238\" srcset=\"https:\/\/www.kevingordon.org.uk\/tech\/wp-content\/uploads\/2023\/06\/hello-wall-1024x535.jpg 1024w, https:\/\/www.kevingordon.org.uk\/tech\/wp-content\/uploads\/2023\/06\/hello-wall-300x157.jpg 300w, https:\/\/www.kevingordon.org.uk\/tech\/wp-content\/uploads\/2023\/06\/hello-wall-768x401.jpg 768w, https:\/\/www.kevingordon.org.uk\/tech\/wp-content\/uploads\/2023\/06\/hello-wall-1536x803.jpg 1536w, https:\/\/www.kevingordon.org.uk\/tech\/wp-content\/uploads\/2023\/06\/hello-wall-2048x1070.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>I also used it at multiple internal Ford Motor Company events; integrating it with Yammer \u2013 and event-appropriate static content.<\/p>\n\n\n\n<p><strong>The tech stack:&nbsp;<\/strong>HTML\/CSS\/JavaScript, JQuery, Bootstrap, Java, Json, Oauth integration, Social API consumption: Facebook, Twitter, Instagram, Yammer, Youtube, Vine, etc.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The challenge was to bring a static animation to life in a cost-effective manner, utilizing multiple social feeds and pre-moderation techniques. The solution was a beautiful, responsive social media wall built with HTML\/CSS\/JavaScript. It displayed live pre-moderated content from various social platforms, offering a captivating experience at Ford events and venues worldwide.<\/p>\n","protected":false},"author":1,"featured_media":238,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"portfolio_category":[6],"portfolio_tag":[],"class_list":["post-236","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_category-ford"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.kevingordon.org.uk\/tech\/wp-json\/wp\/v2\/portfolio\/236","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kevingordon.org.uk\/tech\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/www.kevingordon.org.uk\/tech\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/www.kevingordon.org.uk\/tech\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kevingordon.org.uk\/tech\/wp-json\/wp\/v2\/comments?post=236"}],"version-history":[{"count":2,"href":"https:\/\/www.kevingordon.org.uk\/tech\/wp-json\/wp\/v2\/portfolio\/236\/revisions"}],"predecessor-version":[{"id":240,"href":"https:\/\/www.kevingordon.org.uk\/tech\/wp-json\/wp\/v2\/portfolio\/236\/revisions\/240"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kevingordon.org.uk\/tech\/wp-json\/wp\/v2\/media\/238"}],"wp:attachment":[{"href":"https:\/\/www.kevingordon.org.uk\/tech\/wp-json\/wp\/v2\/media?parent=236"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/www.kevingordon.org.uk\/tech\/wp-json\/wp\/v2\/portfolio_category?post=236"},{"taxonomy":"portfolio_tag","embeddable":true,"href":"https:\/\/www.kevingordon.org.uk\/tech\/wp-json\/wp\/v2\/portfolio_tag?post=236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}