Tvorba webové stránky pro i4comfort

Aplikace i4comfort od společnosti A-technology přináší komplexní a jednoduchá řešení ovládání technologií ve vašem domě na dálku. Myšlenka úspory v oblasti vytápění, a tím i zmenšení CO2 stopy pomocí inteligentního ovládání technologií, nás zaujala a bylo nám potěšením podílet se na tvorbě webové stránky pro tuto aplikaci. 

Proč a jak vznikla stránka

Stránky pro i4comfort jsme vytvářeli v CMS WordPress pro již stávajícího klienta, kterému jsme již letos spustili kompletně nový produkční web. Společnost A-TECHNOLOGY s.r.o. má své prezentační stránky a-technology.cz, proto bylo důležité nadesignovat webovou stránku i4comfort v podobném duchu jako tu mateřskou a zároveň vytvořit webové stránce vlastní identitu.

Porovnání staré a nové stránky

Stará webová stránka i4comfort měla několik nedostatků:

  • Nesplňovala kritéria zabezpečení.
  • Chybělo vývojové prostředí v podobě stagingu.
  • Logo a vzhled byly zastaralé.
  • Web nebyl responzivní.
Stará webová stránka

Nová stránka:

  • Webová stránka je plně responzivní.
  • Má na více místech CTA tlačítko, které vyzývá k akci, díky čemuž je větší pravděpodobnost získání si zákazníka.
  • Vytvořili jsme nové logo a nadesignovali nový vzhled stránky.
Hlavní stránka i4comfort

Grafika webové stránky

  • Tvorba webové stránky ve WordPress pro i4comfort graficky navazovala na zmiňovanou mateřskou stránku.
  • Stránka má unikátní a zapamatovatelný design.
  • Vytvořením osobité identity stránky je samozřejmé, že jde o samostatný web.
  • Zákazník a-technology zároveň získává familiární pocit.
  • Informace nejsou komunikovány pouze textově, ale jsou znázorněny na mnoha místech graficky, díky čemuž jsou více zapamatovatelné a přehledné.

Technické funkce

Moderní zážitek

Webová stránka disponuje mnoha vizuálními efekty, které jsou zakomponovány tak, že stránku nezpomalují. Web je také responzivní na jakémkoli zařízení.

  • Mnohé animace a interaktivní části využívají čistě možnosti stylování (css).
  • Není nutné donačítat JavaScript ani kvůli některým rozklikatelným interaktivním sekcím, u kterých se jinde běžně používá.
  • Stránka je tak rychlejší, zároveň poskytuje stejně kvalitní zážitek, jako např. zde:
Vizuální efekty webové stránky

Stránka na uživatele reaguje

Symboly jednotlivých technologií se mění podle toho, o čem uživatel momentálně čte. Podle pozic na stránce se mění i CTA tlačítko, ikony, či navigační prvky (horní menu, tečky vpravo). Vše si můžete prohlédnout na stránce „Jak funguje i4comfort“.

Webová stránka na uživatele reaguje

Na stránce ,,Možnosti využití” se také interaktivně mění obrázky podle toho, o čem uživatel čte. Čtenář si tak jednoduše představí jednotlivé prvky, o kterých čte a také si je lépe zapamatuje.Toto vše vytváří unikátní, rychlou a interaktivní zkušenost, která zaujme uživatele.

Výhody nové webové stránky

Naše společnost Zeni team s.r.o., jakožto součást WordPress komunity, se v tomto roce rozhodla podpořit myšlenku týmu konference WordCamp, který v roce 2019 začal s výsadbou stromů nového ovocného sadu v Otnicích. Díky nám tento rok vznikla jeho druhá polovina.

Šablona na sage

Lehká konfigurovatelnost

  • Námi naprogramované téma pro WordPress umožňuje snadnou konfigurovatelnost.
  • Pro každou stránku je zvláště nastavitelné chování a styl hlavičky stránky.
  • Veškerý obsah je jednoduše editovatelný bez nutného zásahu vývojáře.

Použitelnost z hlediska mobil/desktop

Desktopové prostředí není ani zdaleka jen zvětšeným mobilním prostředím. Myslíme na dobrou zkušenost pro každého uživatele.

  • Na desktopu je využíván veškerý prostor, díky čemuž je na obrazovce poskytnuto co nejvíce informací a ani na velké obrazovce web nepůsobí prázdný.
  • Uživatelská zkušenost na mobilu je zároveň přizpůsobena používání pomocí prstu a také menší obrazovce.
  • Na mobilu je vše jednoduše klikatelné, snadno a rychle dostupné.
  • Mnohé sekce vypadají v porovnání mobilu a desktopu výrazně odlišně.
  • Pro lepší zážitek byly pro mobil mnohé části zjednodušeny, některé vizuální aspekty používané pro desktop vynechány, jelikož neměly pro mobilního uživatele přidanou hodnotu.
Webová stránka je responzivní

Pro i4comfort jsme vytvořili nový web se spoustou vychytávek, který je zároveň rychlý a přehledný. Pokud potřebujete pomoci s tvorbou webové stránky a chcete poskytnout svým zákazníkům kvalitní zážitek, neváhejte se na nás obrátit, rádi vám pomůžeme.