Tvorba webové stránky pro i4comfort

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

Š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.

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.

Rychlost a spolehlivost webové stránky pro A-technology

Rychlost a spolehlivost webové stránky pro A-technology

Jedním z našich spokojených zákazníků je i A-technology. Realizovali jsme pro ně kompletně nový návrh webové stránky – od grafického návrhu, přes šablonu a plugin na míru, až po plně funkční web. Přečtěte si, jak jsme postupovali při tvorbě webové stránky, jaké funkcionality jsme vytvořili a jak jsme dosáhli rychlost a spolehlivost jejich webové stránky.

A-technology 

Společnost A-technology již od roku 2006 realizuje řešení systémů vytápění a chlazení při výstavbě a provozu komerčních a obytných budov. Nabízejí také systémy technologického ohřevu a chlazení jako například solární systémy, klimatizace, či podlahové vytápění.

Pro A-technology jsme vytvořili nový návrh webové stránky a spolu s ním jsme do webu zakomponovali různé zajímavé funkcionality dle požadavků klienta.

Jak jsme postupovali při tvorbě webové stránky?

  1. Nejdůležitější je komunikace s klientem. V první řadě jsme si společně ujasnili představu a vydefinovali si, co klient požaduje.
  2. Náš grafik Jarda vytvořil wireframy kde definoval konkrétní prvky, které bude webová stránka obsahovat. Následně dodal grafický návrh klientovi, který jsme společně prodiskutovali.
  3. Následovala samotná tvorba šablony a pluginu na míru dle požadavků klienta, o kterou se postarali developeři ja (Daniel) a Zbyněk.
  4. Po vytvoření stránky byla stará webová stránka nahrazena novou – rychlejší a spolehlivější.
  5. Postupně jsme přidávali další funkcionality a dodávali nové změny klientovi.

Jaké funkcionality jsme dělali pro A-technology?

  • Komunikace s externím servisem pro objednávku servisu

Zajistili jsme okamžité řešení požadavků klientů díky napojení formuláře přímo na dodavatele. Dodavatel dostane vyplněný formulář, přímo do jeho interního systému HELIOS přes API, díky čemuž může automaticky poskytnout žádaný servis klientovi, bez zbytečných prostojů a zároveň si může pracovník servisu naplánovat efektivně pracovní den bez zbytečně najetých kilometrů.

  • Automatické vyplňování adresy

Součástí formuláře je i automatické vyplnění adresy na základě zvoleného místa na mapě ve formulářích, což ušetří čas.

  • Výpočet času čtení článku

Každá aktualita obsahuje informaci o tom, kolik času zabere čtení článku. Díky této funkcionalitě čtenář může očekávat, jak dlouho bude na stránce a v konečném důsledku to může přispět ke snížení míry opouštění stránky čtenářem.

  • Prezentační stránky

Jde o tradičnější, ale velmi důležité funkcionality jako reference, používané technologie, informační stránky či blog.

  • Kalkulačka

Vypočítá předběžnou cenu objednávky v € a CZK na základě technologií, které by dle zákazníka služba měla obsahovat. Tato funkcionalita se pro klienta momentálně připravuje.

Rychlá a spolehlivá webová stránka

Rychlost

  • Používáme pouze nutné minimum javascriptu.
  • Stylování (css) je v šabloně rozděleno tak, aby načetlo jen to, co je potřebné pro danou stránku.
  • Lazy load médií – načítání obrázků atd. neblokuje prohlížeč a postupně se donačítavají, aby byla webová stránka co nejdříve interaktivní.
  • Tvoříme kód s důrazem na výkon stránky.
  • Využíváme co nejméně pluginů třetích stran, které běží při načítání stránky.
  • Používáme caching, který výrazně urychluje načítání stránek.
Rychlost webu A-technology 94 % na počítači

Spolehlivost

  • Při tvorbě webových stránek používáme pouze ověřené a otestované pluginy. O většinu funkcionalit se starají developeři, čímž se limituje závislost na třetích stranách. Případné problémy proto můžeme řešit přímo.
  • Všechny pluginy jsou pravidelně updatované kvůli opravám chyb a bezpečnostním dírám.
  • Před tím, než cokoli přidáme na produkční server, to otestujeme na stagingu.
  • Pravidelně monitorujeme stav serverů.

Možnost přidání funkcí na základě požadavku klienta

Na modifikovatelnost a rozšiřitelnost myslíme u všech nových funkcionalit. Vytvořili jsme custom plugin a šablonu na Sage, které mají přehlednou strukturu umožňující pokračovat dále ve vývoji. Jednoduše můžeme přidávat nové funkce, protože počítáme s tím, že klient může kdykoli požadovat jakoukoliv změnu.

Přístupnost stránky

Také pro A – Technology jsme vytvořili webovou stránku tak, aby splňovala všechna kritéria.Web jsme udělali co nejvíc přístupný, optimalizovaný pro mobily, který je rychlý, bezpečný a spolehlivý. Pokud máte i vy zájem o takovou webovou stránku, neváhejte se na nás obrátit.

Sdílej na:

Další články:

Nenechte si nic uniknout!

Přihlaste se k odebírání Newsletteru, ve kterém zasíláme nejzajímavější tipy pro úspěšné webové stránky.