{"componentChunkName":"component---src-templates-project-js","path":"/web-development/zennvex/","result":{"data":{"site":{"siteMetadata":{"title":"Berco Studio","author":"David Bercovici for BercoStudio S.A."}},"markdownRemark":{"id":"5739204b-9531-5463-95cc-b6e0cdb2e7b1","excerpt":"Visit the website here: www.zennvex.com Zennvex is a Solar Energy company that just starts its operations in Ecuador. They need a website to showcase their…","html":"<p>Visit the website here: <a href=\"http://www.zennvex.com\" target=\"_blank\" rel=\"noopener noreferrer\"><a href=\"http://www.zennvex.com\">www.zennvex.com</a></a></p>\n<p>Zennvex is a Solar Energy company that just starts its operations in Ecuador. They need a website to showcase their services to possible investors as soon as possible. Time was a key factor in this project.</p>\n<div class=\"kg-card kg-image-card kg-width-full\">\n<p><figure class=\"gatsby-resp-image-figure\" style=\"margin: 1vw 0;\">\n    <span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1360px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 52.05882352941177%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAKABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAEEAwX/xAAXAQADAQAAAAAAAAAAAAAAAAAAAQID/9oADAMBAAIQAxAAAAGjj0vOtBA//8QAGhAAAgIDAAAAAAAAAAAAAAAAAQMAEQIhMv/aAAgBAQABBQJrBim9GiIOp//EABYRAQEBAAAAAAAAAAAAAAAAAAASQf/aAAgBAwEBPwHUv//EABcRAAMBAAAAAAAAAAAAAAAAAAACEiH/2gAIAQIBAT8BXFKP/8QAGhAAAQUBAAAAAAAAAAAAAAAAAQACEBExQf/aAAgBAQAGPwI1phtDibAX/8QAGxABAAICAwAAAAAAAAAAAAAAAQAxEXFBUYH/2gAIAQEAAT8hFuqS0c7zU4omEQ9wDWNaT//aAAwDAQACAAMAAAAQuM//xAAYEQACAwAAAAAAAAAAAAAAAAAAEQEhUf/aAAgBAwEBPxCbXRD/xAAXEQADAQAAAAAAAAAAAAAAAAAAARFh/9oACAECAQE/EEniKP/EABsQAQADAQEBAQAAAAAAAAAAAAEAESExQVHw/9oACAEBAAE/EAAbcuhWv77EUoVEvoe5OQh7flwGANXnYZEJTiRvTzP/2Q=='); background-size: cover; display: block;\"\n  ></span>\n  <picture>\n          <source\n              srcset=\"/static/87f301821f66cf9359e30a9ce1ce9dc5/c8de4/zennvexWebsiteOnIpad.avif 340w,\n/static/87f301821f66cf9359e30a9ce1ce9dc5/e1694/zennvexWebsiteOnIpad.avif 680w,\n/static/87f301821f66cf9359e30a9ce1ce9dc5/b8f7e/zennvexWebsiteOnIpad.avif 1360w,\n/static/87f301821f66cf9359e30a9ce1ce9dc5/9927f/zennvexWebsiteOnIpad.avif 1920w\"\n              sizes=\"(max-width: 1360px) 100vw, 1360px\"\n              type=\"image/avif\"\n            /><source\n              srcset=\"/static/87f301821f66cf9359e30a9ce1ce9dc5/51a8e/zennvexWebsiteOnIpad.webp 340w,\n/static/87f301821f66cf9359e30a9ce1ce9dc5/713b7/zennvexWebsiteOnIpad.webp 680w,\n/static/87f301821f66cf9359e30a9ce1ce9dc5/54376/zennvexWebsiteOnIpad.webp 1360w,\n/static/87f301821f66cf9359e30a9ce1ce9dc5/e0aab/zennvexWebsiteOnIpad.webp 1920w\"\n              sizes=\"(max-width: 1360px) 100vw, 1360px\"\n              type=\"image/webp\"\n            />\n          <source\n            srcset=\"/static/87f301821f66cf9359e30a9ce1ce9dc5/2e524/zennvexWebsiteOnIpad.jpg 340w,\n/static/87f301821f66cf9359e30a9ce1ce9dc5/d330d/zennvexWebsiteOnIpad.jpg 680w,\n/static/87f301821f66cf9359e30a9ce1ce9dc5/6c26c/zennvexWebsiteOnIpad.jpg 1360w,\n/static/87f301821f66cf9359e30a9ce1ce9dc5/1ca3f/zennvexWebsiteOnIpad.jpg 1920w\"\n            sizes=\"(max-width: 1360px) 100vw, 1360px\"\n            type=\"image/jpeg\"\n          />\n          <img\n            class=\"gatsby-resp-image-image\"\n            src=\"/static/87f301821f66cf9359e30a9ce1ce9dc5/6c26c/zennvexWebsiteOnIpad.jpg\"\n            alt=\"Zennvex: Energy Solar Company website\"\n            title=\"\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n          />\n        </picture>\n    </span>\n    <figcaption class=\"gatsby-resp-image-figcaption\">Zennvex: Energy Solar Company website</figcaption>\n  </figure></p>\n</div>\n<h4>Web Design &#x26; Development Process</h4>\n<p>We adapted the basic information collected from the client and create the structure of the site</p>\n<div class=\"kg-card kg-image-card kg-width-wide\">\n<p><figure class=\"gatsby-resp-image-figure\" style=\"margin: 1vw 0;\">\n    <span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1250px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 72.05882352941177%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAACXBIWXMAAAsTAAALEwEAmpwYAAABtUlEQVR42qVUXVPbMBDM//9PZaZPLQ+8wWQozYSAE2L8Lekky6az3ZNtyDBNW9qH88jy3d7eauWV9R4+hL8IDwm/z1WsleOj7/s/RoyRMXAdz+a4jwB6sXBdheDlbI6Q5QlgOJPI/Tiize+wX18Q9JlMx1/mO/8KGBE02CHwQ+BoQaiLcykCo3dk5pnDoiDUUoThWTPVaoMEKIHIzqAsdhCCCxPr5y2qp1tYa9KeZaKpn1Af1mzQwZoaVblH1+Yosxt0poILs4Y6txZ57xBZGLk+7q5x2FxBTEtmDtq0yrd4uP0C2xZJq57Rlg/I7i5hmpynvAAqGMe0LG6KA5MFw/hj0klHJ2CShes4vCR5EmCcJDJNQTKS9k4ABxTH77i/uUBTH2DaiuBZKoozQHhnD21gmz3q3SXENhDmvY2cCkLymoqbba/w+O0rTFeiyXdoaZc+vvlPZmeo2Z0xZNqfMFw0XE54tsowvvCgHrG5/oxjfo9+GJNuE0NJ73W+Qbb+xImOcKcMl2vjXmOyQGpEZnrK7w2seZbu6Mje0vRLfdIw6tX6p5iu4/KuWCuj3pt1/N/Qn8NPnqI4wviJfB8AAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <picture>\n          <source\n              srcset=\"/static/e94449942387bf76882aa688afd643b5/c8de4/zennvex-sitemap.avif 340w,\n/static/e94449942387bf76882aa688afd643b5/e1694/zennvex-sitemap.avif 680w,\n/static/e94449942387bf76882aa688afd643b5/56058/zennvex-sitemap.avif 1250w\"\n              sizes=\"(max-width: 1250px) 100vw, 1250px\"\n              type=\"image/avif\"\n            /><source\n              srcset=\"/static/e94449942387bf76882aa688afd643b5/51a8e/zennvex-sitemap.webp 340w,\n/static/e94449942387bf76882aa688afd643b5/713b7/zennvex-sitemap.webp 680w,\n/static/e94449942387bf76882aa688afd643b5/6983d/zennvex-sitemap.webp 1250w\"\n              sizes=\"(max-width: 1250px) 100vw, 1250px\"\n              type=\"image/webp\"\n            />\n          <source\n            srcset=\"/static/e94449942387bf76882aa688afd643b5/ad208/zennvex-sitemap.png 340w,\n/static/e94449942387bf76882aa688afd643b5/a5a26/zennvex-sitemap.png 680w,\n/static/e94449942387bf76882aa688afd643b5/34524/zennvex-sitemap.png 1250w\"\n            sizes=\"(max-width: 1250px) 100vw, 1250px\"\n            type=\"image/png\"\n          />\n          <img\n            class=\"gatsby-resp-image-image\"\n            src=\"/static/e94449942387bf76882aa688afd643b5/34524/zennvex-sitemap.png\"\n            alt=\"Website site map.\"\n            title=\"\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n          />\n        </picture>\n    </span>\n    <figcaption class=\"gatsby-resp-image-figcaption\">Website site map.</figcaption>\n  </figure></p>\n</div>\n<p>Due the fact that the client needs a solid but quick solution we present a basic set of Mockups for the client that was based on a classic layout, ideal for a small companies.</p>\n<div class=\"kg-card kg-image-card kg-width-full\">\n<p><figure class=\"gatsby-resp-image-figure\" style=\"margin: 1vw 0;\">\n    <span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1360px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 64.99999999999999%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAECBf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAdqFIyQ//8QAFhAAAwAAAAAAAAAAAAAAAAAAACBB/9oACAEBAAEFAiJ//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAFBABAAAAAAAAAAAAAAAAAAAAIP/aAAgBAQAGPwJf/8QAFxAAAwEAAAAAAAAAAAAAAAAAAAEREP/aAAgBAQABPyGjcFx5/9oADAMBAAIAAwAAABCgz//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8QP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8QP//EABsQAQADAQADAAAAAAAAAAAAAAEAETEhQVFx/9oACAEBAAE/EAq9HSe0zzPu48SgNcl6Rbg2dn//2Q=='); background-size: cover; display: block;\"\n  ></span>\n  <picture>\n          <source\n              srcset=\"/static/55067168bd7bc0cb43df4d065c4a18d5/c8de4/zennvexWireframes.avif 340w,\n/static/55067168bd7bc0cb43df4d065c4a18d5/e1694/zennvexWireframes.avif 680w,\n/static/55067168bd7bc0cb43df4d065c4a18d5/b8f7e/zennvexWireframes.avif 1360w,\n/static/55067168bd7bc0cb43df4d065c4a18d5/9927f/zennvexWireframes.avif 1920w\"\n              sizes=\"(max-width: 1360px) 100vw, 1360px\"\n              type=\"image/avif\"\n            /><source\n              srcset=\"/static/55067168bd7bc0cb43df4d065c4a18d5/51a8e/zennvexWireframes.webp 340w,\n/static/55067168bd7bc0cb43df4d065c4a18d5/713b7/zennvexWireframes.webp 680w,\n/static/55067168bd7bc0cb43df4d065c4a18d5/54376/zennvexWireframes.webp 1360w,\n/static/55067168bd7bc0cb43df4d065c4a18d5/e0aab/zennvexWireframes.webp 1920w\"\n              sizes=\"(max-width: 1360px) 100vw, 1360px\"\n              type=\"image/webp\"\n            />\n          <source\n            srcset=\"/static/55067168bd7bc0cb43df4d065c4a18d5/2e524/zennvexWireframes.jpg 340w,\n/static/55067168bd7bc0cb43df4d065c4a18d5/d330d/zennvexWireframes.jpg 680w,\n/static/55067168bd7bc0cb43df4d065c4a18d5/6c26c/zennvexWireframes.jpg 1360w,\n/static/55067168bd7bc0cb43df4d065c4a18d5/1ca3f/zennvexWireframes.jpg 1920w\"\n            sizes=\"(max-width: 1360px) 100vw, 1360px\"\n            type=\"image/jpeg\"\n          />\n          <img\n            class=\"gatsby-resp-image-image\"\n            src=\"/static/55067168bd7bc0cb43df4d065c4a18d5/6c26c/zennvexWireframes.jpg\"\n            alt=\"Wireframes prototypes\"\n            title=\"\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n          />\n        </picture>\n    </span>\n    <figcaption class=\"gatsby-resp-image-figcaption\">Wireframes prototypes</figcaption>\n  </figure></p>\n</div>\n<h4>High fidelity Mockups</h4>\n<p>Once the prototypes and the propose user-flow was approved, we start to make the final prototypes.</p>\n<div class=\"kg-card kg-image-card kg-width-wide\">\n<p><figure class=\"gatsby-resp-image-figure\" style=\"margin: 1vw 0;\">\n    <span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1360px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 104.11764705882354%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAVABQDASIAAhEBAxEB/8QAGAABAAMBAAAAAAAAAAAAAAAAAAEDBAX/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAAHNTFhpSMN4dgH/xAAeEAACAQMFAAAAAAAAAAAAAAABAhEDBBITIjIzQ//aAAgBAQABBQIPuSIocR3QMaEYetqms6WoQf/EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQMBAT8BH//EABQRAQAAAAAAAAAAAAAAAAAAACD/2gAIAQIBAT8BH//EAB8QAAICAgEFAAAAAAAAAAAAAAABAkERIRJRYXGBkf/aAAgBAQAGPwKSy7Jctofk+kq7WPd9B+yUW8aMcmf/xAAeEAACAgICAwAAAAAAAAAAAAABIQARMXFBUdHh8P/aAAgBAQABPyE90l8juFkE3W5RUZkvacjVdgcFQz4IA36jAmTLY3D8D2bc/9oADAMBAAIAAwAAABDDCDz/xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAEDAQE/EB//xAAVEQEBAAAAAAAAAAAAAAAAAAARIP/aAAgBAgEBPxAj/8QAHBABAAICAwEAAAAAAAAAAAAAAQARITFBUWGB/9oACAEBAAE/ELaaulTUYJAUMFw0xKhRbHwjq+9r0+QHcnKI1W9TmLcteHsLELIAR6NtwO4cVyAdB15P/9k='); background-size: cover; display: block;\"\n  ></span>\n  <picture>\n          <source\n              srcset=\"/static/5acd6cb19e7f5e27845d3e27f8bd936f/c8de4/zennvexDesktopView.avif 340w,\n/static/5acd6cb19e7f5e27845d3e27f8bd936f/e1694/zennvexDesktopView.avif 680w,\n/static/5acd6cb19e7f5e27845d3e27f8bd936f/b8f7e/zennvexDesktopView.avif 1360w,\n/static/5acd6cb19e7f5e27845d3e27f8bd936f/9927f/zennvexDesktopView.avif 1920w\"\n              sizes=\"(max-width: 1360px) 100vw, 1360px\"\n              type=\"image/avif\"\n            /><source\n              srcset=\"/static/5acd6cb19e7f5e27845d3e27f8bd936f/51a8e/zennvexDesktopView.webp 340w,\n/static/5acd6cb19e7f5e27845d3e27f8bd936f/713b7/zennvexDesktopView.webp 680w,\n/static/5acd6cb19e7f5e27845d3e27f8bd936f/54376/zennvexDesktopView.webp 1360w,\n/static/5acd6cb19e7f5e27845d3e27f8bd936f/e0aab/zennvexDesktopView.webp 1920w\"\n              sizes=\"(max-width: 1360px) 100vw, 1360px\"\n              type=\"image/webp\"\n            />\n          <source\n            srcset=\"/static/5acd6cb19e7f5e27845d3e27f8bd936f/2e524/zennvexDesktopView.jpg 340w,\n/static/5acd6cb19e7f5e27845d3e27f8bd936f/d330d/zennvexDesktopView.jpg 680w,\n/static/5acd6cb19e7f5e27845d3e27f8bd936f/6c26c/zennvexDesktopView.jpg 1360w,\n/static/5acd6cb19e7f5e27845d3e27f8bd936f/1ca3f/zennvexDesktopView.jpg 1920w\"\n            sizes=\"(max-width: 1360px) 100vw, 1360px\"\n            type=\"image/jpeg\"\n          />\n          <img\n            class=\"gatsby-resp-image-image\"\n            src=\"/static/5acd6cb19e7f5e27845d3e27f8bd936f/6c26c/zennvexDesktopView.jpg\"\n            alt=\"Desktop hi-fi prototypes\"\n            title=\"\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n          />\n        </picture>\n    </span>\n    <figcaption class=\"gatsby-resp-image-figcaption\">Desktop hi-fi prototypes</figcaption>\n  </figure></p>\n</div>\n<div class=\"kg-card kg-image-card kg-width-wide\">\n<p><figure class=\"gatsby-resp-image-figure\" style=\"margin: 1vw 0;\">\n    <span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1360px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 104.11764705882354%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAVABQDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAQDAgX/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAAGP0MKC50GAWg//xAAaEAEBAQEBAQEAAAAAAAAAAAACAwQBEgAT/9oACAEBAAEFAnR+q0Yz5UnG+Xo+l4efP09laf6iObgIPAf/xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAEDAQE/AR//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAECAQE/AR//xAAdEAACAwADAQEAAAAAAAAAAAABAgAREgMxUSEi/9oACAEBAAY/Am/R7M4SrEEiWxsxn2KvyHY0OPqAouR5M3UZSdBplfgn/8QAGxABAAMBAQEBAAAAAAAAAAAAAQARITFBUWH/2gAIAQEAAT8hpWB7fs3ogfsMusdYE6aV1rGt5w55LGDcXqVo3HoGDgo4T//aAAwDAQACAAMAAAAQoMcA/8QAFBEBAAAAAAAAAAAAAAAAAAAAIP/aAAgBAwEBPxAf/8QAFBEBAAAAAAAAAAAAAAAAAAAAIP/aAAgBAgEBPxAf/8QAHBABAQADAQADAAAAAAAAAAAAAREAITFBUXGB/9oACAEBAAE/ELvoxGPWreZrLDmuh24yokhuDrKNyZ4fJ+5EVZsA8a+vcN41AbGo4YSxULxucOBSCSYBOuDytz//2Q=='); background-size: cover; display: block;\"\n  ></span>\n  <picture>\n          <source\n              srcset=\"/static/81102e2389da7e490a29a7ec652708ef/c8de4/zennvexMobileView.avif 340w,\n/static/81102e2389da7e490a29a7ec652708ef/e1694/zennvexMobileView.avif 680w,\n/static/81102e2389da7e490a29a7ec652708ef/b8f7e/zennvexMobileView.avif 1360w,\n/static/81102e2389da7e490a29a7ec652708ef/9927f/zennvexMobileView.avif 1920w\"\n              sizes=\"(max-width: 1360px) 100vw, 1360px\"\n              type=\"image/avif\"\n            /><source\n              srcset=\"/static/81102e2389da7e490a29a7ec652708ef/51a8e/zennvexMobileView.webp 340w,\n/static/81102e2389da7e490a29a7ec652708ef/713b7/zennvexMobileView.webp 680w,\n/static/81102e2389da7e490a29a7ec652708ef/54376/zennvexMobileView.webp 1360w,\n/static/81102e2389da7e490a29a7ec652708ef/e0aab/zennvexMobileView.webp 1920w\"\n              sizes=\"(max-width: 1360px) 100vw, 1360px\"\n              type=\"image/webp\"\n            />\n          <source\n            srcset=\"/static/81102e2389da7e490a29a7ec652708ef/2e524/zennvexMobileView.jpg 340w,\n/static/81102e2389da7e490a29a7ec652708ef/d330d/zennvexMobileView.jpg 680w,\n/static/81102e2389da7e490a29a7ec652708ef/6c26c/zennvexMobileView.jpg 1360w,\n/static/81102e2389da7e490a29a7ec652708ef/1ca3f/zennvexMobileView.jpg 1920w\"\n            sizes=\"(max-width: 1360px) 100vw, 1360px\"\n            type=\"image/jpeg\"\n          />\n          <img\n            class=\"gatsby-resp-image-image\"\n            src=\"/static/81102e2389da7e490a29a7ec652708ef/6c26c/zennvexMobileView.jpg\"\n            alt=\"Mobile hi-fi prototypes \"\n            title=\"\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n          />\n        </picture>\n    </span>\n    <figcaption class=\"gatsby-resp-image-figcaption\">Mobile hi-fi prototypes </figcaption>\n  </figure></p>\n</div>\n<div class=\"kg-card kg-image-card kg-width-wide\">\n<p><figure class=\"gatsby-resp-image-figure\" style=\"margin: 1vw 0;\">\n    <span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1360px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 52.05882352941177%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAKABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAABAACBf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAUm6pxluP//EABoQAAMBAAMAAAAAAAAAAAAAAAECAwAEETL/2gAIAQEAAQUC5VHSgrTTPc6KpKquXz//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAaEAACAwEBAAAAAAAAAAAAAAAAAQIhMRFh/9oACAEBAAY/AkovlGkX4XFMlS0R/8QAGRABAAMBAQAAAAAAAAAAAAAAAQARIUEx/9oACAEBAAE/ITAjWkdrc6hGU9YNrFdJiZX5AABRU//aAAwDAQACAAMAAAAQQA//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/ED//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/ED//xAAZEAEBAQEBAQAAAAAAAAAAAAABEQAhUWH/2gAIAQEAAT8QQ3Sila4ZhWB8zO0SvuBpIE1C/d5LEmSHMbIAAEDf/9k='); background-size: cover; display: block;\"\n  ></span>\n  <picture>\n          <source\n              srcset=\"/static/e4f58a5810d2301f691dac798b801c3c/c8de4/zennvexWebsiteOnMonitor.avif 340w,\n/static/e4f58a5810d2301f691dac798b801c3c/e1694/zennvexWebsiteOnMonitor.avif 680w,\n/static/e4f58a5810d2301f691dac798b801c3c/b8f7e/zennvexWebsiteOnMonitor.avif 1360w,\n/static/e4f58a5810d2301f691dac798b801c3c/9927f/zennvexWebsiteOnMonitor.avif 1920w\"\n              sizes=\"(max-width: 1360px) 100vw, 1360px\"\n              type=\"image/avif\"\n            /><source\n              srcset=\"/static/e4f58a5810d2301f691dac798b801c3c/51a8e/zennvexWebsiteOnMonitor.webp 340w,\n/static/e4f58a5810d2301f691dac798b801c3c/713b7/zennvexWebsiteOnMonitor.webp 680w,\n/static/e4f58a5810d2301f691dac798b801c3c/54376/zennvexWebsiteOnMonitor.webp 1360w,\n/static/e4f58a5810d2301f691dac798b801c3c/e0aab/zennvexWebsiteOnMonitor.webp 1920w\"\n              sizes=\"(max-width: 1360px) 100vw, 1360px\"\n              type=\"image/webp\"\n            />\n          <source\n            srcset=\"/static/e4f58a5810d2301f691dac798b801c3c/2e524/zennvexWebsiteOnMonitor.jpg 340w,\n/static/e4f58a5810d2301f691dac798b801c3c/d330d/zennvexWebsiteOnMonitor.jpg 680w,\n/static/e4f58a5810d2301f691dac798b801c3c/6c26c/zennvexWebsiteOnMonitor.jpg 1360w,\n/static/e4f58a5810d2301f691dac798b801c3c/1ca3f/zennvexWebsiteOnMonitor.jpg 1920w\"\n            sizes=\"(max-width: 1360px) 100vw, 1360px\"\n            type=\"image/jpeg\"\n          />\n          <img\n            class=\"gatsby-resp-image-image\"\n            src=\"/static/e4f58a5810d2301f691dac798b801c3c/6c26c/zennvexWebsiteOnMonitor.jpg\"\n            alt=\"Website on a desktop monitor\"\n            title=\"\"\n            loading=\"lazy\"\n            decoding=\"async\"\n            style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n          />\n        </picture>\n    </span>\n    <figcaption class=\"gatsby-resp-image-figcaption\">Website on a desktop monitor</figcaption>\n  </figure></p>\n</div>\n<h4>Content Management Solution</h4>\n<p>We deliver the website together with a robust Content Management System (CMS) that allows the client to create a post new entries and make changes on its website. We integrate <strong>Sanity</strong> that allows the client to:</p>\n<ul>\n<li>Format content using an intuitive rich text editor</li>\n<li>Manage images and media files</li>\n<li>Preview changes before publishing</li>\n</ul>\n<h4>Technical Information</h4>\n<p>The website is built with <strong>Astro</strong> with a modern tech stack including:</p>\n<ul>\n<li><strong>Astro</strong> for dynamic, component-based UI</li>\n<li><strong>Tailwind CSS v4</strong> for efficient, utility-first styling</li>\n<li><strong>GSAP</strong> for smooth animations and interactions</li>\n<li><strong>Sanity</strong> integration for easy content management</li>\n</ul>\n<p>Visit the website here: <a href=\"http://www.zennvex.com\" target=\"_blank\" rel=\"noopener noreferrer\"><a href=\"http://www.zennvex.com\">www.zennvex.com</a></a></p>\n<style>\n  .cta-section {\n    margin-top: 7rem;\n    padding-top: 4rem;\n    border-top: 1px solid #e0e0e0;\n  }\n  .cta-headline {\n    margin: 0 0 3.2rem;\n    font-size: clamp(2.4rem, 5vw, 5rem);\n    font-weight: 800;\n    line-height: 1.1;\n    letter-spacing: -0.02em;\n    color: #131313;\n  }\n</style>\n<div class=\"cta-section\">\n  <div class=\"hero-rule-top\" style=\"animation: none; opacity: 1; margin-bottom: 2.4rem;\"></div>\n  <h2 class=\"cta-headline\">\n    <span class=\"hero-line\" style=\"animation: none; opacity: 1; transform: none;\">Your website deserves</span>\n    <span class=\"hero-line\" style=\"animation: none; opacity: 1; transform: none;\">this level of craft.</span>\n    <span class=\"hero-line\" style=\"animation: none; opacity: 1; transform: none; color: #df5916;\">Let's build it together.</span>\n  </h2>\n  <div class=\"hero-rule-bottom\"></div>\n  <div style=\"text-align: center; padding-top:2rem;\">\n    <a href=\"mailto:info@bercostudio.com\" class=\"button primary\">Contact Us</a>\n  </div>\n</div>","frontmatter":{"title":"Zennvex","date":"June 08, 2026","description":"Website & CMS for a Solar Energy Company","thumbnail":null,"gallery":null}}},"pageContext":{"slug":"/web-development/zennvex/","previous":{"fields":{"slug":"/web-development/inovac-construcciones/"},"frontmatter":{"title":"Inovac Construcciones"}},"next":null}},"staticQueryHashes":["764694655"],"slicesMap":{}}