Jak začít webový projekt: nejdřív rozhodnutí, potom technologie

Webový projekt často začíná větou: „Potřebujeme nový web.“ Za chvíli se řeší redakční systém, šablona, barvy a termín spuštění. Jen pořád není jasné, co má nový web změnit.

To je drahá chyba. Technologie umí velmi rychle vyrobit něco, co firma nepotřebuje.

Nejdřív napište, jaké rozhodnutí má web podpořit

Nezačínám seznamem stránek. Začínám situací firmy a návštěvníka. Má web přivést kvalifikované poptávky, zkrátit obchodníkům vysvětlování, prodávat bez člověka, snížit zátěž podpory nebo přesunout značku do jiné kategorie?

Cíl musí vést k rozhodnutí. „Modernější prezentace“ je přání. „Více relevantních poptávek od výrobních firem a méně dotazů na jednorázové drobnosti“ už dovoluje rozhodovat o obsahu, navigaci i měření.

  • Kdo je pro web důležitý a v jaké situaci přichází?
  • Co potřebuje pochopit, porovnat nebo udělat?
  • Jaký důkaz mu firma může poctivě ukázat?
  • Jaký další krok je přiměřený jeho připravenosti?
  • Podle čeho po spuštění poznáme zlepšení?

Obsahová mapa patří před wireframe

Teprve z odpovědí skládám informační architekturu. Hlavní navigace nemá kopírovat organizační strukturu firmy. Má pomoci lidem najít odpověď a pochopit nabídku.

U stávajícího webu nejdřív udělám inventuru URL, návštěvnosti, odkazů a skutečného obsahu. Některé stránky zachovám, jiné spojím, přesměruji nebo zruším. Při migraci se nemaže podle dojmu. Stránka s ošklivým vzhledem může mít dobré odkazy nebo přivádět relevantní obchod. Stránka s velkou návštěvností může naopak lovit lidi úplně mimo byznys.

Pro SEO je důležitá srozumitelná struktura, prolinkování a obsah vytvořený pro skutečné publikum. Google své otázky k užitečnosti shrnuje v průvodci k people-first obsahu. Praktický základ SEO je také v mém článku SEO pro začátečníky.

Prototyp má ověřit cestu, ne udělat dojem na poradě

Nejdřív kreslím klíčové cesty bez detailního designu. Dokáže člověk pochopit, pro koho firma je? Najde službu, důkaz, cenu nebo způsob kontaktu? Funguje cesta na úzkém mobilu a jen s klávesnicí?

Do prototypu dávám skutečné nadpisy a přibližně skutečnou délku textu. Lorem ipsum schová problém, který se po dodání obsahu zázračně objeví zpátky. Většinou v pátek před spuštěním.

Technologie se vybírá podle provozu

Statický web, WordPress, e-shopová platforma nebo vlastní aplikace mohou být správně. Rozhoduje potřebná editace, integrace, oprávnění, rychlost změn, bezpečnost, rozpočet a lidé, kteří web budou po spuštění spravovat.

Do zadání patří alespoň:

  • vlastnictví domény, účtů, zdrojového kódu a analytiky;
  • redakční role a proces publikace;
  • formuláře, e-mailové doručení a napojení na obchod;
  • přesměrování starých URL a vlastní chybová stránka;
  • zálohy, aktualizace, monitoring a odpovědnost za incident;
  • rozpočet na provoz, ne jen na výrobu.

Rychlost a přístupnost nejsou leštění na konci

Velký obrázek, externí fonty a deset marketingových skriptů se přidají snadno. Jejich dopad potom zaplatí každý návštěvník. Core Web Vitals sledují rychlost zobrazení hlavního obsahu, odezvu a vizuální stabilitu; aktuální metriky a hranice udržuje Google v dokumentaci Web Vitals.

Stanovuji proto výkonový rozpočet ještě před designem: rozměry a formáty médií, počet řezů písma, pravidla pro skripty třetích stran a cílové chování na běžném mobilu. Analytika se má načíst tak, aby neblokovala obsah, a sbírat jen data, která mají rozhodovací využití.

Přístupnost řeším ve stejnou chvíli: sémantické HTML, viditelný focus, ovládání klávesnicí, kontrast, popisky formulářů a respekt k omezení pohybu. Není to speciální verze webu. Je to kvalitně postavený web.

Měření navrhněte před spuštěním

Po spuštění už nechci debatovat, co vlastně znamená úspěch. Sepíšu události a jejich vazbu na rozhodnutí: odeslaná kvalifikovaná poptávka, použití kalkulačky, přechod na klíčový důkaz nebo dokončení objednávky. Ne každé kliknutí si zaslouží událost.

Technické měření je popsáno v průvodci Google Analytics 4. Širší kontrolní seznam najdete v checklistu online projektu.

Web není hotový spuštěním

První týdny sleduji chyby, rychlost, indexaci, formuláře a skutečné dotazy lidí. Potom upravuji místa, kde web nepomáhá rozhodnout. Ne podle každého komentáře a ne podle jedné metriky, ale podle kombinace dat, zpětné vazby a obchodního dopadu.

Nový web není cíl. Je to nový provozní systém firmy. Když nemá vlastníka, rozpočet a pravidla změn, začne stárnout v den spuštění.

Pokud už web máte a potřebujete hledat slabá místa, začněte článkem Jak zrychlit web. Pokud potřebujete srovnat rozhodnutí před výrobou, podívejte se, jak probíhá spolupráce.

· odpovědi z praxe

Otázky, které pomáhají rozhodnout

Jaký je můj hlavní závěr z praxe?

Doména, redakční systém ani barva tlačítka nejsou první rozhodnutí. Dobrý webový projekt začíná tím, co má změnit ve firmě a u zákazníka.

Kde bych začal?

Nezačínám seznamem stránek. Začínám situací firmy a návštěvníka. Má web přivést kvalifikované poptávky, zkrátit obchodníkům vysvětlování, prodávat bez člověka, snížit zátěž podpory nebo přesunout značku do jiné kategorie?

Co se mi v praxi osvědčilo u tématu „Obsahová mapa patří před wireframe“?

Teprve z odpovědí skládám informační architekturu. Hlavní navigace nemá kopírovat organizační strukturu firmy. Má pomoci lidem najít odpověď a pochopit nabídku.

Co se mi v praxi osvědčilo u tématu „Prototyp má ověřit cestu, ne udělat dojem na poradě“?

Nejdřív kreslím klíčové cesty bez detailního designu. Dokáže člověk pochopit, pro koho firma je? Najde službu, důkaz, cenu nebo způsob kontaktu? Funguje cesta na úzkém mobilu a jen s klávesnicí?

Potřebujete v marketingu jasno?

Nejdřív si pojďme ujasnit situaci.

Pokud řešíte podobné rozhodnutí ve firmě, napište mi stručně kontext. Zjistíme, zda dává smysl pokračovat.

Popsat situaci