{"id":102,"date":"2026-09-28T12:07:19","date_gmt":"2026-09-28T12:07:19","guid":{"rendered":"https:\/\/joananovo.com\/?post_type=project&#038;p=102"},"modified":"2026-10-14T08:53:56","modified_gmt":"2026-10-14T08:53:56","slug":"eccovia","status":"publish","type":"project","link":"https:\/\/joananovo.com\/en\/project\/eccovia\/","title":{"rendered":"Eccovia"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section preset--module--divi-section--default\">\n<div class=\"et_pb_row_0 et_pb_row et_block_row preset--module--divi-row--15a4mh0it3\">\n<div class=\"et_pb_column_0 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module preset--module--divi-text--jnkawqg2pl\"><div class=\"et_pb_text_inner\"><h1>Charging in comfort.<\/h1>\n<\/div><\/div>\n\n<div class=\"et_pb_text_1 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module preset--module--divi-text--jnkawqg2pl\"><div class=\"et_pb_text_inner\"><p>A digital experience for a company transforming EV charging hubs into comfortable, functional spaces.<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_2 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module preset--module--divi-text--lwmz4fi2us\"><div class=\"et_pb_text_inner\"><p>Webdesign \u00b7 BrandGuide<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_video_0 et_pb_video et_pb_module et_flex_module video-loop\"><div class=\"et_pb_video_box\"><video controls><source type=\"video\/webm\" src=\"http:\/\/joananovo.com\/wp-content\/uploads\/2026\/09\/project-eccovia-1a.mp4\" \/><\/video><\/div><\/div>\n\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><script>\n(function () {\n  function setupVideos() {\n    const videos = document.querySelectorAll(\".video-loop video\");\n\n    const observer = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        const video = entry.target;\n\n        if (entry.isIntersecting) {\n          video.play().catch(function () {});\n        } else {\n          video.pause();\n        }\n      });\n    }, {\n      threshold: 0.35\n    });\n\n    videos.forEach(function (video) {\n      video.loop = true;\n      video.muted = true;\n      video.defaultMuted = true;\n      video.playsInline = true;\n\n      video.setAttribute(\"muted\", \"\");\n      video.setAttribute(\"playsinline\", \"\");\n\n      observer.observe(video);\n    });\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", setupVideos);\n  } else {\n    setupVideos();\n  }\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_1 et_pb_row et_block_row preset--module--divi-row--default\">\n<div class=\"et_pb_column_1 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_text_3 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module preset--module--divi-text--r374mas2kg\"><div class=\"et_pb_text_inner\"><p>A digital presence that clearly and simply communicates eccovia\u2019s value to charging infrastructure operators.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_2 et_pb_row et_block_row preset--module--divi-row--15a4mh0it3\">\n<div class=\"et_pb_column_2 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_text_4 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module preset--module--divi-text--jnkawqg2pl\"><div class=\"et_pb_text_inner\"><h2>Challenge<\/h2>\n<h3>Making the complex easy to understand<\/h3>\n<\/div><\/div>\n\n<div class=\"et_pb_text_5 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module preset--module--divi-text--jnkawqg2pl\"><div class=\"et_pb_text_inner\"><p>eccovia develops modular infrastructure for EV charging hubs, combining toilets, smart stores, lounges and management software into an integrated solution for charging operators.<\/p>\n<p>The business brought together design, construction, operations, physical infrastructure and technology. It needed a digital presence that could clearly explain how these elements work together.<\/p>\n<p>The challenge was to organise a complex offering around real user needs and create a structure that would quickly communicate the problem, eccovia\u2019s response and the value of its solution.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_3 et_pb_row et_flex_row preset--module--divi-row--default\">\n<div class=\"et_pb_column_3 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_image_0 et_pb_image et_pb_module et_flex_module preset--module--divi-image--u2k3v85tdj\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/joananovo.com\/wp-content\/uploads\/2026\/09\/project-eccovia-2.webp\" width=\"1220\" height=\"800\" srcset=\"https:\/\/joananovo.com\/wp-content\/uploads\/2026\/09\/project-eccovia-2.webp 1220w, https:\/\/joananovo.com\/wp-content\/uploads\/2026\/09\/project-eccovia-2-980x643.webp 980w, https:\/\/joananovo.com\/wp-content\/uploads\/2026\/09\/project-eccovia-2-480x315.webp 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1220px, 100vw\" class=\"wp-image-587\" title=\"project-eccovia-2\" \/><\/span><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_4 et_pb_row et_block_row preset--module--divi-row--15a4mh0it3\">\n<div class=\"et_pb_column_4 et_pb_column et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_6 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module preset--module--divi-text--jnkawqg2pl\"><div class=\"et_pb_text_inner\"><h2>Approach<\/h2>\n<h3>Building the experience around the value proposition<\/h3>\n<\/div><\/div>\n\n<div class=\"et_pb_text_7 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module preset--module--divi-text--jnkawqg2pl\"><div class=\"et_pb_text_inner\"><p>The work began by defining the information needed to communicate the business strategically through the website.<\/p>\n<p>In collaboration with a copywriting agency, I identified the key messages, content requirements and supporting arguments, helping shape eccovia\u2019s offering into a clear digital narrative.<\/p>\n<p>The experience followed a progressive structure: beginning with EV drivers\u2019 needs, presenting the challenge facing operators, then introducing eccovia\u2019s response through its three service areas \u2014 Design, Build and Operate.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_5 et_pb_row et_flex_row preset--module--divi-row--default\">\n<div class=\"et_pb_column_5 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_image_1 et_pb_image et_pb_module et_flex_module preset--module--divi-image--u2k3v85tdj\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/joananovo.com\/wp-content\/uploads\/2026\/09\/project-eccovia-3.webp\" width=\"1220\" height=\"800\" srcset=\"https:\/\/joananovo.com\/wp-content\/uploads\/2026\/09\/project-eccovia-3.webp 1220w, https:\/\/joananovo.com\/wp-content\/uploads\/2026\/09\/project-eccovia-3-980x643.webp 980w, https:\/\/joananovo.com\/wp-content\/uploads\/2026\/09\/project-eccovia-3-480x315.webp 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1220px, 100vw\" class=\"wp-image-591\" title=\"project-oceansandflow-2\" \/><\/span><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_6 et_pb_row et_block_row preset--module--divi-row--15a4mh0it3\">\n<div class=\"et_pb_column_6 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_8 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module preset--module--divi-text--jnkawqg2pl\"><div class=\"et_pb_text_inner\"><h2>Solution<\/h2>\n<h3>Connecting people, spaces and technology online<\/h3>\n<\/div><\/div>\n\n<div class=\"et_pb_text_9 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module preset--module--divi-text--jnkawqg2pl\"><div class=\"et_pb_text_inner\"><p>I developed the website and brand guidelines to make the relationship between user experience, modular infrastructure and digital management clear.<\/p>\n<p>The page guides visitors from problem to solution, first presenting drivers\u2019 needs, then showing how eccovia responds through physical spaces \u2014 toilets, smart stores and lounges \u2014 supported by digital tools for management, data visualisation and operational support.<\/p>\n<p>The visual hierarchy, content requirements and section structure were designed to introduce a multilayered solution progressively, without requiring prior technical knowledge.<\/p>\n<p>The result is a digital presence that positions eccovia as both an infrastructure provider and a company working to improve the entire charging experience \u2014 turning a practical stop into a place where people can rest, work or simply take a break.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"project_category":[9],"project_tag":[],"class_list":["post-102","project","type-project","status-publish","hentry","project_category-webdesign"],"_links":{"self":[{"href":"https:\/\/joananovo.com\/en\/wp-json\/wp\/v2\/project\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/joananovo.com\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/joananovo.com\/en\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/joananovo.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/joananovo.com\/en\/wp-json\/wp\/v2\/comments?post=102"}],"version-history":[{"count":46,"href":"https:\/\/joananovo.com\/en\/wp-json\/wp\/v2\/project\/102\/revisions"}],"predecessor-version":[{"id":762,"href":"https:\/\/joananovo.com\/en\/wp-json\/wp\/v2\/project\/102\/revisions\/762"}],"wp:attachment":[{"href":"https:\/\/joananovo.com\/en\/wp-json\/wp\/v2\/media?parent=102"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/joananovo.com\/en\/wp-json\/wp\/v2\/project_category?post=102"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/joananovo.com\/en\/wp-json\/wp\/v2\/project_tag?post=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}