{"id":14393,"date":"2022-02-27T10:08:43","date_gmt":"2022-02-27T09:08:43","guid":{"rendered":"https:\/\/dev.pixelarte.com\/design-projects\/esmovia-web"},"modified":"2023-04-21T09:34:31","modified_gmt":"2023-04-21T07:34:31","slug":"esmovia-web","status":"publish","type":"proyectos-diseno","link":"https:\/\/pixelarte.es\/en\/design-projects\/web\/esmovia-web","title":{"rendered":"Esmovia &#8211; web"},"content":{"rendered":"\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/pixelarte.es\/wp-content\/uploads\/2022\/01\/Esmovia-Presentacio\u0301n-1-2.mp4\" playsinline><\/video><\/figure>\n\n\n\n\n\n<div id=\"what-we-did-block_d2e1c04d44871651259cca7586d36342\" class=\"what-we-did wp-block-columns\">\n    <div class=\"wp-block-column description\" style=\"flex-basis:62%\">\n        <div class=\"description-wrapper\" style=\"position: relative;\">\n            <div class=\"description-content\" style=\"max-height: 350px; overflow: hidden; position: relative; transition: max-height 0.3s ease;\">\n                <p>Esmovia, a Valencian company that organizes mobility training experiences for European students and teachers, has been a Pixelarte client for a decade. Following the rebranding, Pixelarte has developed the graphic universe of Esmovia, including the design of its offices, corporate material, and its new website.<\/p>\n<p>Regarding the website design, graphic elements developed over the year with the client, such as illustrations and photographs, have been applied to ensure that all content is aligned with Esmovia&#8217;s current values and activities.<\/p>\n<p>The mobile version (responsive) is important since, according to analytics obtained from visits to a client&#8217;s website like this, those coming from mobile devices represent almost all of the volume. Therefore, a native mobile browsing experience has been generated, making the user experience from the mobile device as immersive as possible and optimizing the way information is accessed.<\/p>\n<p>Valencian culture and the Spanish language are highlighted on the website, reinforcing the concept of Esmovia&#8217;s programs, which are completely immersive in terms of culture, language, and gastronomy.<\/p>\n<p>The result is a fresh, attractive, easy-to-use, and intuitive website that invites exploration. We invite you to discover and navigate it yourself! <strong><a href=\"http:\/\/www.esmovia.es\/\" target=\"_new\">www.esmovia.es<\/a><\/strong><\/p>\n                <div class=\"fade-out\" style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 100px; background: linear-gradient(to bottom, transparent, white); pointer-events: none;\"><\/div>\n            <\/div>\n            <button class=\"read-more-button\" style=\"margin-top: 10px; background: none; border: none; color: #000; cursor: pointer; display: flex; align-items: center; gap: 5px;\">\n                <span>Read more<\/span> <span class=\"icon\" style=\"display: inline-block;\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                        <path d=\"M0 8L16 8\" stroke=\"black\" stroke-width=\"1.2\" \/>\n                        <path d=\"M8 0L8 16\" stroke=\"black\" stroke-width=\"1.2\" \/>\n                    <\/svg>\n                <\/span>\n            <\/button>\n        <\/div>\n\n        <script>\n            document.addEventListener('DOMContentLoaded', function() {\n                const button = document.querySelector('.read-more-button');\n                const content = document.querySelector('.description-content');\n                const fade = document.querySelector('.fade-out');\n                const label = button.querySelector('span');\n                const icon = button.querySelector('.icon');\n\n                const iconPlus = `\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M0 8L16 8\" stroke=\"black\" stroke-width=\"1.2\"\/>\n                    <path d=\"M8 0L8 16\" stroke=\"black\" stroke-width=\"1.2\"\/>\n                <\/svg>`;\n                const iconMinus = `\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"2\" viewBox=\"0 0 16 2\" fill=\"none\">\n                    <path d=\"M0 1L16 1\" stroke=\"black\" stroke-width=\"1.2\"\/>\n                <\/svg>`;\n\n                let expanded = false;\n\n                button.addEventListener('click', function() {\n                    expanded = !expanded;\n                    content.style.maxHeight = expanded ? 'none' : '350px';\n                    fade.style.display = expanded ? 'none' : 'block';\n                    label.textContent = expanded ? 'Show less' : 'Read more';\n                    icon.innerHTML = expanded ? iconMinus : iconPlus;\n                });\n            });\n        <\/script>\n    <\/div>\n\n\n    <div class=\"wp-block-column services-list\" style=\"flex-basis:38%\">\n                    <div class=\"meta-project\">\n\n                <div class=\"tr\">\n                    <div class=\"td\">Customer<\/div>\n                    <div class=\"td\">Esmovia<\/div>\n                <\/div>\n\n                <div class=\"tr\">\n                    <div class=\"td\">Categories<\/div>\n                    <div class=\"td\">\n                        <a href=\"https:\/\/pixelarte.es\/en\/design-projects\/web\">Web<\/a>                    <\/div>\n                <\/div>\n\n                <div class=\"tr\">\n                    <div class=\"td\">Sector<\/div>\n                    <div class=\"td\">\n                        <a href=\"https:\/\/pixelarte.es\/en\/sectors\/education\">Education<\/a>                    <\/div>\n                <\/div>\n\n                <div class=\"tr\">\n                    <div class=\"td\">Year<\/div>\n                    <div class=\"td\">2022<\/div>\n                <\/div>\n\n            <\/div>\n                <div class=\"services-list-text\">\n            <h3>What did we do?<\/h3>\n            <div class=\"services-list-paragraph\"><p>\u00b7 UX\/UI<br \/>\n\u00b7 Dise\u00f1o web<br \/>\n\u00b7 Programaci\u00f3n web<br \/>\n\u00b7 Consultor\u00eda SEO<br \/>\n\u00b7 Redacci\u00f3n de contenidos<br \/>\n\u00b7 Ilustraci\u00f3n<br \/>\n\u00b7 Fotograf\u00eda<\/p>\n<\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/pixelarte.es\/wp-content\/uploads\/2022\/01\/Esmovia-Presentacio\u0301n-2-2.mp4\" playsinline><\/video><\/figure>\n\n\n\r\n<div id=\"featured-text-block_a64c8277e1aeda57a435cd03a61a5dcd\" class=\"block featured-text\" data-aos=\"fade-up\">\r\n    <p>Because of the users\u2019 profile for Esmovia\u2019s website, it was key to develop a mobile version focused on usability and on an easy, attractive content viewing.<\/p>\n<\/div>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1400\" height=\"790\" src=\"https:\/\/pixelarte.es\/wp-content\/uploads\/2022\/01\/Esmovia-Presentacio\u0301n-3-2.jpg\" alt=\"\" class=\"wp-image-14304\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/pixelarte.es\/wp-content\/uploads\/2022\/01\/Esmovia-Presentacio\u0301n-4-2.mp4\" playsinline><\/video><\/figure>\n\n\n\r\n<div id=\"two-columns-block_05c323b6b7e0804f5aba35392de144ea\" class=\"two-columns wp-block-columns margen-2  align-top \" style=\"flex-wrap: wrap !important;\">\r\n    \r\n    <div class=\"wp-block-column\" style=\"flex-basis: 50%;\">\r\n                        <figure class=\"wp-block-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/pixelarte.es\/wp-content\/uploads\/2022\/01\/Esmovia-Presentacio\u0301n-5.1-1.jpg\" alt=\"Pixelarte - Estudio de dise\u00f1o gr\u00e1fico - Ilustraciones para Esmovia\">                <\/figure>\r\n        \r\n        \r\n        \r\n    <\/div>\r\n\r\n    <div class=\"wp-block-column\" style=\"flex-basis: 50%;\">\r\n                    <figure class=\"wp-block-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/pixelarte.es\/wp-content\/uploads\/2022\/01\/Esmovia-Presentacio\u0301n-5.2-3.jpg\" alt=\"PixelartPixelarte - Estudio de dise\u00f1o gr\u00e1fico - Dise\u00f1o de web para Esmovia\">            <\/figure>\r\n        \r\n        \r\n            <\/div>\r\n\r\n<\/div>\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/pixelarte.es\/wp-content\/uploads\/2022\/01\/Esmovia-Presentacio\u0301n-6.1-2.mp4\" playsinline><\/video><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/pixelarte.es\/wp-content\/uploads\/2022\/01\/Esmovia-Presentacio\u0301n-8-1.mp4\" playsinline><\/video><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1400\" height=\"782\" src=\"https:\/\/pixelarte.es\/wp-content\/uploads\/2022\/01\/Esmovia-Presentacio\u0301n-9-2.jpg\" alt=\"\" class=\"wp-image-14320\"\/><\/figure>\n\n\n\r\n<div id=\"featured-text-block_85eaa468f62adf889b7678bf2625664c\" class=\"block featured-text\" data-aos=\"fade-up\">\r\n    <p>All the contents that appear on the website have been developed by Pixelarte for Esmovia. The fruit of working continuously during the whole year is that a lot of content can be generated, resulting in a website where all the graphic elements are their own.<\/p>\n<\/div>\n\n\r\n<div id=\"two-columns-block_3066e7fd89c7dbee2acdaf437b159469\" class=\"two-columns wp-block-columns margen-2  align-top \" style=\"flex-wrap: wrap !important;\">\r\n    \r\n    <div class=\"wp-block-column\" style=\"flex-basis: 50%;\">\r\n                        <figure class=\"wp-block-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/pixelarte.es\/wp-content\/uploads\/2022\/01\/Esmovia-Presentacio\u0301n-10.1.jpg\" alt=\"Pixelarte - Estudio de dise\u00f1o gr\u00e1fico - Dise\u00f1o de web para Esmovia\">                <\/figure>\r\n        \r\n        \r\n        \r\n    <\/div>\r\n\r\n    <div class=\"wp-block-column\" style=\"flex-basis: 50%;\">\r\n                    <figure class=\"wp-block-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/pixelarte.es\/wp-content\/uploads\/2022\/01\/Esmovia-Presentacio\u0301n-10.2-1.jpg\" alt=\"Pixelarte - Estudio de dise\u00f1o gr\u00e1fico - Dise\u00f1o de web para Esmovia\">            <\/figure>\r\n        \r\n        \r\n            <\/div>\r\n\r\n<\/div>\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/pixelarte.es\/wp-content\/uploads\/2022\/01\/Esmovia-Presentacio\u0301n-11.mp4\" playsinline><\/video><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1400\" height=\"771\" src=\"https:\/\/pixelarte.es\/wp-content\/uploads\/2022\/01\/Esmovia-Presentacio\u0301n-7-2.jpg\" alt=\"\" class=\"wp-image-14316\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1399\" height=\"1051\" src=\"https:\/\/pixelarte.es\/wp-content\/uploads\/2022\/01\/Esmovia-Presentacio\u0301n-12-1.jpg\" alt=\"\" class=\"wp-image-14344\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/pixelarte.es\/wp-content\/uploads\/2022\/01\/Esmovia-Presentacio\u0301n-13.mp4\" playsinline><\/video><\/figure>\n\n\n\n<h3 class=\"has-text-align-center wp-block-heading\">If you want to know more about the whole rebranding or the interior design:<\/h3>\n\n\n\n<h4 class=\"has-text-align-center wp-block-heading\"><span style=\"text-decoration: underline;\"><a title=\"Esmovia \u2013 interiorismo\" href=\"https:\/\/pixelarte.es\/proyectos-diseno\/identidad-corporativa\/esmovia\" target=\"_blank\" rel=\"noopener noreferrer\">Esmovia \u2013 rebranding<\/a><\/span><\/h4>\n\n\n\n<h4 class=\"has-text-align-center wp-block-heading\"><span style=\"text-decoration: underline;\"><a title=\"Esmovia \u2013 interiorismo\" href=\"https:\/\/pixelarte.es\/proyectos-diseno\/espacios\/esmovia-interior\" target=\"_blank\" rel=\"noopener noreferrer\">Esmovia \u2013 interiorism<\/a><\/span><\/h4>\n","protected":false},"featured_media":0,"template":"","categories":[547,3,18],"tags":[],"class_list":["post-14393","proyectos-diseno","type-proyectos-diseno","status-publish","hentry","category-education","category-design-projects","category-web"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Esmovia: conceptualizaci\u00f3n, dise\u00f1o y desarrollo web | Pixelarte \u00ae<\/title>\n<meta name=\"description\" content=\"Desarrollamos la nueva web de la empresa valenciana l\u00edder en formaci\u00f3n y movilidad de j\u00f3venes europeos.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pixelarte.es\/en\/design-projects\/web\/esmovia-web\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Esmovia: conceptualizaci\u00f3n, dise\u00f1o y desarrollo web | Pixelarte \u00ae\" \/>\n<meta property=\"og:description\" content=\"Desarrollamos la nueva web de la empresa valenciana l\u00edder en formaci\u00f3n y movilidad de j\u00f3venes europeos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pixelarte.es\/en\/design-projects\/web\/esmovia-web\" \/>\n<meta property=\"og:site_name\" content=\"Pixelarte \u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/es-es.facebook.com\/wearepixelarte\/\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-21T07:34:31+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pixelarte.es\/en\/design-projects\/web\/esmovia-web\",\"url\":\"https:\/\/pixelarte.es\/en\/design-projects\/web\/esmovia-web\",\"name\":\"Esmovia: conceptualizaci\u00f3n, dise\u00f1o y desarrollo web | Pixelarte \u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/pixelarte.es\/en\/#website\"},\"datePublished\":\"2022-02-27T09:08:43+00:00\",\"dateModified\":\"2023-04-21T07:34:31+00:00\",\"description\":\"Desarrollamos la nueva web de la empresa valenciana l\u00edder en formaci\u00f3n y movilidad de j\u00f3venes europeos.\",\"breadcrumb\":{\"@id\":\"https:\/\/pixelarte.es\/en\/design-projects\/web\/esmovia-web#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pixelarte.es\/en\/design-projects\/web\/esmovia-web\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pixelarte.es\/en\/design-projects\/web\/esmovia-web#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/pixelarte.es\/en\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Esmovia &#8211; web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pixelarte.es\/en\/#website\",\"url\":\"https:\/\/pixelarte.es\/en\/\",\"name\":\"Pixelarte \u00ae\",\"description\":\"Estudio dise\u00f1o gr\u00e1fico Valencia\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pixelarte.es\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Esmovia: conceptualizaci\u00f3n, dise\u00f1o y desarrollo web | Pixelarte \u00ae","description":"Desarrollamos la nueva web de la empresa valenciana l\u00edder en formaci\u00f3n y movilidad de j\u00f3venes europeos.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pixelarte.es\/en\/design-projects\/web\/esmovia-web","og_locale":"en_US","og_type":"article","og_title":"Esmovia: conceptualizaci\u00f3n, dise\u00f1o y desarrollo web | Pixelarte \u00ae","og_description":"Desarrollamos la nueva web de la empresa valenciana l\u00edder en formaci\u00f3n y movilidad de j\u00f3venes europeos.","og_url":"https:\/\/pixelarte.es\/en\/design-projects\/web\/esmovia-web","og_site_name":"Pixelarte \u00ae","article_publisher":"https:\/\/es-es.facebook.com\/wearepixelarte\/","article_modified_time":"2023-04-21T07:34:31+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pixelarte.es\/en\/design-projects\/web\/esmovia-web","url":"https:\/\/pixelarte.es\/en\/design-projects\/web\/esmovia-web","name":"Esmovia: conceptualizaci\u00f3n, dise\u00f1o y desarrollo web | Pixelarte \u00ae","isPartOf":{"@id":"https:\/\/pixelarte.es\/en\/#website"},"datePublished":"2022-02-27T09:08:43+00:00","dateModified":"2023-04-21T07:34:31+00:00","description":"Desarrollamos la nueva web de la empresa valenciana l\u00edder en formaci\u00f3n y movilidad de j\u00f3venes europeos.","breadcrumb":{"@id":"https:\/\/pixelarte.es\/en\/design-projects\/web\/esmovia-web#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pixelarte.es\/en\/design-projects\/web\/esmovia-web"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pixelarte.es\/en\/design-projects\/web\/esmovia-web#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pixelarte.es\/en"},{"@type":"ListItem","position":2,"name":"Esmovia &#8211; web"}]},{"@type":"WebSite","@id":"https:\/\/pixelarte.es\/en\/#website","url":"https:\/\/pixelarte.es\/en\/","name":"Pixelarte \u00ae","description":"Estudio dise\u00f1o gr\u00e1fico Valencia","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pixelarte.es\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/pixelarte.es\/en\/wp-json\/wp\/v2\/proyectos-diseno\/14393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pixelarte.es\/en\/wp-json\/wp\/v2\/proyectos-diseno"}],"about":[{"href":"https:\/\/pixelarte.es\/en\/wp-json\/wp\/v2\/types\/proyectos-diseno"}],"wp:attachment":[{"href":"https:\/\/pixelarte.es\/en\/wp-json\/wp\/v2\/media?parent=14393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pixelarte.es\/en\/wp-json\/wp\/v2\/categories?post=14393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pixelarte.es\/en\/wp-json\/wp\/v2\/tags?post=14393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}