{"status":0,"error":0,"portfolio":{"bg":"#1c1d45","text":"#FFF","image":"https:\/\/creativearmy.se\/content\/uploads\/24\/10\/sjobohem-hydrobust-2000x1500px-1-1-1037-137-4.webp"},"output":"\n\n\n<div id=\"portfolio-container\">\n\t<figure class=\"port-image scale-down\">\n\n\t\t<div class=\"slider fill-height padding v2\">\n\t\t\t<div class=\"slide-holder fill-height relative overflow-x holder\">\n\t\t\t\t<ul>\n\t\t\t\t\t<li class=\"relative\" data-bg=\"#1c1d45\" data-text=\"#FFF\"><picture><source srcset=\"https:\/\/creativearmy.se\/content\/uploads\/24\/10\/sjobohem-hydrobust-2000x1500px-1-1-1037-137-2.webp?v=\" media=\"(max-width: 640px)\" type=\"image\/webp\"><source srcset=\"https:\/\/creativearmy.se\/content\/uploads\/24\/10\/sjobohem-hydrobust-2000x1500px-1-1-1037-137-3.webp?v=\" media=\"(max-width: 1080px)\" type=\"image\/webp\"><source srcset=\"https:\/\/creativearmy.se\/content\/uploads\/24\/10\/sjobohem-hydrobust-2000x1500px-1-1-1037-137-4.webp?v=\" media=\"(max-width: 1512px)\" type=\"image\/webp\"><source srcset=\"https:\/\/creativearmy.se\/content\/uploads\/24\/10\/sjobohem-hydrobust-2000x1500px-1-1-1037-137-4.webp?v=\"  type=\"image\/webp\"><img src=\"https:\/\/creativearmy.se\/content\/uploads\/24\/10\/sjobohem-hydrobust-2000x1500px-1-1.jpg?v=\" alt=\"Hemsida till Sjöbohems Hydrobust\" width=\"1920\" height=\"1440\"><\/picture><p class=\"center abs bottom over-2\"><\/p><\/li><li class=\"relative\" data-bg=\"#dee9ee\" data-text=\"\"><video title=\"Webbsida till Sjöbohems Hydrobust\" autoplay=\"1\" loop=\"1\" muted=\"1\" playsinline=\"1\"><source src=\"https:\/\/creativearmy.se\/content\/uploads\/22\/12\/sjobohem-hydrobust-2000x1500px-2.mp4\" type=\"video\/mp4\"><\/video><p class=\"center abs bottom over-2\"><\/p><\/li><li class=\"relative\" data-bg=\"#dee9ee\" data-text=\"\"><video title=\"Bränslecell på webbsida till Sjöbohems Hydrobust\" autoplay=\"1\" loop=\"1\" muted=\"1\" playsinline=\"1\"><source src=\"https:\/\/creativearmy.se\/content\/uploads\/22\/12\/sjobohem-hydrobust-2000x1500px-3.mp4\" type=\"video\/mp4\"><\/video><p class=\"center abs bottom over-2\"><\/p><\/li>\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t<a class=\"slide-nav-btn op-0 prev abs over-2 left middle hide-2\" href=\"#\" title=\"Tillbaka\">\n\t\t\t\t\t<svg width=\"37\" height=\"35\" viewBox=\"0 0 37 35\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"#C09D9C\" stroke=\"#C09D9C\" stroke-width=\"0\" d=\"M5 15v-5h5v5zM0 20v-5h37v5zM10 10V5h5v5zM15 5V0h5v5zM5 20v5h5v-5zM10 25v5h5v-5zM15 30v5h5v-5z\"><\/path><\/svg>\n\t\t        <\/a>\n\t\t        <a class=\"slide-nav-btn op-0 next abs over-2 right middle hide-2\" href=\"#\" title=\"Nästa\">\n\t\t            <svg width=\"37\" height=\"35\" viewBox=\"0 0 37 35\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill=\"#C09D9C\" stroke=\"#C09D9C\" stroke-width=\"0\" d=\"M32 20v5h-5v-5zM37 15v5H0v-5zM27 25v5h-5v-5zM22 30v5h-5v-5zM27 10v5h5v-5zM22 5v5h5V5zM17 0v5h5V0z\"><\/path><\/svg>\n\t\t        <\/a>\n\t\t    \t\t\t\t<\/div>\n\t\t\t\t        <nav class=\"slide-nav\">\n\t\t        <ul>\n\t\t        \t\t\t        \t<li class=\"item active\"><a class=\"circ trans-3\" href=\"#\" title=\"Visa bild på plats 1\"><\/a><\/li>\n\t\t        \t\t\t        \t<li class=\"item\"><a class=\"circ trans-3\" href=\"#\" title=\"Visa bild på plats 2\"><\/a><\/li>\n\t\t        \t\t\t        \t<li class=\"item\"><a class=\"circ trans-3\" href=\"#\" title=\"Visa bild på plats 3\"><\/a><\/li>\n\t\t        \t\t\t        <\/ul>\n\t        <\/nav>\n\t        \t\t<\/div>\t\n\n\t<\/figure>\n\t\n\t<div class=\"port-text\">\n\t\t<div class=\"wrapper v2 padding\">\n\t\t\t<div class=\"box-info pad\">\t\n\t\t\t\t<header class=\"text hidden op-0\">\n\t\t\t\t\t<h6 class=\"title\">Sjöbohem<\/h6>\n\t\t\t\t\t<h3 class=\"title\">Hydrobust – hemsida om vätgaslagring<\/h3>\n\t\t\t\t<\/header>\n\t\t\t\t<div class=\"text hidden op-0\">\n\t\t\t\t\t<p>Sj&ouml;bohems robusta energisystem har gjort huvudkontoret sj&auml;lvf&ouml;rs&ouml;rjande p&aring; el &aring;ret runt med v&auml;tgas. V&aring;rt uppdrag var att p&aring; ett pedagogiskt s&auml;tt ge en djupare inblick i hur en hydrobust fungerar. Vi valde att arbeta med animerad informationsgrafik.<\/p>\n<p>Animation kan g&ouml;ra komplexa id&eacute;er och koncept l&auml;ttf&ouml;rst&aring;eliga och minnesv&auml;rda. Visualisering av data och processer blir l&auml;ttare att f&ouml;rst&aring;, och animation kan f&ouml;rst&auml;rka budskapet. Dessutom &auml;r animation ett anv&auml;ndbart verktyg f&ouml;r att f&ouml;rklara sv&aring;ra system och mekanismer inom teknik och vetenskap. P&aring; s&aring; s&auml;tt kan animation &ouml;ka f&ouml;rst&aring;elsen och minnesbilden hos mottagarna.<\/p>\n<p>Som vanligt har vi levererat en responsiv digital helhetsl&ouml;sning med id&eacute;, illustration, animation, text, foto och utveckling.<\/p>\n<p><a class=\"button bg-primary\" title=\"https:\/\/hydrobust.se &nbsp;\" href=\"https:\/\/hydrobust.se &nbsp;\" target=\"_blank\" rel=\"noopener\">Till hydrobust.se<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"bg-white clearfix\">\n\t\t\t<div class=\"wrapper v2\">\n\t\t\t\t\t\t\t\t<a class=\"wa-portfolio-nav-btn bg-white padding float-right color-secondary no-underline-2 flex middle\" href=\"https:\/\/creativearmy.se\/portfolio\/109\/digital-community\" data-href=\"https:\/\/creativearmy.se\/portfolio\/109\/digital-community\/json\">\n\t\t\t\t\t<div class=\"overflow align-right pr-1\">\n\t\t\t\t\t\t<div class=\"h7 color-primary\">Låna en hund<\/div>\n\t\t\t\t\t\t<h5 class=\"space-0\">Digital community<\/h5>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"float-right\">\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"34\" viewBox=\"0 0 7 12\"><path d=\"M1.24 10.53L6 5.77 1.24 1\" fill=\"none\" fill-rule=\"evenodd\" stroke=\"currentColor\"><\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n"}