Tvorba webových stránek

Fáze vzniku webových stránek

Výrobu webových stránek lze rozdělit na několik na sebe navazujících fází. Ty jsou důležité nejen pro vznik samotných stránek, ale také pro jejich funkčnost, design a návaznost na marketingové a propagační cíle klienta.

1. Analýza

Analýza poskytuje informační a datový základ pro návrh webu. U nového projektu analytik zjišťuje, jaké jsou jeho cíle, cílová skupina, jak se klient chce prezentovat či jak web odlišit od stránek konkurence.

Součástí analýzy by měla být i analýza klíčových slov. Ta zjišťuje, co lidé na internetu hledají, a doporučuje, jak na základě těchto informací strukturovat a textovat webové stránky.

Průzkum by měl být rovněž zaměřen na provozní a technické potřeby klienta. Mezi nejčastější otázky patří například to, jakým způsobem chce klient stránky ovládat, jak často je chce měnit či přidávat obsah a s jakými dalšími systémy je potřebuje propojit. Odpovědi pomáhají zhotoviteli webu s volbou redakčního systému, pluginů, interních systémů a dalších technických aspektů.

2. UX návrh

Ve chvíli, kdy je z analýzy zřejmé, co bude předmětem webu, nastupuje UX designer. Ten zjištěné informace přetvoří do strukturované podoby. Zároveň má zkušenosti s tím, jak uživatelům doručit nejpodstatnější informaci celého webu a splnit jeho cíle.

Výsledkem je návrh informační architektury webu, návrh obsahových bloků a doporučení rozložení interaktivních prvků na každé stránce webu. Součástí UX návrhu je vizualizace náčrtu budoucího webu formou takzvaného drátěného modelu (wireframe).

3. Copywriting

Copywriting úzce souvisí s návrhem struktury webu. Jestliže už klient ví, kde budou rozmístěné jednotlivé prvky webové stránky, copywriter se postará o jejich naplnění odpovídajícím textem. Je to kreativec, který zajistí, že bezvadně navržený a strukturovaný web bude srozumitelný též po obsahové stránce.

Copywriting se týká všech textů, se kterými se uživatel setká. Kromě hlavních obsahových bloků zahrnuje také nadpisy, odkazy, tlačítka, formuláře, tabulky, popisky, transakční e-maily, chybové hlášky, provozní informace, legendy, SEO atributy či nápovědy.

4. Grafický návrh

Na základě UX návrhu připraví web designer vzhled jednotlivých stránek. Po jeho vytvoření následuje několik koleček schvalování s klientem a následně dotvoření zbytku podstránek. Výstupem práce je sada návrhů vzhledově odpovídajících výslednému webu. Cílem web designu je vytvořit všechny typové stránky a zachytit podobu jednotlivých obsahových a grafických komponent napříč webem.

Tvorbu webové grafiky je vhodné realizovat až po přípravě všech textů. Nestane se tak, že designer vymyslí prvky, do kterých nebude možné vložit tolik informací, kolik je reálně potřeba.

 

Web designer také často chystá vizuální podobu webu na mobilních zařízeních. U jednodušších webů to není nutné, přeskládání prvků pro menší displeje by na základě vlastních zkušeností měl zvládnout i programátor nebo frontend specialista.
 

5. Programování

Jakmile jsou hotovy grafické a textové části webu, pustí se programátor do přetavení návrhů ve fungující web. Dnes je obvyklé, že se programovací úlohy dělí mezi tvůrce programové části backend a specialisty na frontend.

Backend programátoři tvoří funkční zázemí webu, tedy administraci a napojení webu na systémy a služby třetích stran. Frontend specialisté (kodéři) se starají o fungování webu po grafické stránce. Tedy, že odpovídá grafické předloze a funguje správně na různých webových prohlížečích, různých operačních systémech a různých zařízeních.

6. Testování webu

Důležitou fází vývoje webu je testování. Během něj se například zjišťuje, zda web vypadá bezvadně v kombinaci různých zařízení a webových prohlížečů. Podcenit se nesmí ani jeho bezpečnost, zatížení a dostupnost v případě většího počtu návštěvníků.

U větších a složitějších projektů připadá v úvahu také funkční testování. Ověřuje se, zda se odesílají webové formuláře, funguje nákupní košík, nezlobí napojení na platební bránu, na účetnictví či sklady.

7. Spuštění webu

Výroba webových stránek končí svou hlavní část jejich spuštěním. Dodavatel zálohuje starý web, nakopíruje místo něj nový, případně komunikuje se správcem serveru a nový web spustí ve vzájemné spolupráci.

Zároveň po spuštění probíhají kontroly faktorů souvisejících se SEO, zejména sledování případných dočasných propadů v pozicích pro jednotlivá klíčová slova, analýzy zlepšení v jednotlivých metrikách rychlosti načítání a podobně.

Rovněž by nemělo zapadnout, že je třeba při spouštění webu řešit přesměrování původních stránek, pro které z technických či jiných důvodů nebylo možné zachovat původní URL adresy.

8. Optimalizace a rozvoj nového webu

Práce na webu by neměla končit jeho spuštěním. Po vzniku stránek by si je měli vzít do péče odborníci na SEO a online marketing. Ti řeší například vylepšování pozic ve vyhledávačích, přísun návštěvníků, konverze a plnění cílů webu. Po technické stránce je důležité dbát na zabezpečení a průběžné aktualizace.