visionslabs - Jak tvoříme webové stránky v Brně?

Jak tvoříme webové stránky v Brně?

V dnešním článku se trochu rozepíšeme o tom, jak tvoříme webové stránky pro naše klienty v Brně. Jedním z důvodů je skutečnost, že často musíme zájemcům o webové stránky říkat, o čem vlastně tvorba webových stránek je, a dalším důvodem je to, že je dobré si připomenout naše aktuální postupy.

Není to jen o webu

Možná je to trochu překvapující, ale naše vnímání tvorby webových stránek má trochu šiřší kontext. Vždy se snažíme pochopit klientův business tak, abychom mohli navrhnout ideální řešení na míru pro daného klienta. Možná to zní jako klišé, ale opravdu nám nejde o nějakou sériovou výrobu webových stránek na redakčním systému WordPress pouze s tím, že bychom provedli nějaké malé změny v „šabloně“. Možná to bude lépe pochopitelné na příkladu procesu „Jak tvoříme webové strányk v Brně“ níže.

Náš postup při tvorbě webu

  1. ANALÝZA – Pochopit bussiness model, zmapovat konkurenci a definovat požadavky klienta. Pokud je již web funkční, tak provedeme analýzu dat ze starého webu, aby se odhalilo, kde bylo problémové místo a proč se návštěvníci nechovali tak, jak očekával majitel webu nebo co fungovalo a nebo co by šlo vylepšit. V rámci této fáze také provádíme „analýzu klíčových frází“, abychom lépe pochopili klientův business v rámci vyhledávání a mohli mu tak navrhou efektivní strukturu webu.
  2. NÁVRH WEBU – Vytvořit „klikatelný“ wireframe (mockup) webu pro co nejlepší interpretaci předcházející analýzy, která je schválena zákazníkem. V rámci této fáze můžeme pro zjednodušení představy nového webu spojit také s tvorbou grafického návrhu hlavních obrazovek.
  3. GRAFICKÝ NÁVRH WEBU – Pokud je projekt složitejší, pak je zde „speciální“ fáze pro odladění grafického návrhu. Vytvořit grafický návrh hlavních obrazovek webu nebo grafických prvků.
  4. TVORBA WEBU – samotná tvorba webu, která je spojena i s následujícími kroky: kontrola a nastavení SEO, zaregistrování do Google Search Console a nastavení Google Analytics. Přenos starých dat do nového webu atd.
  5. NASTARTOVÁNÍ SOCIÁLNÍ SÍTÍ A DALŠÍCH KANÁLŮ – Pokud si klient přeje, pak v rámci tvorby webu můžeme nastavit/vytvořit všechny základní sociální sítě a propojení na web. Nastavení/vytvoření emailového kanálu – typicky za pomoci MailChimpu.
  6. ZAŠKOLENÍ – Protože „předáním“ webových stránek by neměla končit práce na webových stránkách, ale naopak začít kontinuální práce. Takže je nutné provést zaškolení odpovědného personálu, který se bude starat o běžný chod webových stránek včetně vysvětlení základních principů SEO.

Snažili jsme se co nejvíce „nahustit“ tento proces, takže jsme spoustu detailů vypustili, ale doufáme, že takto lze pochopit, že proces „tvorby webových stránek“ opravdu pro nás není pouze vytvoření webu, ale je potřeba provést i několik kroků předem – tj. analýza, návrhy, … tak abychom šetřili náš i klientův čas a navrhli něco smysluplného a ne pouze „digitální vizitku“, což už je podle nás v dnešní době přežitek.

Co je to „klikatelný“ wireframe?

sketch - wireframe + mockup

Tento pojem „wireframe“ není velmi často známý, takže bychom mohli objasnit, jak ho nyní vnímáme my. V doslovném překladu by se dalo říci, že se jedná o „drátěný model„, také se někdy používá označení mockup, takže pojmenování je mnoho a interpretací také. My sami jsme toto pojali již různě, ale pojďme si říci, jak ho vnímáme nyní.

Jedná se o digitální formu „drátěného“ modelu, který se dříve maloval na papír, ale dnes je možné tento postup přenést do digitální podoby. Používáme k tomu moderní nástroj Sketch. Ukázkový wireframe je na tomto odkazu a ukázkový grafický návrh hlavní obrazovky je zde.

Co tedy ještě říci na závěr. Snažili jsme se vám poodhalit co pro nás znamená tvorba webových stránek. Snažíme se to v Brně dělat tak, aby to mělo smysl pro klienta a on mohl mít svůj web jako správný základ pro své podnikání. Zeptejte se našich klientů, jak jsou s námi spokojeni – není jich málo (více jak 20) a také z různých míst po celé ČR – například Olomouc, Brno, Kroměříž a nebo Praha. Všechny kontakty najdete v našich referencích. Pokud máte také zájem o nové webové stránky, tak nám stačí napsat e-mail na Hello@visionslabs.io nebo vyplnit náš kontaktní formulář.

Webové stránky, WordPress pluginy, Zajímavosti
Analýza, Brno, Návrh webu, Sketch, Tvorba webových stránek, Tvorba webu Brno, Tvorba webu Olomouc, Webové stránky, WordPress
WordPress 5.5 a další optimalizace webových stránek
Návrh webu či aplikace (Sketch, Figma a Adobe Xd)