Tvorba webovej stránky pre i4comfort

Tvorba webovej stránky pre i4comfort

Aplikácia i4comfort od spoločnosti A-technology prináša komplexné a jednoduché riešenia ovládania technológií vo vašom dome na diaľku. Myšlienka úspory v oblasti vykurovania, a tým aj zmenšenia CO2 stopy pomocou inteligentného ovládania technológií, nás zaujala a bolo nám potešením podieľať sa na tvorbe webovej stránky pre túto aplikáciu.

Prečo a ako vznikla stránka

Stránky pre i4comfort sme vytvárali v CMS WordPress pre existujúceho klienta, ktorému sme už tento rok spustili kompletne nový produkčný web. Spoločnosť A-TECHNOLOGY s.r.o. má svoje prezentačné stránky a-technology.cz, preto bolo dôležité nadesignovať webovú stránku i4comfort v podobnom duchu ako tú materskú a zároveň webovej stránke vytvoriť vlastnú identitu. 

Porovnanie starej a novej stránky

Stará webová stránka i4comfort mala viaceré nedostatky:

  • Nespĺňala kritériá zabezpečenia.
  • Chýbalo vývojové prostredie v podobe stagingu
  • Logo a vzhľad boli zastaralé.
  • Web nebol responzívny.
Stará webová stránka

Nová stránka:

  • Webová stránka je plne responzívna.
  • Má na viacerých miestach CTA tlačidlo, ktoré vyzýva k akcii, vďaka čomu je väčšia pravdepodobnosť získania si zákazníka. 
  • Vytvorili sme nové logo a nadizajnovali nový vzhľad stránky.
Hlavná stránka i4comfort

Grafika webovej stránky

  • Tvorba webovej stránky vo WordPress pre i4comfort graficky nadväzovala na spomínanú materskú stránku.
  • Stránka má unikátny a zapamätateľný design.
  • Vytvorením osobitej identity stránky je samozrejmé, že ide o samostatný web.
  • Zákazník a-technology zároveň získava familiárny pocit.
  • Informácie nie sú komunikované len textovo, ale sú znázornené na mnohých miestach graficky, vďaka čomu sú viac zapamätateľné a prehľadné.

Technické funkcie

Moderný zážitok

Webová stránka disponuje mnohými vizuálnymi efektami, ktoré sú zakomponované tak, že stránku nespomaľujú. Web je tiež responzívny na akomkoľvek zariadení. 

  • Mnohé animácie a interaktívne časti využívajú čisto moderné možnosti štýlovania (css).
  • Nie je nutné donačítavať JavaScript ani kvôli niektorým rozklikateľným interaktívnym sekciám ako to býva na mnohých iných stránkach.
  • Stránka je tak rýchlejšia, zároveň poskytuje rovnako kvalitný zážitok, ako napríklad tu:
Vizuálne efekty webovej stránky

Stránka na používateľa reaguje

Symboly jednotlivých technológií sa menia podľa toho o čom používateľ momentálne číta. Podľa pozícii na stránke sa mení aj CTA tlačidlo, ikony, či navigačné prvky (horné menu, bodky vpravo). Spomenuté si môžete prezrieť na stránke ,,Jak funguje i4comfort”.

Webová stránka reaguje na užívateľa

Na stránke ,,Možnosti využití” sa tiež interaktívne menia obrázky podľa toho o čom používateľ číta. Čitateľ si tak jednoduchšie predstaví jednotlivé prvky o ktorých číta a tiež si ich lepšie zapamätá. Toto všetko vytvára unikátnu, rýchlu a interaktívnu skúsenosť, ktorá zaujme používateľa.

Výhody novej webovej stránky

Téma na sage

Ľahká konfigurovateľnosť

  • Nami naprogramovaná téma pre WordPress umožňuje ľahkú konfigurovateľnosť.
  • Pre každú stránku je osobitne nastaviteľné správanie a štýl hlavičky stránky.
  • Všetek obsah je jednoducho editovateľný bez nutného zásahu vývojára.

Použiteľnosť z hľadiska mobil/desktop

Desktopové prostredie nie je ani zďaleka len zväčšeným mobilným prostredím. Myslíme na dobrú skúsenosť pre každého užívateľa.

  • Na desktope je využívaný všetok priestor, vďaka čomu je na obrazovke poskytnutých čo najviac informácií a ani na veľkej obrazovke web nepôsobí prázdny
  • Používateľská skúsenosť na mobile je zároveň prispôsobená používaniu pomocou prsta a menšej obrazovke. 
  • Na mobile je všetko jednoducho klikateľné, ľahko a rýchlo dostupné. 
  • Mnohé sekcie vyzerajú v porovnaní mobilu a desktopu výrazne odlišne
  • Pre lepší zážitok boli pre mobil mnohé časti zjednodušené, niektoré vizuálne aspekty používané pre desktop vynechané, nakoľko nemali pre mobilného používateľa pridanú hodnotu
Webová stránka je responzívna

Pre i4comfort sme vytvorili nový web s množstvom vychytávok, ktorý je zároveň rýchly a prehľadný. Pokiaľ potrebujete pomôcť s tvorbou webovej stránky a chcete poskytnúť svojim zákazníkom kvalitný zážitok, neváhajte sa na nás obrátiť, radi vám pomôžeme.

Zdieľajte na:

Ďalšie články:

Nenechajte si nič uniknúť!

Prihláste sa k odoberaniu Newsletteru, v ktorom zasielame najzaujímavejšie tipy pre úspešné webové stránky.

