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.

Formulář na webu – dobrý pomocník

Formulář na webu – dobrý pomocník

Dnes se budeme zabývat otázkou “Proč mít na webu formulář?”. Pokud děláte webové stránky pro jakéhokoli klienta, vždy je dobré mít na stránkách formulář. Existují totiž klienti, kteří neradi volají, ale raději službu poptají právě přes formulář. Pokud jim tuto službu nenabídnete, ztrácíte je. 

Jaké formuláře můžeme mít

1. Jednoduchý poptávkový formulář

Jedná se o formulář, ve kterém zpravidla bývá jen:

  • Jméno a Přijmení
  • Adresa
  • Telefon
  • E-mail
  • Informace pro nás

Tento formulář zpravidla nalezneme na stránkách živnostníků nebo firem, které nabízejí většinou jen jednu službu.

Jednoduchý poptávkový formulář

2. Složitější poptávkový formulář

Tento druh formuláře většinou použijeme u klienta, který se zabývá více než jedním druhem služeb, nebo prodává více druhů výrobků, ale ještě nemá zájem své služby a výrobky prodávat přes e-shop. Tento druh formuláře může obsahovat například tyto informace:

  • Jméno a Přijmení
  • Adresa
  • Telefon
  • E-mail
  • Služba/výrobek – výběr z 2 až X  
  • Informace pro nás

Formulář většinou využívají ti, kteří už na vstupu chtějí od klienta více informací, aby jej nezahlcovali „zbytečným“ telefonátem.

Složitější poptávkový formulář

3. Vícestupňový poptávkový formulář

U tohoto formuláře je potřeba si s klientem sednout a podrobně si vyspecifikovat strukturu.  Čím lépe bude specifikace sepsána, o to kvalitnější budeme dostávat poptávky, které budu přiřazeny přímo danému pracovníkovi.

Tento druh formulářů se používá u společností, které se zabývají výrobou více než dvou různých výrobků, mají více segmentů výroby a tyto výrobky/segmenty mohou mít více druhů. Tyto výrobky mají své zákazníky v B2B i B2C sféře. 

Do formuláře je tedy potřeba vměstnat co nejvíce dotazů na návštěvníka webu, ale zároveň je nutné je nastavit tak, aby ho srozumitelně vedly k cíli. Formulář může obsahovat spoustu informací, které mohou mít různé podmínky. Když vyberete jistý druh segmentu, objeví se vám už jen výběr výrobků určených pro tento segment. Od návštěvníka tak dostanete přesnou specifikaci toho, co poptává a jeho poptávku tak můžete poslat přímo na daného pracovníka, který se mu může ihned věnovat. Zkrátíte tak procesně reakční dobu, což návštěvník jistě ocení.

Vícestupňový poptávkový formulář
Vícestupňový poptávkový formulář

4. Formulář napojený na systém

Některé formuláře klienti chtějí napojit přímo na jejich interní systém. Nejen, že to zjednodušší práci, ale především ji zefektivní a vyhneme se tak chybovosti lidského faktoru. Veškeré informace, které nám návštěvník webu předá, putují rovnou do interního systému a přímo na danou osobu. Na příklad se můžete podívat zde: 

Formulář napojený na systém

Objednávka servisu se přepíše do systému Orion a informace putuje k servisnímu technikovi přímo do mobilní aplikace. Servisní technik má relevantní informace o tom, co má opravit a dle bodu na mapě může naplánovat trasu a vyřídit tak více servisních požadavků za den

Co nám formuláře přináší

Cenný kontakt

Když už nic jiného, tak nám formulář přinese cenný kontakt, se kterým můžeme následně pracovat. V případě, že nám potencionální klient zachová kontakt v podobě e-mailu a v lepším případě telefonu, může ho obchodní oddělení kontaktovat a pracovat s ním.

Podrobnější informace

Čím podrobnější je formulář, tím více a přesnějších informací z něj dostaneme. Vždy však dbáme na to, aby se z formuláře nestala vesnická drbna s milionem zbytečných otázek. 

Segmentaci poptávek

