Postup realizácie developerského webu

1.1 Spolupráca

Celým procesom vás bude sprevádzať náš projektový manažér, ktorý zabezpečí plynulý priebeh realizácie. Kompletný projekt nového webu s vami preberie na osobnom stretnutí, prostredníctvom konferenčného hovoru alebo video callu.

1.2 Zadanie projektu

Predstavíte nám svoj projekt a poviete nám, čo od nového webu očakávate. My navrhneme ideálne riešenie. Dohodneme sa na rozsahu a technickom riešení.

1.3 Základná analýza rozsahu webu

V ďalšom kroku sa zameriavame na analýzu rozsahu webu - sitemapu (mapu stránok), ktorá určí celkový počet typových (vzorových) stránok. Keďže bez podrobnejšieho zadania nie je možné určiť konečnú cenu projektu, snažíme sa analyzovať rozsah webu (počet stránok, bytov, domov, etáp atď.) a vytvoriť jednoduchú a prehľadnú štruktúru pre intuitívnu navigáciu návštevníkov (UI/UX). Táto analýza určí rozsah webu a technickú náročnosť, čo má vplyv na cenu a termín realizácie.

1.4 Cenová ponuka

Hlavným ukazovateľom ceny nového webu je jeho rozsah - mapa webu. Ide predovšetkým o celkový počet typových stránok, ktoré musí grafik navrhnúť, kodér nakódovať a programátor napojiť na redakčný systém.

V prípade zníženia celkového rozsahu cena webových stránok automaticky klesá, ale naopak jeho rozšírenie môže mať vplyv na konečnú cenu webu. Z tohto dôvodu odporúčame prvú fázu projektu, ktorou je analýza rozsahu webu, nepodceniť a aktívne sa jej venovať.

Rozsah cenovej ponuky webu:

• Analýza projektu
• Sitemapa / Návrh mapy webu
• Wireframe / Návrh interaktívnej štruktúry webu
• Grafický návrh homepage
• Grafický návrh vnútorných stran
• Grafický návrh responzivu
• HTML/CSS kódovánie
• Programátorské práce
• Napojenie na 321 CMS redakčný systém
• Plnenie obsahu webu
• Spustenie webu na serveri

1.5 Zmluva o dielo vrátane termínov

Po odsúhlasení cenovej ponuky vám pošleme návrh zmluvy o dielo vrátane príloh obsahujúcich špecifikáciu diela, časový harmonogram, jednotlivé termíny a technické špecifikácie.

1.6 Fakturácia 1/3

Pri podpise zmluvy vám bude automaticky vygenerovaná predfaktúra vo výške 1/3 z celkovej sumy projektu. Dňom úhrady začína realizácia nového webu. V prípade nevyužitia grafického návrhu alebo ukončenia projektu je táto platba nevratná a slúži ako skicovné.

2.1 Zadanie projektu do 321 INTRA

Kompletná komunikácia aj jednotlivé termíny sú detailne archivované v našom projektovom systéme, do ktorého máte neustály prístup. Prostredníctvom intranetového systému môžete s nami komunikovať, zdieľať podklady a zadávať jednotlivé korektúry.

2.2 Odovzdanie podkladov zo strany zákazníka

Základom úspešnej realizácie každéhO projekte je zhromaždenie všetkých potrebných podkladov. Medzi najdôležitejšie patrí:

• firemné logo v krivkách vrátane logo manuálu + ďalšie logá, ktoré sa majú na webe zobraziť
• kompletné textové podklady (txt. doc.)
• vizualizácie projektu, obrázky a dokumenty na stiahnutie (.jpg, .png) ideálne vo vysokom rozlíšení, ktoré sú použité pre interaktívne SVG a navigáciu v rámci domu
• karty bytov s pôdorysmi bytu v krivkách
• pôdorysy a poschodie v krivkách
• štandardy v PDF
• kompletná a finálna verzia cenníka

Všetky podklady, ktoré od Vás neobdržíme, si radi zaobstaráme sami.
Len upozorňujeme, že dodatočne odovzdané podklady a zmeny obsahu môžu mať vplyv na termín dokončenia, ale aj na konečnú cenu projektu.

2.3 Podrobná analýza projektu

Po odovzdaní podkladov sa pustíme do podrobnej analýzy projektu. Zvyčajne sa zameriavame na:

• analýzu podkladov / rozsahu
• analýzu existujúceho riešenia
• analýzu prístupnosti
• analýzu cieľovej skupiny
• definíciu konverzie / konverznej cesty
• analýzu konkurencie

Dále analyzujeme dáta z Google Analytics a heat mapy.

2.4 Štruktúra webu

Na základe výsledkov analýzy navrhneme ideálnu štruktúru webu (schéma - pavúčí náčrt mapy stránok), ktorá bude definovať celkový rozsah nového projektu a hlavného menu. Po odsúhlasení štruktúry sa púšťame do prípravy interaktívneho drôtového modelu (wireframe).

2.5 Wireframe webu