Rýchlosť a spoľahlivosť webovej stránky pre A-technology

Rýchlosť a spoľahlivosť webovej stránky pre A-technology

Jedným z našich spokojných zákazníkov je aj A-technology. Realizovali sme pre nich kompletne nový návrh webovej stránky – od grafického návrhu, cez tému a plugin na mieru, až po plne funkčný web. Prečítajte si, ako sme postupovali pri tvorbe webovej stránky, aké funkcionality sme vytvorili a ako sme dosiahli rýchlosť a spoľahlivosť ich webovej stránky. 

A-technology 

Spoločnosť A-technology už od roku 2006 realizuje riešenie systémov vykurovania a chladenia pri výstavbe a prevádzke komerčných a obytných budov. Ponúkajú taktiež systémy technologického ohrevu a chladenia ako napríklad solárne systémy, klimatizácie, či podlahové vykurovanie. 

Pre A-technology sme vytvorili nový návrh webovej stránky a spolu s ním sme do webu zakomponovali rôzne zaujímavé funkcionality podľa želania klienta.

Ako sme postupovali pri tvorbe webovej stránky?

  1. Najdôležitejšia je komunikácia s klientom. V prvom rade sme si spoločne ujasnili predstavu a vydefinovali si, čo klient požaduje.
  2. Náš grafik Jarda vytvoril wireframy v ktorých definoval konkrétne prvky, ktoré bude webová stránka obsahovať. Následne dodal grafický návrh klientovi, ktorý sme spoločne prediskutovali.
  3. Nasledovala samotná tvorba témy a pluginu na mieru podľa požiadaviek klienta, o ktorú sa postarali developeri ja (Daniel) a Zbyněk.
  4. Po vytvorení stránky bola stará webová stránka nahradená novou – rýchlejšou a spoľahlivejšou
  5. Postupne sme pridávali ďalšie funkcionality a predávali nové zmeny klientovi. 

Aké funkcionality sme robili pre A-technology?

  • Komunikácia s externým servisom pre objednávku servisu

Zabezpečili sme okamžité riešenie požiadaviek klientov vďaka napojeniu formulára priamo na dodávateľa. Dodávateľ dostane vyplnený formulár priamo do jeho interného systému HELIOS cez API, vďaka čomu môže automaticky poskytnúť žiadaný servis klientovi, bez zbytočných prestrojov a zároveň si môže pracovník servisu naplánovať efektívne pracovný deň bez zbytočne najazdených kilomentrov.

  • Automatické vypĺňanie adresy 

Súčasťou formulára je aj automatické vyplnenie adresy na základe zvoleného miesta na mape vo formulároch, čo ušetrí čas.

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

Každá aktualita obsahuje informáciu o tom, koľko času zaberie čítanie článku. Vďaka tejto funkcionalite čitateľ môže očakávať, ako dlho bude na stránke a v konečnom dôsledku to môže prispieť k zníženiu miery opúšťania stránky čitateľom.

  • Prezentačné stránky

Ide o tradičnejšie, no veľmi dôležité funkcionality ako referencie, používané technológie, informačné stránky, či blog.

  • Kalkulačka

Vypočíta predbežnú cenu objednávky v € a CZK, na základe zadaných technológií, ktoré si zákazník želá aby služba obsahovala. Táto funkcionalita sa pre klienta momentálne pripravuje.

Rýchla a spoľahlivá webová stránka

Rýchlosť

  • Používame len nutné minimum javascriptu.
  • Štýlovanie (css) je v téme rozdelené tak, aby sa načítalo len to, čo je potrebné pre danú stránku.
  • Lazy load médií– načítavanie obrázkov atď. neblokuje prehliadač a postupne sa donačítavajú, aby bola webová stránka čo najskôr interaktívna.
  • Tvoríme kód s dôrazom na výkon stránky.
  • Využívame čo najmenej pluginov tretích strán, ktoré bežia pri načítavaní stránky.
  • Používame caching, ktorý výrazne urýchľuje načítavanie stránok.
Rýchla webová stránka

Spoľahlivosť

  • Pri tvorbe webových stránok používame len overené a otestované pluginy. O väčšinu funkcionalít sa starajú developeri, čím sa limituje závislosť na tretích stranách. Prípadné problémy preto môžeme riešiť priamo.
  • Všetky pluginy sú pravidelne updatované kvôli opravám chýb a bezpečnostným dieram.
  • Pred tým, ako čokoľvek pridáme na produkčný server, to otestujeme na stagingu.
  • Pravidelne monitorujeme stav serverov.

Možnosť pridania funkcií na základe požiadavky klienta

Na modifikovateľnosť a rozšíriteľnosť myslíme pri všetkých nových funkcionalitách. Vytvorili sme custom plugin a tému na Sage, ktoré majú prehľadnú štruktúru umožňujúcu pokračovať ďalej vo vývoji. Jednoducho môžeme pridávať nové funckie, pretože počítame s tým, že klient môže kedykoľvek požadovať akúkoľvek zmenu. 

Prístupnosť stránky

Aj pre A- Technology sme vytvorili webovú stránku tak, aby spĺňala všetky kritériá. Web sme spravili čo najviac prístupný, optimalizovaný pre mobily, ktorý je rýchly, bezpečný a spoľahlivý. Ak máte aj vy záujem o takúto webovú stránku, neváhajte sa na nás obrátiť.

Zdieľajte na:

Ďalšie články:

Nenechajte si nič uniknúť!

Prihláste sa k odoberaniu Newsletteru, v ktorom zasielame najzaujímavejšie tipy pre úspešné webové stránky.