Větší společnosti mají na každý druh výrobku speciálního obchodníka. V případě, že asistentka, nebo ještě lépe formulář ví, na koho má poptávku poslat, pošle jí tam. Zkrátí se tak reakční doba a specialista může velmi rychle zareagovat.

Jaké formuláře nejlépe vytvořit

Jednoduché

Každý formulář by měl obsahovat jen nejdůležitější body, na které potřebujeme od klienta odpověď.

Srozumitelné

Ve formulářích upřednostňujeme raději běžné názvy před profesními. Ne každý, kdo navštíví náš web musí být z naší branže, a proto by nemusel rozumět některým profesním, profesionálním názvům. 

Jaké nástroje, pluginy použít k tvorbě formulářů

Free

Je jich pro WordPress nepřeberné množství. Zmíním jen pár:

Contact form 7

Gravity Forms + Custom Post Types

Caldera Forms

Placené

U některých free pluginů si můžete zakoupit jejich rozšířené verze. Já doporučuji pro práci tyto:

Caldera Forms

Gravity Forms

Shrnutí

  1. Před tvorbou formuláře se hodně ptejte klienta.
  2. Domluvte se, které informace jsou od návštěvníka opravdu nezbytné získat.
  3. Méně je někdy více. Do formuláře dávejte opravdu jen nezbytně nutné.
  4. Vyberte dobrý a osvědčený plugin. Některé buildery již mají kontaktní formulář zabudovaný v sobě.
  5. Čím více návštěvníku přes kontaktní formulář získáte, tím máte větší šanci prodeje vašeho výrobku. 

Pokud vás jakýkoli formulář zaujal a chcete pomoct s jeho tvorbou, kontaktujte nás

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.

5 věcí, na které nesmíme zapomenout při tvorbě webových stránek

5 věcí, na které nesmíme zapomenout při tvorbě webových stránek

Při tvorbě webových stránek jde o komplexní proces, který tvoří několik činností. Od průzkumu trhu, přes grafický design, programování webu, tvorbu textů až po samotné spuštění webové stránky. Přečtěte si následujících 5 věcí, které jsou při tvorbě webové stránky pro nás velmi důležité, a proto na ně vždy přihlížíme.

Analýza klíčových slov a stanovení cílů

Lidé hledají přes vyhledávače různé výrazy, které jim pomáhají najít to, co hledají. Pomocí analýzy klíčových slov najdeme fráze, které jsou opakovaně vyhledávané a souvisí s vaším zaměřením, díky čemuž zjistíme, přes která klíčová slova se návštěvníci dostanou na vaši webovou stránku.

Před samotnou tvorbou webu je nejdůležitější ujasnit si principy a hodnoty společnosti, které pomáhají k analýze klíčových slov. Je nutné zaměřit se na to, jaké má firma vize do budoucnosti a také jaký je její příběh. Následně je třeba určit cíle, na základě kterých budeme tvořit váš web pro kvalitní sortu klientů.

Analýza klíčových slov je důležitou prioritou pro úspěch webu od které se následně odvíjí optimalizace pro vyhledávače.

Optimalizace pro vyhledávače (SEO)

Díky SEO optimalizaci dostaneme vaši webovou stránku snadněji mezi vrchní výsledky vyhledávání. Při současné míře konkurence ve vyhledávání je co nejlepší optimalizace pro vyhledávače nutností.

Pro SEO optimalizaci „vylaďujeme” nejen texty na stránkách. Jde o komplexnější proces. Co je pro optimalizaci důležité a na co se zaměřujeme?

  • Rychlost načítání; 
  • bezpečnost stránek; 
  • popisky fotek a produktů; 
  • obrázky; 
  • optimalizace textů
  • správné nadpisy, titulky; 
  • technické nastavení SEO; 
  • a mnoho dalšího…

—> O tvorbě optimalizovaného obsahu se dozvíte více v článku Správná tvorba optimalizovaného obsahu webové stránky

—> Jak psát články pro SEO, a děláme to tak i my, si můžete přečíst zde: SEO – Jak psát články, aby byly čitelné, a optimalizované pro vyhledávače

Copywriting

