Ja kāds meklē internetā, cik maksā mājas lapa, tur var atrast visu iespējamo amplitūdu: no “es ātri uztaisīšu par 400 eiro” līdz vairākiem desmitiem tūkstošu. Skaidrs ir viens – cena neveidojas pēc izjūtām. Tā sastāv no ļoti konkrētiem soļiem un darba stundām, kur katram posmam ir sava jēga un svars. Jo labāk saprotami procesi, jo vienkāršāk saprast arī izmaksas.

Zemāk – cilvēcisks izklāsts par to, no kā un kāpēc sastāv mājaslapas izstrāde.

Pirmais jautājums vienmēr ir vienkāršs: vai vajag individuālu dizainu, vai pietiek ar šablonu.

• Ja svarīgs unikāls izskats un lietotāja pieredze, individuāls dizains ir pareizais ceļš.
• Ja galvenais ir ātrums un mazāks budžets, var strādāt ar šablonu.

Ja izvēlas individuālu dizainu

Tad viss sākas ar dizaina konceptu – noskaņas, krāsas, fonti, raksturs. Tas nav “skaistumkopšanas elements”, bet pamats tam, kā lietotājs uztvers uzņēmumu.

Pēc tam veidojam moodboard – vizuālu kolāžu, lai abām pusēm ir vienāda izpratne par virzienu.

Tad top sākumlapas dizains, kas parasti aizņem ~24h, jo šeit tiek definēta visa lapas vizuālā valoda.
Katra nākamā lapa vai skats (kontakforma, kategorija u.c.) parasti aizņem 2–4h.

Kopā standarta dizaina apjoms parasti ir 60–80h, savukārt e-komercijas dizaina bloks parasti prasa vēl ~40h.

Kad dizains gatavs, skati tiek savienoti interaktīvā prototipā Figma.

Kas ir prototips?

Tā ir klikšķināma “mājaslapas imitācija”, kur var pārvietoties kā īstā lapā – atvērt izvēlnes, pāriet starp sadaļām utt. Tā nav programmēšana, bet tests tam, kā lietotājs uztvers plūsmu.

Šis posms parasti aizņem ap 16h.

Prototipēšana ļauj pamanīt problēmas pirms programmēšanas sākuma:

• izvēlne nav loģiska,
• poga atrodas ne tur, kur vajadzētu,
• lietotājs apmulst un “apmaldās”,plūsma nav saprotama.

Un tas ir lētākais brīdis, kad kļūdas izlabot.

Kad prototips gatavs, to dod izmēģināt reāliem cilvēkiem (ne dizaineriem un programmētājiem).
Cilvēks saņem konkrētus uzdevumus – piemēram, “atrodi produktu X” vai “nosūti pieprasījumu”.

Testēšanā skatāmies:

• kur lietotājs apstājas un nezin, ko darīt,
• kur viņš meklē pogu, kas nav tur,
• kur viņš neatrod informāciju,
• vai plūsma ir intuitīva.

Šis posms parasti aizņem ~25h, jo vajag vismaz vairākus testētājus, ne tikai vienu.

Pēc testiem gandrīz vienmēr ir lietas, ko pielabot. Bieži tās ir nianses, bet tieši tās nosaka, cik veiksmīgi cilvēki lapu sapratīs.

Šim posmam parasti nepieciešamas 2–15h (atkarīgs, cik lielas izmaiņas).

Ietilpst:

• dizaina labojumi,
• prototipa pārveide,
• atkārtota testēšana, ja tā nepieciešama.

Kad viss sakārtots un plūsma darbojas loģiski, dizains tiek nodots programmētājiem.

Šeit dizains pārvēršas īstā mājaslapā.

Programmēšanas apjoms parasti ir aptuveni līdzvērtīgs dizaina apjomam, jo katrs izstrādātais skats jāuzbūvē precīzi tā, kā tas redzams Figma.

Papildus vienmēr jāparedz:

• izvēlne un kājene: ~1h
• kopējie stili, pogas, krāsu sistēma: ~1h
• spraudņu uzstādīšana un konfigurēšana: līdz 0.5h katram
• responsivitāte (telefons, planšete): 10–15% no projekta
• testēšana: 10–15%
• projekta vadība: līdz ~20% no kopējām stundām

API ir vienkārši “tilts” starp mājaslapu un citām sistēmām – noliktavu, CRM, maksājumu platformām utt.

Sarežģītības amplitūda ir plaša:

• vienvirziena API – pāris stundas,
• divvirzienu apmaiņa – līdz pat 100h, ja daudz parametru un specifisku prasību.

Ne vienmēr API jāprogrammē no nulles – bieži ir pieejami gatavi spraudņi, un tad laiks ir minimāls.

Pat ja lapa perfekta datorā, tā jāpielāgo arī telefonam – mūsdienās tas ir galvenais satiksmes avots.
Tad viss vēlreiz tiek notestēts, līdz nav vairs nevienas nianses, kas “lec acīs”.

Mājas lapas cena nav viens cipars. Tā ir visu posmu summa: dizains, prototipēšana, lietotāju testēšana, labojumi, programmēšana, funkcionalitāte, API integrācijas, responsivitāte, testēšana, projekta vadība.

Jo sarežģītāks projekts, jo vairāk darba. Un jo vairāk darba, jo attiecīgi lielāka cena.

Vienkāršākām lapām prototipēšana un testēšana nav obligāta. Sarežģītām sistēmām – tā ir ļoti ieteicama, jo ietaupa izmaksas programmēšanas etapā un palīdz izvairīties no dārgām kļūdām.

Individuāls dizains ir patīkams bonuss programmētājiem, jo Figma dod precīzu informāciju: fontu izmēri, krāsas, līnijas, attālumi. Bet tas ir arī papildu budžets klientam – izvēle atkarīga no projekta mērķiem.

• Web dizainers: 40–65 EUR + PVN
• Programmētājs: 45–100 EUR + PVN

Interneta veikala cena ar individuālu dizainu: 12000–15000 EUR + PVN

Onepager cena bez dizaina: 400–700 EUR + PVN

Onepager cena ar individuālu dizainu: 1600–2000 EUR + PVN

Vienkārša portfolio mājas lapas cena (5–7 sadaļas) bez dizaina: 2500–4500 EUR + PVN

Portfolio mājas lapas cena ar individuālu dizainu: 6000–9000 EUR + PVN

Interneta veikala cena bez dizaina: 3500–5000 EUR + PVN