Mať webovú stránku už dávno nie je len akási trendová nadstavba k vášmu podnikaniu. Sme v ére, keď naše životy zásadne ovplyvňuje internet. Mať reprezentatívnu webstránku, ktorá je plne funkčná, obsahovo nasýtená a má všetky dôležité parametre, je nutnosť. A k tomu vám prinesie nových zákazníkov či viac predaných služieb/tovarov.
Tvorbe webstránok sa naša marketingová agentúra venuje mnoho rokov. Preto vám v tomto článku prinášame jednoduchý prehľad krokov, ktoré vedú od bodu nula až po pomyselné stlačenie tlačidla „spustiť“.
Zadefinovanie funkčných parametrov webu
Skôr, než sa pustíme do webdizajnu a samotného programovania, treba si zodpovedať najpodstatnejšiu otázku:
Na čo bude váš web slúžiť a ako má vyzerať vzájomná interakcia medzi vašou firmou a jej zákazníkmi?
Od tejto principiálnej otázky sa totiž bude odvíjať všetko ostatné:
- Máte predstavu o vizuálnom dizajne stránky?
- Potrebujete vytvoriť úplne nový web alebo prerobiť existujúci?
- Má byť váš web iba stručou prezentáciou firmy a jej činnosti, alebo má aj predávať?
- Má mať webstránka viacero podstránok alebo stačí len jedna, na ktorej budú všetky informácie?
Po zodpovedaní týchto základných otázok získate vy, ale aj agentúra hrubé kontúry novej webstránky. Z tohto úvodného kroku vyplynie najdôležitejšie zadanie celého projektu - aký typ webu budeme vytvárať. Získame tiež odpovede na otázky, do akej miery je vzhľad stránky zadefinovaný v dizajn manuále vašej značky. Prípadne či bude na textoch jednotlivých stránok a podstránok pracovať náš copywriter, alebo si texty vytvoríte sami a nám ich už iba pošlete.
Ukážka viacstránkovej webstránky, ktorú sme vyhotovili pre nášho klienta www.elektromotory-osa.sk
Delenie webov podľa rozsahu a štruktúry
Členitosť webu nemusí byť vždy priamo úmerná veľkosti vašej firmy alebo jej portfóliu. Aj veľkej firme môže stačiť jednoduchá prezentačná stránka. Na druhej strane, malá firma môže potrebovať robustnejší web s viacerými podstránkami, subdoménami a integráciami.
One-page web | Web, ktorý slúži na základnú prezentáciu firmy alebo značky. Takáto stránka nemá podstránky a užívateľ sa na nej pohybuje skrolovaním, resp. kliknutím na položky v menu alebo tlačidlá. Tie smerujú priamo na konkrétnu sekciu stránky. |
Mikrostránka (micro-site) | Jednoduchý web, ktorý sa zameriava na konkrétnu tému alebo marketingovú kampaň. Takéto stránky sú pomerne subtílne - v ich štruktúre je len minimum podstránok. Niekedy majú obmedzenú životnosť, napríklad do skončenia kampane, špeciálnej akcie... |
Viacstránkový web | Komplexnejší typ webovej stránky, ktorý firmám často vyhovuje z hľadiska prezentovania značky, portfólia, ale aj možnosti budúceho rastu. Štruktúra týchto stránok je už komplexnejšia - obsahujú viaceré podstránky a sekcie. |
E-shop | E-shopy sú, vzhľadom na ich funkčné zameranie, špecifickým typom webov. Vyžadujú si viaceré nadstavby a integrácie tretích strán na manažovanie produktového portfólia, nákupný košík či platobnú bránu. |
Tvorba vizuálneho dizajnu novej webstránky
Grafický dizajn webu je veľmi dôležitou časťou jeho tvorby. Je zásadným faktorom úspechu a kvality stránky, priamo definuje používateľské rozhranie (UI) aj používateľskú skúsenosť (UX). Vychádzajúc z prvotného zadania webu a predstáv klienta prichádza v tejto fáze do hry grafický dizajnér, ktorý vytvorí vizuál webstránky.
Ukážky naše práce - dizajny webstránok pre klientov Nemocnica Bory, Voweld, Manex a 1. východoslovenská OZV.
Logo a vizuálna identita
S novým webom často súvisí aj návrh loga, ak ide o úplne nový projekt, alebo výrazne zastaralé logo. Alebo návrh celkovej firemnej vizuálnej identity a s tým súvisiace podklady, ako napríklad nové vizitky, polepy áut, billboardy či reklamné bannery. S týmto všetkým vám náš grafik tiež rád pomôže.
Webdizajn: Wireframe, mockup a prototyp
Pri zložitejších weboch alebo na požiadanie klienta vytvoríme dizajn vzhľadu stránky, tzv. wireframe. Wireframe je v podstate technický nákres jednotlivých stránok webu, ktorý nahrubo zadefinuje rozloženie jednotlivých prvkov. Wireframe ešte nerieši samotný vizuálny dizajn, je teda čiernobiely.
Wireframe webstránky Nemocnice Bory. Realizuje sa ešte pred programovaním, aby mal klient predstavu o výzore webu.
Mockup je nadstavbou wireframe-u, ktorá už definuje aj vizualitu, t.j. farebnú škálu, typografiu, vizuálne elementy.
Vo fáze prototypu sa už webdizajn podobá na výsledný web nielen vizuálne, ale aj funkčne – k mockupom sa pridávajú aj reálne používateľské interakcie s prvkami stránky (UX).
Odporúčame, aby na meetingoch o webdizajne boli od začiatku prítomní všetci členovia tímu, hoci v tejto fáze nie sú priamo vyťažovaní. To znamená, aby projekt od prvotnej fázy dôkladne poznali aj vývojári či copywriteri. V prípade potreby vám dokážu poskytnúť svoj odborný pohľad skôr, než bude všetko hotové a bude potrebné to prerábať.
V praxi náš grafický dizajnér spracuje vzhľad domovskej stránky, ktorý následne konzultujeme s klientom. Po zapracovaní pripomienok a ich schválení dizajnér postupne pokračuje s vizuálnym návrhom ďalších podstránok a štruktúr. Po finálnom schválení grafického dizajnu sa tvorba webovej stránky dostáva do ďalšej kľúčovej fázy - web developingu, ľudovo povedané programovanie.
Súčasťou tejto fázy bude tiež postupné napĺňanie webu obsahom - textovým aj multimediálnym. Každú dokončenú časť kontrolujeme najprv interne a následne s klientom tak, aby bolo všetko podľa vašich predstáv.
Ešte jedna dôležitá poznámka k webdizajnu: Internet si dnes nosíme v mobile, a tak je pre nás samozrejmosťou zabezpečiť, aby sa vaša stránka správne zobrazovala aj na malých obrazovkách. Pre mnoho firiem je navyše dôležité, aby mobilná verzia ich webu nebola iba responzívnou kópiou desktopového webu. Niektoré prvky alebo podstránky môžete v mobilnej verzii skryť, resp. ich používateľom zobraziť v zjednodušenej podobe.
Cookie lišta a ďalšie formality
Cookie lišta, rovnako ako informácie o spracúvaní osobných údajov (GDPR) sú dôležitými prvkami webových stránok. Správne nastavená cookie lišta je základným predpokladom pre získanie súhlasu používateľov so sledovaním ich správania na webe. To súvisí s webovou analytikou a cielením online reklamných kampaní. Údaje získané pomocou cookies môžete navyše využiť na personalizáciu a zvýšenie konverzií.
Cookies sa používajú napríklad na zapamätanie prihlásenia, zobrazovania relevantného obsahu na základe histórie prehliadania, analytiku alebo marketing.
Hoci môžete cookie lištu z používateľského hľadiska vnímať len ako otravnú byrokraciu, nepodceňte ani túto funkciu. Cookies lišta musí spĺňať európsku i národnú legislatívu, ktorá sa časom môže meniť. Okrem toho, že správnym nastavením lišty sa vyhnete prípadným právnym problémom a pokutám, ide aj o nástroj budovania dôvery medzi vami a vašimi návštevníkmi. Tí určite ocenia, ak budú konkrétne a transparentne informovaní o tom, ako nakladáte s ich osobnými údajmi.
Aj s týmto aspektom tvorby webov máme bohaté skúsenosti. Preto sa môžete spoľahnúť, že cookie lištu pre váš nový web nastavíme tak, aby fungovala čo najlepšie a aby zároveň spĺňala platné legislatívne požiadavky.
Každý návštevník webu by mal mať možnosť zvoliť si rozsah cookies, na ktorých použitie dáva svoj súhlas.
Testovanie webu: Dvakrát meraj a raz strihaj
Otrepaná fráza platí pri tvorbe webových stránok absolútne. Zle fungujúci web s nefunkčnými prepojeniami, zdĺhavým načítavaním stránok či chybami v texte môže pokaziť nielen celkový dojem, ale môže vám spôsobiť aj finančné straty, ktorým sa dalo predísť.
Pred spustením webu je preto potrebné všetko viacnásobne skontrolovať, otestovať a až keď ste si naozaj úplne istí, že je všetko v poriadku, ísť s kožou na trh.
Vo finálnej fáze preto web prechádza našou kontrolou kvality a až keď je všetko správne nastavené a funkčné, dostáva sa nová stránka na finálnu kontrolu a pripomienkovanie klientovi. Po konečnom schválení od nás dostanete pomyselné kľúče - prihlasovacie údaje a tiež zaškolenie v spravovaní webu. Vďaka vlastnému prístupu budete schopní upravovať jednoduché veci sami, bez nutnosti nášho zásahu.
Posledný „drobný” detail - SEO
Kvalitní špecialisti myslia pri tvorbe webov aj na čarovnú skratku SEO (z angl. search engine optimization). V stručnosti ide o prispôsobenie technických i funkčných vlastností a prvkov stránky tak, aby ju algoritmy vyhľadávačov (Google) zobrazovali vo výsledkoch vyhľadávania čo najvyššie. Pretože mať dobrú webovú stránku je len jedna strana mince. Tá druhá je, ako na ňu dostať relevantné publikum, v ktorom sa nachádzajú vaši potenciálni zákazníci.
SEO sa delí na:
On-page | obsahové a technické nastavenia, na ktoré máme pri tvorbe webu dosah |
Off-page | faktory, na ktoré nemáte pri tvorbe webu dosah a na ktorých je potrebné pravidelne pracovať. Výsledky sa dostavia až po mesiacoch, avšak je to dôležité. Ide hlavne o linkbuilding, tvorbu obsahu na web, PR aktivity a pod. S týmto vám už programátor nepomôže, a práve tu je priestor na zapojenie skúsenej agentúry, ktorá rozumie pohľadu programátora aj SEO špecialistu a vie ich využiť v prospech vašej firmy. |
Súčasťou prepracovaného on-page SEO sú aj texty, ktoré zohľadňujú správne kľúčové slová a ponúkajú relevantný a užitočný obsah. Aj od toho totiž závisí, ako vysoko zobrazí Google vašu stránku vo výsledkoch vyhľadávania. Naši skúsení copywriteri napíšu texty na vaše webstránky tak, aby okrem zrozumiteľného podania informácií návštevníkom bol web optimalizovaný aj zo SEO pohľadu.
Aká je cena kvalitného webu?
Cena za vytvorenie webu závisí od viacerých faktorov, ako sú vaše požiadavky a funkcie, ktoré chcete na stránke mať. Na úvod spolupráce vás požiadame o vyplnenie dotazníka, ktorý nám pomôže lepšie porozumieť vašim potrebám. Následne sa stretneme osobne alebo cez videohovor, aby sme si ujasnili všetky detaily projektu. Na základe týchto informácií pre vás pripravíme cenovú ponuku šitú na mieru. Štandardne sa cena začína od 5 000 €, v závislosti od náročnosti a rozsahu projektu.
Dobrá rada na záver
V dnešnej dobe existujú hotové riešenia na všetko. Podobne je to aj s webmi. Pomerne jednoducho si viete nájsť aplikáciu na tvorbu webu, ktorá vám - ak máte trochu času - umožní vytvoriť si web vo vlastnej réžii. K tomu nespočetné množstvo vizuálnych predlôh, stačí si niektorú vybrať a prispôsobiť. Lákavé riešenie, ale...
Z našich skúseností môžeme povedať, že 10 z 10-tich firiem, ktoré niečo také vyskúšali, aj tak nakoniec skončí u profesionálov. Veď viete, ako jeden myslel, vymyslel fúrik a potom ho musel tlačiť. No a to už také jednoduché nie je.
Hľadáte aj vy spoľahlivú agentúru, ktorá sa postará o váš nový firemný web od A po Z? S našimi skúsenosťami vám vytvoríme web na mieru, ktorý posunie váš biznis vpred. Napíšte nám!