Správná tvorba textů na webové stránce je základem zmiňované optimalizace pro vyhledávače a také samotné tvorby webové stránky. Proto je důležité psát texty nejen zajímavé, ale i gramaticky správné spolu s využitím vhodných klíčových slov. Součástí copywritingu je příprava textů v souladu s analýzou vaší cílovky a jejich optimalizace pro vyhledávače pomocí klíčových slov, správné hierarchie nadpisů atd.

Více o tom, co všechno by měl obsahovat každý článek si přečtěte v článku Náležitosti, které by měl obsahovat každý článek.

Přístupnost webové stránky

Nezapomínejte, že na vaší webové stránce se čtenář musí co nejjednodušeji orientovat. Navíc si dnes již přes 67 % uživatelů prohlíží internet z mobilu nebo tabletu. Pokud uživatel nenajde to, co hledá, stránka je pro něj příliš komplikovaná, vyskakují na něj různá okna, nebo je přehlcena reklamou, okamžitě odchází a vám tak zvyšuje míru opuštění stránky, čímž se také zhoršuje SEO.

Proto tvoříme stránky tak, aby splňovaly potřebná kritéria. Je pro nás důležité, aby vaše webová stránka byla rezponzívní a co nejvíce přístupná pro všechny uživatele.

Co jsou to přístupné stránky a nejčastější problémy webů sepsala naše kolegyně Mishka v článku Přístupný web je výhodný pro všechny.

Jak jsme v přístupnosti pomohli? Přečtěte si naše případové studie:

—> I velká škola se spoustou aktivit může mít přehledný web

—> Přístupný web pro ZŠ a MŠ Otnice

—> Web pro MŠ Hrušovany u Brna na přístupné šabloně

Marketing

Pokud chcete opravdu výkonnou webovou stránku, která přináší výsledky, samotná optimalizace SEO nestačí. Při tvorbě webové stránky si promyslete, jakým způsobem budete vaši stránku prezentovat ostatním. Budete psát blog? Nabízet různé akce, či výhody? Jakým způsobem zakomponujete na webu recenze? Tomu následně přizpůsobíme i tvorbu a design stránky. Po jejím spuštění je také důležité investovat do samotného marketingu, jako například PPC kampaně, či prezentace na sociálních sítích, s čím vám také rádi pomůžeme.

Jak se připravit na marketing si můžete přečíst v článku Připravte se pořádně na marketing.

Pokud chcete, aby vaše webová stránka byla výkonná a přinášela vám zákazníky, neváhejte nás kontaktovat, 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.

Serial Killer – Proč je dobré mít webovou stránku vytvořenou na Sage?

Serial Killer – Proč je dobré mít webovou stránku vytvořenou na Sage? 

I Zeni team měl možnost podílet se na mezinárodním festivalu TV a web seriálů – Serial Killer. Vytvořili jsme pro něj webovou stránku, jejíž téma je postavena na Sage. Jak jsme při tvorbě webové stránky postupovali a také výhody stránky vytvořené na Sage šabloně se dozvíte v článku.

Co je Serial Killer?

Určitě už tušíte, že festival Serial Killer potěší všechny nadšence seriálové kultury. Tvůrci nejlepších seriálových novinek ze střední a východní Evropy se každoročně setkávají na mezinárodním soutěžním festivalu televizních a webových seriálů. Na velkém plátně si návštěvníci mohou zhlédnout premiéry, které jinde nemají možnost vidět. Navíc, v sekci Fokus se festival každým rokem zaměří na jinou zemi a představí její seriálovou tvorbu.

Tvorba webové stránky

Festival nás zaujal, a také proto jsme se rozhodli zapojit do tvorby jejich webové stránky.

HTML strukturu nejprve vytvořil grafik Martin Pecina, následně bylo nutné ji rozdělit na menší části a vytvořit za ní celý web.

Z celkového zadání a grafiky jsme si stránku rozdělili na sekce:

  • seriály;
  • panely;
  • videa;
  • přednášející;
  • členové týmu.

U každé ze zmíněných sekcí jsme identifikovali, která data bude nutné vyplňovat a přidali jsme možnost jejich editace do administrace. Data bylo také nutné napasovat do připravené grafiky a pomocí nich tak oživit obsah.

