{"id":9407,"date":"2021-11-15T21:41:28","date_gmt":"2021-11-15T19:41:28","guid":{"rendered":"https:\/\/zeni.cz\/blog\/creating-a-website-for-i4comfort\/"},"modified":"2024-07-10T12:53:45","modified_gmt":"2024-07-10T10:53:45","slug":"creating-a-website-for-i4comfort","status":"publish","type":"post","link":"https:\/\/zeni.cz\/en\/blog-o-wordpress-woocommerce\/case-study\/creating-a-website-for-i4comfort\/","title":{"rendered":"Creating a Website for i4comfort"},"content":{"rendered":"<div class=\"gb-container gb-container-3afeabc5\">\n\n<p class=\"wp-block-paragraph\" style=\"font-size:16px\"><strong><strong>The i4comfort application by A-technology brings complex yet simple solutions for a remote control of technology in your house. The idea of reducing heating costs, and thus also reducing the CO2 footprint thanks to an intelligent technology control, attracted us and we were pleased to be involved in creating of a website for this application.<\/strong><\/strong><\/p>\n\n<\/div>\n\n<div class=\"gb-container gb-container-7a9c9eff\">\n\n<h2 class=\"wp-block-heading\">Why And How It Was Created<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:16px\">We created the website for i4comfort in <strong>CMS WordPress<\/strong> of<strong> an already existing client<\/strong>, for whom we launched a completely new production website this year. The company A-TECHNOLOGY s.r.o. has its presentation website <a target=\"_blank\" href=\"https:\/\/a-technology.cz\/\" rel=\"noreferrer noopener nofollow\">a-technology.cz<\/a>, so it was not only important to design the i<strong>4comfort website<\/strong> in a similar way as the parent one, but also to create a new identity for the new website at the same time.<\/p>\n\n<\/div>\n\n<div class=\"gb-container gb-container-9828fb36\">\n\n<h3 class=\"wp-block-heading\"><strong><strong>A Comparison Between the Old And the New Website<\/strong><\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:16px\"><strong><strong>The old i4comfort website <\/strong>had several drawbacks:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>It did not meet the <strong>security criteria<\/strong>.<\/li>\n\n\n\n<li>There was no <strong>development environment<\/strong> in the form of<a href=\"https:\/\/zeni.cz\/en\/blog\/seven-reasons-to-use-staging-environment-for-your-project-on-wordpress\/\"> staging<\/a>.<\/li>\n\n\n\n<li>Its l<strong>ogo and appearance<\/strong> were outdated.<\/li>\n\n\n\n<li>It <strong>was not responsive<\/strong>.<\/li>\n<\/ul>\n\n\n<div class=\"gb-container gb-container-0e5fa39c\">\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"502\" src=\"https:\/\/zeni.cz\/app\/uploads\/2021\/11\/Stara-webova-stranka-2-1024x502.png\" alt=\"Old website\" class=\"wp-image-6420\" srcset=\"https:\/\/zeni.cz\/app\/uploads\/2021\/11\/Stara-webova-stranka-2-1024x502.png 1024w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/Stara-webova-stranka-2-300x147.png 300w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/Stara-webova-stranka-2-768x377.png 768w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/Stara-webova-stranka-2-1536x754.png 1536w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/Stara-webova-stranka-2-1200x589.png 1200w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/Stara-webova-stranka-2-1400x687.png 1400w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/Stara-webova-stranka-2-1320x648.png 1320w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/Stara-webova-stranka-2.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<\/div>\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:16px\"><strong><strong>The new website:<\/strong><\/strong><\/p>\n\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>It is fully <strong>responsive.<\/strong><\/li>\n\n\n\n<li>In multiple places, it has a <strong>CTA button<\/strong> calling for action, making it more likely to gain a customer.<\/li>\n\n\n\n<li>We created a <strong>new logo<\/strong> and a <strong>new<\/strong> website <strong>design<\/strong>.<\/li>\n<\/ul>\n\n\n<div class=\"gb-container gb-container-7a30580f\">\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"241\" height=\"1024\" src=\"https:\/\/zeni.cz\/app\/uploads\/2021\/11\/Proc-ovladat-dum-pomoci-i4comfort-2-241x1024.png\" alt=\"Home page of i4comfort\" class=\"wp-image-6417\" srcset=\"https:\/\/zeni.cz\/app\/uploads\/2021\/11\/Proc-ovladat-dum-pomoci-i4comfort-2-241x1024.png 241w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/Proc-ovladat-dum-pomoci-i4comfort-2-361x1536.png 361w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/Proc-ovladat-dum-pomoci-i4comfort-2-482x2048.png 482w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/Proc-ovladat-dum-pomoci-i4comfort-2-300x1276.png 300w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/Proc-ovladat-dum-pomoci-i4comfort-2.png 508w\" sizes=\"auto, (max-width: 241px) 100vw, 241px\" \/><\/figure>\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-55e9fe11\">\n\n<h2 class=\"wp-block-heading\">The Website Graphics<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The website graphics correspond to the graphics of the mentioned parent website.<\/li>\n\n\n\n<li>However, the new website has a unique and <strong>memorable design.<\/strong><\/li>\n\n\n\n<li>Its unique website identity makes it clear that it is a separate website.<\/li>\n\n\n\n<li>At the same time, it <strong>feels familiar<\/strong> to customers of a-technology.<\/li>\n\n\n\n<li><strong>Information<\/strong> is not only communicated through text, but is also <strong>displayed<\/strong> graphically in many places, making it more <strong>memorable<\/strong> and <strong>clear<\/strong>.<\/li>\n<\/ul>\n\n<\/div>\n\n<div class=\"gb-container gb-container-2b41128b\">\n\n<h2 class=\"wp-block-heading\">Technical Functions<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>A Modern Experience<\/strong><\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:16px\">The website contains many<strong> visual effects<\/strong> which do not slow it down thanks to their careful integration. The website is also <strong>responsive<\/strong> on any device.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Many animations and interactive parts use only <strong>styling options<\/strong> (css).<\/li>\n\n\n\n<li><strong>There is no need<\/strong> to load <strong>JavaScript<\/strong> because of some clickable interactive sections where it is used very often on other websites.<\/li>\n\n\n\n<li>Thus, the website is<strong> much faster<\/strong>, and yet provides the same <strong>quality experience<\/strong>, such as here:<\/li>\n<\/ul>\n\n\n<div class=\"gb-container gb-container-3348077d\">\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"583\" src=\"https:\/\/zeni.cz\/app\/uploads\/2021\/11\/topeni-2-1024x583.png\" alt=\"Visual effects of website\" class=\"wp-image-6414\" srcset=\"https:\/\/zeni.cz\/app\/uploads\/2021\/11\/topeni-2-1024x583.png 1024w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/topeni-2-300x171.png 300w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/topeni-2-768x437.png 768w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/topeni-2-1536x875.png 1536w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/topeni-2-1200x683.png 1200w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/topeni-2-1400x797.png 1400w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/topeni-2-1320x752.png 1320w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/topeni-2.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-c5f8467c\">\n\n<h3 class=\"wp-block-heading\"><strong><strong>The Website Responds to the User<\/strong><\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:16px\">The <strong>symbols<\/strong> of each <strong>technology<\/strong> <strong>change<\/strong> according to what the user is currently reading. The <strong>CTA button<\/strong>, icons, or <strong>navigation elements<\/strong> (top menu, dots on the right) also change according to the positions on the website. You can see everything on website <a target=\"_blank\" href=\"https:\/\/i4comfort.cz\/jak-funguje-i4comfort\/\" rel=\"noreferrer noopener nofollow\">\u201eJak funguje i4comfort\u201c<\/a>. <\/p>\n\n\n<div class=\"gb-container gb-container-376219b7\">\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"557\" src=\"https:\/\/zeni.cz\/app\/uploads\/2021\/11\/vetrani-2-1024x557.png\" alt=\"The Website Responds to the User\" class=\"wp-image-6411\" srcset=\"https:\/\/zeni.cz\/app\/uploads\/2021\/11\/vetrani-2-1024x557.png 1024w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/vetrani-2-300x163.png 300w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/vetrani-2-768x418.png 768w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/vetrani-2-1536x836.png 1536w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/vetrani-2-1200x653.png 1200w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/vetrani-2-1400x762.png 1400w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/vetrani-2-1320x719.png 1320w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/vetrani-2.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<\/div>\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:16px\">On page ,<a href=\"https:\/\/i4comfort.cz\/moznosti-vyuziti\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">,Mo\u017enosti vyu\u017eit\u00ed\u201d<\/a>, the <strong>images change interactively<\/strong> according to what the user reads. Thus, the reader can <strong>easily<\/strong> imagine what exactly they read about and also <strong>remember<\/strong> it better. This creates a <strong>unique<\/strong>, <strong>fast <\/strong>and <strong>interactive <\/strong>experience that will <strong>attract <\/strong>users.<\/p>\n\n<\/div>\n\n<div class=\"gb-container gb-container-2de59a93\">\n\n<h2 class=\"wp-block-heading\">Benefits of the New Website<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>Theme Built on Sage<\/strong><\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-25a3bbe4-47d1-44d7-8bef-7c681b3307e9\">\n<li>We have a great experience with theme built on Sage, for example <a href=\"https:\/\/zeni.cz\/en\/blog\/serial-killer-why-you-want-a-website-created-on-sage\/\">\u201cWhy You Want a website created on Sage?\u201d<\/a> or <a href=\"https:\/\/zeni.cz\/en\/blog\/website-speed-and-reliability-for-a-technology\/\">Website speed and reliability for A-technology<\/a>.<\/li>\n\n\n\n<li>Programmer <strong>friendly.<\/strong> The Sage theme allows<strong> efficient development<\/strong>, the front end and the back end can be developed independently.<\/li>\n\n\n\n<li>Using <strong>modern <\/strong>web development <strong>technologie<\/strong>s (SCSS, Lavarel Blade, etc.).<\/li>\n\n\n\n<li>The page <strong>only <\/strong>runs the <strong>JavaScript <\/strong>that is <strong>dedicated<\/strong> to that page.<\/li>\n<\/ul>\n\n<\/div>\n\n<div class=\"gb-container gb-container-6f4175e8\">\n\n<h3 class=\"wp-block-heading\"><strong><strong>Easy Configurability<\/strong><\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-c7755850-db86-486c-94f2-0c13473fd6c3\">\n<li>The theme programmed by us for <strong>WordPress <\/strong>allows easy <strong>configurability<\/strong>.<\/li>\n\n\n\n<li>The <strong>behaviour <\/strong>and <strong>style <\/strong>of <strong>the page header <\/strong>are <strong>separately <\/strong>configurable.<\/li>\n\n\n\n<li>All <strong>content <\/strong>is <strong>easily editable<\/strong> without the need of developer\u2019s intervention.<\/li>\n<\/ul>\n\n<\/div>\n\n<div class=\"gb-container gb-container-ae82c1e0\">\n\n<h3 class=\"wp-block-heading\"><strong><strong>Mobile\/Desktop Usability<\/strong><\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:16px\">The desktop environment is far from being just an enlarged mobile environment. &nbsp;A <strong>good experience<\/strong> for every user is important to us.<\/p>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-7f1309c6-de24-45a4-ae30-4fdafd064280\">\n<li><strong>All of the desktop space<\/strong> is used. Thus, <strong>as much information as possible<\/strong> is displayed on the screen and the website <strong>does not seem empty<\/strong> even on larger screens.<\/li>\n\n\n\n<li>The mobile environment is adjusted for being used with a finger and also on smaller screens.<\/li>\n\n\n\n<li>On a <strong>mobile<\/strong>, everything is easily <strong>clickable<\/strong>, <strong>simply <\/strong>and <strong>quickly <\/strong>accessible.<\/li>\n\n\n\n<li>Many sections look <strong>significantly different<\/strong> on a mobile and a desktop.<\/li>\n\n\n\n<li>For a <strong>better experience<\/strong>, many parts were <strong>simplified <\/strong>for a mobile. Some <strong>visual aspects <\/strong>used for a desktop were <strong>removed<\/strong>, because they <strong>had no added value<\/strong> for the <strong>mobile user.<\/strong><\/li>\n<\/ul>\n\n\n<div class=\"gb-container gb-container-cae6f8c4\">\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"670\" src=\"https:\/\/zeni.cz\/app\/uploads\/2021\/11\/aplikace-2-1024x670.png\" alt=\"Website is responsible\" class=\"wp-image-6408\" srcset=\"https:\/\/zeni.cz\/app\/uploads\/2021\/11\/aplikace-2-1024x670.png 1024w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/aplikace-2-300x196.png 300w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/aplikace-2-768x503.png 768w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/aplikace-2-1536x1005.png 1536w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/aplikace-2-1200x785.png 1200w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/aplikace-2-1400x916.png 1400w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/aplikace-2-1320x864.png 1320w, https:\/\/zeni.cz\/app\/uploads\/2021\/11\/aplikace-2.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<\/div>\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:16px\">For i4comfort, we have created a new fast and clear website with a plenty of improvements. If you need help with creating of your website and want to provide your customers with a <strong>quality experience<\/strong>, do not hesitate to<a href=\"https:\/\/zeni.cz\/en\/contact\/\"> contact<\/a> us, we will be happy to help you.<\/p>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>The i4comfort application by A-technology brings complex yet simple solutions for a remote control of technology in your house. The idea of reducing heating costs, and thus also reducing the CO2 footprint thanks to an intelligent technology control, attracted us and we were pleased to be involved in creating of a website for this application.<\/p>\n","protected":false},"author":29,"featured_media":9408,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"categories":[311],"tags":[],"class_list":["post-9407","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case-study","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-33"],"author_meta":{"display_name":"rjurinek","author_link":"https:\/\/zeni.cz\/en\/blog-o-wordpress-woocommerce\/author\/rjurinek\/"},"featured_img":"https:\/\/zeni.cz\/app\/uploads\/2023\/02\/4JHYMNaI-2-300x200.png","coauthors":[],"tax_additional":{"categories":{"linked":["<a href=\"https:\/\/zeni.cz\/en\/blog-o-wordpress-woocommerce\/.\/case-study\/\" class=\"advgb-post-tax-term\">Case Study<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Case Study<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Posted 5 years ago","modified":"Updated 2 years ago"},"absolute_dates":{"created":"Posted on 15.11.2021","modified":"Updated on 10.7.2024"},"absolute_dates_time":{"created":"Posted on 15.11.2021 21:41","modified":"Updated on 10.7.2024 12:53"},"featured_img_caption":"","series_order":"","_links":{"self":[{"href":"https:\/\/zeni.cz\/en\/wp-json\/wp\/v2\/posts\/9407","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zeni.cz\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zeni.cz\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zeni.cz\/en\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/zeni.cz\/en\/wp-json\/wp\/v2\/comments?post=9407"}],"version-history":[{"count":6,"href":"https:\/\/zeni.cz\/en\/wp-json\/wp\/v2\/posts\/9407\/revisions"}],"predecessor-version":[{"id":12432,"href":"https:\/\/zeni.cz\/en\/wp-json\/wp\/v2\/posts\/9407\/revisions\/12432"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zeni.cz\/en\/wp-json\/wp\/v2\/media\/9408"}],"wp:attachment":[{"href":"https:\/\/zeni.cz\/en\/wp-json\/wp\/v2\/media?parent=9407"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zeni.cz\/en\/wp-json\/wp\/v2\/categories?post=9407"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zeni.cz\/en\/wp-json\/wp\/v2\/tags?post=9407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}