Aby sa dosiahli požadované konverzné ciele, je nevyhnutné navrhnúť ideálnu štruktúru nového webu. To všetko je potrebné premyslieť ešte pred začatím grafického návrhu. Významnou výhodou tejto fázy je fakt, že v drôtovom modeli je možné veľmi jednoducho vykonávať zmeny, keďže ide o funkčný interaktívny prototyp webu (funkčný web bez grafiky).

2.6 Grafický návrh

Grafický návrh webu zahŕňa kompletné spracovanie grafického dizajnu, vrátane troch originálnych návrhov domovskej stránky. Na základe vybraného favorita sa odvíja základný grafický štýl pre ďalšie stránky, návrh bannerov a sprievodných symbolov, prehľad fotografií, produktov a výrobkov, úprava zaslaných podkladov a veľkosti fotografií, ako aj úprava veľkosti a farebnosti logotypov.

- Grafický návrh domovskej stránky
/ korektúry / odsouhlasení
- Grafický návrh vnútorných stránok
/ korektúry / odsúhlasenie
- Grafický návrh ikon, kontaktných formulárov
/ korektúry / odsúhlasenie
- Grafický návrh responzívneho dizajnu
/ korektúry / odsúhlasenie

2.7 Fakturácia 2/3

Ak ste s grafickým návrhom webu spokojní, môžeme začať s programovaním webu. V súlade s obchodnými podmienkami vystavujeme druhú z troch faktúr.

3.1 HTML/CSS Kódovanie

Po odsúhlasení grafického designu nasleduje frontend kódovanie, čo v praxi znamená rozpohybovanie statickej grafiky na interaktívnu podobu. Táto časť je časovo najnáročnejšia.
Kódovanie je optimalizované pre tieto prehliadače:

• Internet Explorer 11
• MS Edge 14+
• Mozilla Firefox (aktuálna verzia)
• Google Chrome (aktuálna verzia)
• Apple Safari (iOS 9.3+), Android browser (Andorid 5+)

Súčasťou sú aj knižnice Bootstrap, Media Queries, JavaScript a framework jQuery.

3.2 Programovanie

Zahŕňa sprevádzkovanie kontaktných formulárov a špeciálnych technických vylepšení na mieru každému webu.

3.3 Prepojenie s redakčným systémom 321 WEB

Redakčný systém je nástroj slúžiaci na správu obsahu a tvorbu webových stránok alebo blogov. Používa sa aj na správu príspevkov, noviniek, diskusií, produktov, dokumentov, komentárov, publikovanie obrázkov alebo videí. V rámci redakčného systému je možné nastavovať aj práva jednotlivým používateľom.

Keďže ide o softvér vyvinutý našimi programátormi, vieme CMS upraviť a prispôsobiť vašim požiadavkám. Viac informácií o funkčnosti nájdete na www.321web.cz.

3.4 Plnenie obsahu

Akonáhle je web napojený na CMS redakčný systém, môžeme začať s plnením obsahu vrátane dokumentov na stiahnutie a všetkých dôležitých informácií. Predvyplníme vám aj stránku GDPR vrátane dôležitých právnych náležitostí.

3.5 Responzívny design

Predposledným krokom pri realizácii nového webu je vytvorenie mobilného - responzívneho designu, ktorý zabezpečuje optimálne zobrazenie webových stránok na rôznych zariadeniach (mobilné telefóny, tablety a pod.).

S responzívnym designom je potrebné počítať už pri grafickom návrhu webu, kde sa určia prioritné prvky pre zobrazenie na menších obrazovkách.

3.6 Testovacia prevádzka

Akonáhle je web úspešne dokončený, začíname testovaciu prevádzku na našich serveroch. Zameriavame sa na funkčnosť, intuitívnu navigáciu a nastavujeme dôležité konverzné a sledovacie kódy pre rozsiahlejšiu analytiku. Ďalej optimalizujeme rýchlosť načítania, upravujeme veľkosť obrázkov a prevádzame ich do formátu WebP. Web pripravujeme na spustenie na vopred vybranom serveri.

4.1 Prístupy na server a DNS domény

Z vlastnej skúsenosti odporúčame zhromaždiť všetky prístupy ešte pred začiatkom realizácie. Vypátrať vlastníka domény vrátane prihlasovacích údajov k serveru býva často časovo náročné. Prosíme o zaslanie prístupov na FTP server vrátane MySQL databázy. Dostupnosť voľnej domény si môžete jednoducho overiť na www.domena.sk.

4.2 Záloha starého webu

V prípade potreby zálohujeme starý web.

4.3 Spustenie webu na požadovanej doméne

Nový web pustíme do sveta na (staro) novej doméne.

4.4 Kontrola analytických a meracích kódov

Skontrolujeme, či všetky analytické a meracie kódy fungujú správne a odosielajú údaje tak, ako majú.

4.5 Fakturácia 3/3

Po vašej úplnej spokojnosti s novým webom vystavujeme finálnu faktúru (poslednú tretinu) z celkovej sumy projektu.