Jaké funkcionality jsme dělali pro Serial Killer?

Hromadné stažení fotek z jednotlivých dní z presskit

Klient nám zadal, aby bylo možné stáhnout všechny fotky z jednotlivých dní z presskit a to v zip souboru. Připravili jsme funkcionalitu, která všechny dané fotky zazipuje a uživatel si je může stáhnout.

Předplatitelská sekce

Klient potřeboval přidat na web možnost koupit si předplatné do interní sekce webu. Připravili jsme propojení s Woocommerce a Gravity Forms, které zajišťují nákup přístupů a také přihlášení a omezení přístupů na určité stránky.

Archivace starého ročníku

Toto je jedna z nových features, které stránka obsahuje. Klient požadoval, aby bylo možné nastavit jednotlivé seriály, seriálové sekce, panely a přednášející jako archivované. Ty se pak nebudou zobrazovat na standartních místech a on si je bude moct přidat na vlastní stránky.

Proč je dobré mít šablonu stránky vytvořenou na Sage?

  • Nejlepší nástroj na tvorbu WordPress šablon

Dává programátorovi skvělé možnosti, jak udržet svůj kód přehledný a čitelný. Ať už se jedná o psaní CSS s SASS, Blade templaty, JavaScript routing nebo Controlery, ve kterých je možné specifikovat funkcionalitu pro přesně danou šablonu. S takovým nástrojem je práce mnohem zábavnější.

  • Obsahuje Laravel blade templating

Velice ulehčuje práci s vytvářením jednoduchých a přehledných šablon. My jsme si k němu ještě doinstalovali ACF Sage directives, což nám značně ulehčilo a zpřehlednilo práci s ACF fieldy. 

  • Protože JavaScript routing 

Sage už v základu obsahuje funkcionalitu, která umožňuje rozdělit JavaScript do souborů a pak ho načítat na stránkách podle vašeho určení. JavaScript je díky tomu přehlednější a nemusíte se obávat, že se na některé stránce spustí něco nechtěného.

Výkonnost webové stránky

Jestli na vaší stránce čtenář zůstane záleží hlavně na tom, zda ho dokážete co nejdříve zaujmout. Jak ho ale zaujmete, pokud se vaše stránka bude načítat nekonečné hodiny? Proto je pro vaši webovou stránku velmi důležitá její výkonnost, spolehlivost a rychlost.

Splnění těchto požadavků vám samotný Sage nezaručí. Avšak dobrý programátor ve spojení s tak dobrým nástrojem jako je Sage může udělat zázraky. Výkonnost a rychlost totiž vždy záleží na samotném programátorovi.

Stejně jako u dalších našich projektů jsme se snažili načítat vždy jen vše potřebné a připravili jsme stránku na co nejrychlejší načítání. Například jsme odstranili nepotřebné CSS a JS soubory, nastavili lazyload obrázků a mnoho jiného.

Pokud byste i vy chtěli vytvořit vaši webovou stránku na tolik kvalitním nástroji jako je Sage a přinést vaší stránce výkonnost a rychlost, neváhejte se na nás obrátit. Napište nám a my se vám ozveme v co nejkratším čase.

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.

Sedm důvodů proč používat staging pro váš projekt ve WordPress

Sedm důvodů proč používat staging pro váš projekt ve WordPress

aneb Sedm způsobů jak ho pokazit bez stagingu.

Co je staging?

Staging aneb testovací, vývojové prostředí je prostředí podobné produkčnímu, ve kterém můžete testovat nové funkce ve smyslu integračního testování a testování uživatelské přivětivosti UX. Jinak řečeno, jde o 1:1 kopii vaší živé, produkční stránky, která je přístupná všem uživatelům. Na stagingu máte možnost aplikovat novinky v testovacím prostředí bez toho, abyste něco pro vaše klienty anebo návštěvníky stránky viditelně pokazili.

1. Aktualizace jádra WordPress

