Zaujíma ako vzniká webstránka v profesionálnej reklamnej agentúre? Čo nasleduje po odovzdaní špecifikácie a vytvorení wireframeu? Pripravili sme pre vás prezentáciu, ktorá celý postup popisuje v niekoľkých krokoch.
Chcete ostať v online obraze? Nasledujte náš blog Grappastudio!
https://www.grappa.sk/blog/
3. ♥ Úplne prvým krokom je telefonát, v
ktorom sa predstavíme a dohodneme
na mailovej komunikácii.
♥ Mail: V tomto bode je dôležitá jedna vec
- dôkladne vyplnený brief. Pošleme vám
otázky, na ktoré potrebujeme odpovede.
Čo to je?
♥ Brief je dokument, obsahujúci otázky o
projekte. Čím detailnejšia odpoveď, tým
lepšie.
Brief
Neignorujte cudzie čísla. Možno sme to práve my J
4. Cenová ponuka
♥ K naceneniu projektu potrebujeme presnú špecifikáciu.
♥ Teraz určite chápete, prečo je brief taký dôležitý. Bez
neho sa nepohneme.
♥ Čo môžete očakávať od cenovej ponuky? Najčastejšie
sú to položky, bez ktorých sa tvorba webu nezaobíde:
➘Account manager
➘Grafika
➘Kódovanie šablóny
➘Funkcionality stránky
5. Stretnutie a príprava špecifikácie
♥ Vyhovuje vám cenová ponuka?
Je čas na osobné stretnutie. J
♥ Prejdeme si všetko pekne po lopate. Porozmýšľame
spolu nad celkovým vzhľadom, vlastnosťami a
fungovaním webu.
♥ Prebehne zálohová platba, následne pripravíme
detailnú špecifikáciu projektu, ktorú si schválime.
Od tohto momentu je už všetko na nás. Stačí si len počkať na prvé
výsledky a začať pripomienkovať...
7. Wireframe a dizajn
Púšťame sa do prvých náčrtov stránky a
návrhov dizajnu.
♥ Po schválení wireframeu nasleduje
grafika!
♥ Hráme sa s farbami, umiestnením,
veľkosťou... až kým sa do návrhu
úplne nezamilujeme.
♥ Máme rovnaký vkus? To zistíme v
dvoch-troch pripomienkovacích
kolách.
8. Kódovanie responzívnej šablóny
Vstupujeme do sveta jednotiek a núl
♥ Po schválení finálnej grafiky prechádzame na kódovanie
responzívnej šablóny.
♥ Vďaka tomu uvidíte prekliky, podstránky, animácie... čo
vám umožní ľahšie komentovanie.
♥ Pozor: Pripomienky sa týkajú iba jemných úprav. Projekt
sa nesnažíme zdržiavať.
9. Prechádzame na programovanie
♥ Nasleduje práca na backende a
frontende (inštalujeme CMS,
implementujeme HTML, programujeme
na mieru funkcionality,
synchronizujeme, dolaďujeme)
♥ Obdobie ticha, ktoré stojí za to - táto
fáza vyžaduje určitý čas, na ktorom sa
pravdaže vopred dohodneme
♥ Web je sprítupnený na testovacej
adrese nazovstranky.grappa.sk
10. Testujeme!
Stránka vás potrebuje najviac
♥ Tvorba web stránky nie je o tom, zadať agentúre úlohu a
počkať si na výsledok.
♥ Klienti musia kooperovať a byť aktívni.
➘Vaša stránka vás potrebuje hlavne počas
testovania, kedy si ju prechádzate a spisujete bugy
(chyby). Pozor, práve tu nemôžeme zaspať. Na
reagovanie máte vymedzený čas – max. 48h.
11. Web púšťame do sveta...
♥ Po finálnych korekciách prichádza to, na čo sme všetci
čakali. Web „vyhadzujeme“ na ostrý server.
♥ Žiadna testovacia doména nazovstranky.grappastudio.sk.
Web si žije vlastným životom - nazovstranky.sk!
12. Sme tu pre vás
Odovzdaním webstránky naša spoločná cesta nekončí...
♥ Ako to už býva, bugy a featury sa nájdu aj v tom
najjednoduchšom projekte, preto sme vám plne k
dispozícii.
♥ Stránka nás zaujíma aj po spustení:
➘Supportujeme web, robíme updaty...
➘Sledujeme Google Analytics
➘Poskytujeme rady
14. Slovník
Bug – Chyba, ktorá zapríčiňuje nesprávny chod web stránky.
Najčastejšie vzniká pri neplánovaných úpravách webu, dorábkach.
Feature – Vylepšenie na stránke. Vec, ktorú chce klient inak, ako sa
pôvodne očakávalo a schválilo.
Brief – Predstava klienta, očakávania, cieľ, návrh funkcionality. Klient
spisuje svoje potreby.
Špecifikácia – Dôkladný popis web stránky, ktorú najčastejšie
vyhotovuje agentúra, je zasielaná na začiatku spolupráce, schvalovaná
a najviac obsahuje technickú špecifikáciu web stránky.
Prečo spomíname tieto tri pojmy? Pretože na seba v dvoch prípadoch
úzko nadväzujú:
15. Všetko ide ako má J
Schválená špecifikácia je
dôkladná, súhlasí s potrebami
klienta, pri programovaní
nemáme žiadne otázky a web
vzniká presne podľa požiadaviek
klienta. Minimalizuje sa tým počet
bugov a rovnako aj featurov.
Stránka sa spúšťa načas.
Nič nejde ako má L
Klient schválenú špecifikáciu
mení, dopĺňa, stáva sa nejasnou,
názor klienta sa počas výroby
neustále mení. Zapracovávajú sa
nové nápady (featury). Z toho
vznikajú nové bugy, ktoré
častokrát vyskočia počas
finalizácie projektu. Termíny horia
a nekončiace sa opravy a zmeny
zvyšujú cenu projektu.
Ktorú cestu si vyberiete?