Tvorba webstránok
Briefing a uzatvorenie zmluvy
Našu prácu si vykonávame svedomito, preto Vašim požiadavkám a predstavám venujeme maximálnu pozornosť. Z tohto dôvodu je potrebné, aby sme sa stretli a rozobrali Vašu predstavu, ktorú následne spracujeme do jasnej formulácie požiadaviek (požiadavky sú súčasťou zmluvy). Požiadavky by mali reflektovať ciele, ktoré chcete vytvorením webstránok dosiahnúť, a sú konkretizované v nasledovných oblastiach:
- požiadavky na grafický dizajn (farebnosť, tématika, štýl, ...),
- požiadavky na rozsah a štruktúru (rozdelenie obsahu do podstránok, prepojenia medzi podstránkami, ...),
- požiadavky na funkčnosť (dynamické súčasti, implementácia eshopu alebo systému pre správu obsahu, ...).
Na základe stanovených požiadaviek si dohodneme termín na realizáciu ako aj konečnú záväznú cenu a po uzatvorení zmluvy a dodaní všetkých podkladov z Vašej strany sa pustíme do práce.
Návrh dizajnu webstránok
Tvorba rozmiestnenia prvkov stránky - wireframe-y
Návrh grafického dizajnu webstránky najčastejšie začíname výrobou wireframe-ov. Sú to zjednodušené návrhy, ktoré poukazujú na rozmiestnenie prvkov webu na stránke. Najjednoduchšou formou wireframe-u môže byť Váš prvotný náčrtok, ktorý už možno máte v hlave. Ten sa spolu budeme snažiť previesť do viditeľnej formy. Pomocou jednoduchých štvorčekov si zanalyzujeme, čo by bolo vhodnejšie s prihliadnutím na Vaše obchodné ciele a použiteľnosť webu.
Wireframe-y odpovedajú na otázky typu:
- Kde bude umiestnená navigácia stránky?
- Kde bude umiestnené prihlasovacie políčko?
- Bude mať stránka pravý alebo ľavý panel?
- Budú náhľady fotiek nad alebo pod vybranou fotkou?
- ...
Tvorba grafického štýlu stránky - moodboardy
V niektorých prípadoch je vhodné okrem wireframe-ov zrealizovať aj moodboard-y. Moodboard-y sú koláže rôznych grafických prvkov, ktoré spolu navodzujú určitú atmosféru, určujú tak grafický štýl webstránok. Pomocou moodboard-ov Vám jednoducho odprezentujeme, ako sme pochopili Vaše požiadavky na grafický štýl. Výhodou moodboard-ov je, že sú v porovnaní s navrhnutím grafického dizajnu stránky oveľa menej časovo náročné. Z toho dôvodu je pri hľadaní optimálneho štýlu, ktorý Vám bude vyhovovať, efektívnejšie spraviť jedno alebo dve rýchle kolá moodboard-ov, ako hneď začať tvorbou grafického dizajnu stránky a riskovať jeho kompletné prerábanie.
Moodboard-y odpovedajú na otázky typu:
- Ako budú vyzerať tlačítka a ďalšie ovládacie prvky?
- Bude každá časť webu orámovaná jemným tieňom?
- Použijeme v návrhu aj túto farbu alebo ju radšej vymeníme za inú?
- Vyhovujú vám solídne farby alebo radšej prechodové, aby bol návrh viac plastickejší?
- Chceli by ste, aby bol návrh viac oblý alebo chcete hranatý, ostrý dizajn?
- ...
Prezentovanie, pripomienkovanie a finalizácia dizajnu
Na základe wireframeov a moodboardov vypracujeme kompletný grafický dizajn webstránok, ktorý Vám osobne alebo e-mailom poskytneme k nahliadnutiu. V tomto momente dostávate priestor na Vašu kritiku - pozitívne i negatívne pripomienky. Na základe pripomienok a našich odborných odporúčaní "doladíme" dizajn Vašich stránok a opať poskytneme k pripomienkovaniu - zväčša sa pripomienkovací cyklus opakuje 1-2 razy. V momente, kedy dizajn plne zodpovedá Vašej predstave, je finálny dizajn pripravený na kódovanie.
TIP: Jasnou formuláciou vecných pripomienok výrazne urýchlite finalizáciu dizajnu.
Kódovanie a publikovanie webstránok
Spracovanie dizajnu do webovej podoby
Aby bolo možné webstránky sprístupniť na internete (čiže uložiť ich na Váš webhosting), je potrebné grafickú podobu dizajnu previesť do jazyka, ktorému rozumie internetový prehliadač. V tejto fáze jednotlivé dizajnové a funkčné prvky umiestnime pomocou značiek jazyka HTML a CSS na svoje pozície a vytvoríme funkčné prepojenia (tzv. hypertextové odkazy) medzi jednotlivými podstránkami projektu. Tieto činnosti vykonávame s ohľadom na prístupnosť stránok čo najširšiemu okruhu návštevníkov a v súlade s najprísnejšími štandardami konzorcia W3C.
TIP: Niektoré stránky sa pri nedodržaní stanovených štandardov môžu každému návštevníkovi zobraziť ináč, čím môže dochádzať k nedorozumieniam, chaosu prípadne až nedôvere.
Programovanie dynamických súčastí
Niektoré časti stránok resp. ich funkcie naprogramujeme na automatizované spracovanie údajov zadaných na strane návštevníka, ktoré následne na základe nich vytvoria špecifický obsah (tzv. dynamické stránky). Takýmito funkciami môžu byť:
- kontaktný formulár
- kniha návštev, anketa
- online kalkulácie, rezervácie
- sekcia pre „prihlásených“ návštenívkov
- ...
TIP: Dynamické súčasti zrýchľujú a zefektívnňujú Vašu komunikáciu s návštevníkmi - Váš potenciálny zákazník napríklad nemusí čakať na vypracovanie cenovej ponuky.
Spracovanie obsahu jednotlivých stránok
Po absolvovaní predchádzajúcich fáz budú Vaše stránky pripravené na použitie, avšak ešte stále im chýba pre internet to najhodnotnejšie - informácie - čiže obsah, ktorý chcete prezentovať. Na základe Vami dodaných podkladov spracujeme obsah jednotlivých podstránok, ktorý bude mať maximálnu vypovedaciu hodnotu:
- spracovanie textu do logických skupín oddelených nadpismi,
- spracovanie údajov do prehľadných tabuliek,
- spracovanie info-grafiky pre ľahšie pochopenie textu - obrázky, vývojové diagramy, grafy, ...
TIP: Pri vytváraní obsahu si dajte záležať najmä na originalite textov, pomôže to pri získavaní Vašich návštevníkov a pri zvyšovaní ich počtu.
Testovanie, ladenie a publikovanie na server
Webstránky naplnené obsahom sú už takmer zrelé na zverejnenie. Pristúpime preto k testovaniu a ladeniu, ktoré pozostáva z:
- testu zobrazovania v jednotlivých prehliadačoch (aby naozaj všetci návštevníci videli Vaše webstránky rovnako),
- testu funkčnosti všetkých dynamických súčastí (aby fungovali korektne a naozaj efektívne),
- kontroly a testu nastavenia webhostingu resp. cieľového servera,
- odstraňovanie prípadných nedostatkov.
Váš web je v tomto momente dokonalý, odladený, otestovaný a pripravený na publikovanie. Teraz môžeme umiestniť celý projekt na Váš webhosting alebo cieľový server.
Cena tvorby webstránok
Presná cena je predmetom individuálnej cenovej kalkulácie, ktorá zohľadní všetky Vaše požiadavky. Pre predstavu uvádzame nasledovné orientačné ceny základných úkonov:
- vytvorenie individuálneho grafického dizajnu od 400 € bez DPH / 480 € s DPH
- spracovanie dizajnu do webovej podoby od 300 € bez DPH / 360 € s DPH
- grafické spracovanie individuálneho vzhľadu jednotlivých podstránok od 100 € bez DPH / 120 € s DPH
- naplnenie webstránok dodaným obsahom od 100 € bez DPH / 120 € s DPH
- animácie, dodatočné grafické prvky - 30 €/hod bez DPH / 36 €/hod s DPH
- programovanie dodatočných súčastí - 30 €/hod bez DPH / 36 €/hod s DPH
Kam ďalej?
- upravujte si obsah podstránok s naším CMS systémom pre správu obsahu
- predávajte cez internet s naším pokročilým eshopom
- získajte pre Vaše webstránky viac návštevníkov