Samotný WordPress se neustále vyvíjí. Jeho aktualizace jsou rozdělené do dvou skupin: major (hlavní) a minor (menší). Ty hlavní (označované X.Y) jsou plánované a dopředu si můžeme přečíst, co přinesou nové funkce, na rozdíl menší aktualizace (označované X.Y.Z) jsou většinou zaměřené na opravu chyb anebo implementaci bezpečnostních záplat a vycházejí víc neočekávaně. Oba typy však můžou něco pokazit. Problémy mohou nastat se zpětnou kompatibilitou šablon, tém, pluginů, vašeho kódu, mazáním/aktualizací knihoven třetích stran, anebo se může změnit chování Gutenberg bloků atd. Jsou všechny pluginy, šablony, témy, které používáte připravené pro nové vydání jádra WordPress? Tím si nemůžete být nikdy jistí. Většinou však testování této skutečnosti na vaší živé stránce není právě nejlepším nápadem. Použijte staging!

2. Aktualizace pluginů a/anebo šablon 

I když jsou hlavní aktualizace WordPress jádra dost předvídatelné a mají pevný rozpis, pro pluginy a šablony to platí zřídka. To znamená, že s WordPress stránkou, která je střední velikosti (z hlediska počtu pluginů), dostanete překvapivou aktualizaci minimálně jednou za týden. Hodně placených pluginů často nemá transparentní seznam změn, čímž se předpověď potencionálních chyb anebo konfliktů stává skoro nemožná. Jediný způsob, kterým udržíte vaši internetovou stránku stabilní je, “pokaždé jí aktualizovat nejprve na stagingu.”

3. Místo na otestování toho úžasného nového pluginu

Pojďme implementovat tu integraci sociálních médií pomocí tohoto pluginu! Ale co! Zdá se, že to způsobilo nefunkčnost nahrávání obrázků a posledních desettisíc článků, které byly včera v noci importované nemá úvodní obrázek. Skvělé, další noc s opravováním. Toto by se nestalo, kdyby se tento plugin nejdřív testoval na stagingu.

Když Vám padne vaše živá stránka a Vy musíte celou noc opravovat chyby

4. Místo na testování aktualizací serverových aplikací. 

Takže váš web pořád běží na PHP 5.6, je to tak? Vyzkoušejte PHP 7.4 a zrychlete ho! Tak si na svém živém webu aktualizujete PHP a jediné, co teď můžete vidět, je kupa zpráv o závažných chybách ruku v ruce s dvouhodinovým výpadkem e-shopu, v rámci kterých váš klient ztratil několik tisíc. Dobrá práce!
Nevyzkoušíte to příště nejdříve na stagingu?

5. Místo pro testování Vašeho kódu

Bude můj kód dobře fungovat s kódem ostatních členů týmu? Nezapomeňte, že Váš “tým” není jen uvnitř vaší společnosti, ale také zahrnuje všechny vyvojáře, kteří přispěli do jakékoli části webu (WordPress jádro, pluginy…). Před tím, než přesunete Váš kód na jakékoli jiné prostředí, pokaždé byste ho měli otestovat lokálně, avšak většinou potřebujete, aby se na to podíval klient, projektový manažer a testovací tým. Anebo potřebujete funkcionalitu testovat na běžných uživatelích? V tomto případě Vám staging ulehčí Váš život.  

6. Experimentujte s CMS

“Co když přesuneme tento widget z levého panelu do patičky a změníme jeho název?” Každá větší změna v CMS by měla být nejdříve testována na stagingu. Podle zkušeností, když klienti uvidí svůj vynikající nápad v praxi na webu, tak mohou velmi rychle změnit názor. Používáte pro svůj frontend nějaký druh nástroje pro tvorbu stránek (page builder)? Ukázky (previews) jsou výbornou funkcí, ale většinou musíte vidět celý kontext včetně menu, změn v nastavení pluginů atd. V tomto případě se staging prostředí ukáže jako velmi užitečné. Taktéž určitě nechcete, aby Vaši návštěvníci viděli jak přeskakují widgety a menu položky na živém webu, že?

7. Výstavní místo pro vašeho klienta

Přinést svůj notebook do klientovy kanceláře (vzhledem ke globálnímu trhu a pandémii), abyste mu ukázali nejnovější funkce, není v dnešní době právě nejlepším nápadem. Slyšeli jste někdy o wow efektu? Prosím, nedělejte to. Ukažte klientovi nové funkce postupně na Vašem stagingu. Oba budete o dost lépe spát, věřte mi!

Když najdeme více chyb než naši zákazníci

V následujícím článku se podíváme na to, jak vytvořit staging prostředí.

Pokud máte zájem o vlastní kvalitní stránku a potřebujete pomoc, napište nám a rádi vám s ní 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.

Případová studie: Přístupný web pro ZŠ a MŠ Otnice

Přístupný web pro ZŠ a MŠ Otnice

Od září letošního roku musí všechny weby základních škol splňovat tzv. pravidla přístupnosti. Jde o to, aby byl web použitelný a přístupný i pro osoby se zdravotním znevýhodněním, např. nevidomé a slabozraké nebo neslyšící.

Naše řešení pro školy založené na platformě WordPress jsme v nedávné době implementovali na web základní a mateřské školy v Otnicích www.zsotnice.cz.

U dosavadních stránek jsme identifikovali z hlediska přístupnosti i prosté uživatelské přívětivosti tyto problémy:

  • Komplikovaná navigace webu:
    • web obsahoval 2 navigace (menu), které se obsahem překrývaly,
    • jedno z menu mělo 3 úrovně.
  • Úvodní karusel(automaticky rotující obsah stránek), který strhával pozornost od ostatních informací (tento prvek je brán jako nepřístupný obsah).
  • Složitost webu:
    • v přehledu příspěvků byl vypsán celý obsah příspěvků, kvůli některým příspěvkům musel uživatel odrolovat i několik stránek,
    • web obsahoval stránky, které neměly žádný obsah (nebyly naplněné),
    • na stránkách byly informace, které na web nepatří – osobní informace, např. seznam žáků, kteří zaplatili za lyžařský kurz, atd.,
    • podobné informace byly rozdělené do několika stránek – uživatel musel zbytečně proklikávat web, než se dostal k požadované informaci.
  • Nepřehlednost webu:
    • důležité informace byly na webu pouze v PDF souborech, nikoli v textové podobě přímo na webu, např. Kroužky, Organizace školního roku, Platby stravného, Školkovné,
    • některé odkazy na stránkách byly uvedeny pouze URL adresou odkazu, nebylo přesně jasné, na jaký obsah se uživatel dostane, např. Důležité zdroje u volby povolání,
    • položky menu měly několik barev bez evidentního účelu.
  • Nepřístupný obsah:
    • chyběly přeskakovací odkazy,
    • menu webu nebylo ovladatelné z klávesnice,
    • web nesplňoval požadavek kontrastních barev,
    • malé písmo webu,
    • web nebyl responzivní – na mobilu byl prakticky nepoužitelný,
    • při procházení webu z klávesnice nebylo zřejmé na kterém odkazu se uživatel nachází,
    • soubory ke stažení byly uvedeny názvem souboru, nikoli popisem obsahu.

Co tedy nový web z naší produkce škole v Otnicích vlastně přinesl?

  1. Zjednodušení navigace webu – pouze 1 menu se 2 úrovněmi a jednotnou barvou.
  2. Zjednodušení webu:
    • stránky s podobným obsahem sloučeny do jedné,
    • maximum informací vloženo na web přímo v textech,
    • informace na webu jsou vždy na jednom místě – lépe dohledatelné a lépe se udržují,
    • odstraněny prázdné stránky.
  3. Zrychlení webu.
  4. Responzivní web.
  5. Kontakty na školu přímo v záhlaví a zápatí každé stránky.
  6. Jednoduché vkládání obsahu na web.
  7. Web je v souladu s pravidly přístupnosti.

Rádi jsme pomohli s řešením požadavku přístupnosti webových stránek Základní a mateřské školy v Otnicích. Děkujeme vedení školy za spolupráci a přejeme, ať nové stránky www.zsotnice.cz slouží ke spokojenosti školy, rodičů i žáků.

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.