Kā veidojas mājaslapas cena? Cilvēcisks un saprotams skaidrojums
Ja internetā meklē, cik maksā mājaslapa, vari atrast gandrīz jebkuru ciparu. No “Ai, es tev par 400 uztaisīšu” līdz vairākiem desmitiem tūkstošu. Patiesībā mājaslapas cena neveidojas no gaisa — tā sastāv no pavisam konkrētām darba stundām. Un jo vairāk saprotam, kas aiz tām stundām slēpjas, jo vieglāk pieņemt pamatotus lēmumus.
Šeit iziesim cauri visam procesam tā, lai skaidrs ir arī cilvēkam, kurš ar dizainu un programmēšanu nav ticis tuvāk par “es tev atgādišu paroli vēlāk”.
1. Vai vajag individuālu dizainu? (vēlams posms!)
Pirmais jautājums vienmēr ir tas pats: vai vietnei vajag savu dizainu, vai arī var izmantot šablonu?
Ja gribas unikālu, uz lietotāju orientētu, vizuāli sakārtotu mājaslapu, tad jā — dizains ir nepieciešams. Ja mērķis ir ātri un maksimāli ekonomiski, var iztikt bez individuāla dizaina.
Ja izvēlies individuālu dizainu
Tad viss sākas ar dizaina konceptu — izrunājam, kādu noskaņu vēlies, kas piestāv zīmolam, kādas krāsas un fonti ir pareizie. Tā nav tikai skaistuma lieta — tas nosaka lietotāja uztveri un dizaina konsekvenci.
Tālāk top moodboard, kas būtībā ir vizuāls iedvesmas dēlis, lai mēs runātu vienā valodā un ir skaidrs, uz kuru pusi ejam (dažādu bilžu kolāža).
Tad veidojam sākumlapas dizainu (parasti ap 24h), jo tur tiek definēti pamata stili.
Katrs nākamais skats — piemēram, kontaktforma, kategorijas lapa, “paldies par sūtījumu” paziņojums — aizņem vidēji 2–4 stundas.
Standarta projektu dizains vidēji veidojas 60–80h robežās, e-komercijai — vēl ap 40h klāt.
2. PROTOTIPĒŠANA un Figma interaktīvais prototips (vēlams posms!)
Šī sadaļa bieži netiek pieminēta, bet patiesībā tā ir ļoti būtiska. Kad dizaina skati ir gatavi, mēs tos savienojam interaktīvā prototipā Figma.
Kas ir prototips Figma?
Vienkārši sakot, tas ir klikšķināms makets, kur var pārvietoties tāpat kā īstā mājaslapā — spiest pogas, atvērt izvēlnes, pāriet starp sadaļām.
Tas vēl nav kods, bet vizuāla testa vide.
Kāpēc tas tik svarīgi?
Tāpēc, ka cilvēks bieži redz lapu citādi, nekā iedomājies galvā. Prototipā uzreiz kļūst redzams:
vai izvēlne ir saprotama;
vai poga atrodas tur, kur vajadzētu;
vai lapas plūsma ir loģiska;
vai nav nevajadzīgu soļu, kas lietotāju tikai mulsina.
Parasti prototipa izstrāde aizņem ap 16h.
3. Testēšana ar reāliem lietotājiem (vēlams posms!)
Kad prototips gatavs, to dod testēt īstiem cilvēkiem. Nevis dizaineriem, nevis programmētājiem, bet tiem, kas vietni lietos — klientiem, kolēģiem, pat radiniekiem, ja tie ir mērķauditorijā.
Testēšana notiek ļoti praktiski: cilvēkam tiek iedoti vairāki uzdevumi (piemēram, “atrodi produktu X” vai “nosūti pieprasījumu”), un skatāmies:
kur viņš apmulst;
kur iestrēgst;
kur spiež pogu, kurai vispār nevajadzētu būt aktuālai;
kāds ceļš ir intuitīvs un kāds — nē.
Šis posms parasti aizņem ap 25 stundām, jo testiem jābūt kvalitatīviem un jāsavāc dati no vairākām personām.
4. Labojumi un atkārtotā testēšana (vēlams posms!)
Nav tā, ka pēc pirmā testa viss būs perfekti. Parasti ir jāpielabo virkne lietu — bieži mazu, bet nozīmīgu detaļu.
Tad tiek veikti:
dizaina labojumi,
prototipa pielāgošana,
un atkārtota testēšana.
Šis posms parasti aizņem no 2 līdz 15 stundām (ja ir tikai nelieli labojumi, atkārtoti testēt nav nepieciešams).
Kad tas viss ir iziets, tad dizains tiek nodots programmētājiem.
5. Programmēšana un tehniskais darbs
Šis ir posms, kur dizains pārvēršas īstā mājaslapā.
Svarīgi saprast — programmēšanas stundas parasti līdzinās dizaina stundu apjomam, jo katrs skats ir jāuzbūvē identiski tam, kas redzams Figma.
papildus vienmēr jārēķina:
menu un footer iestatīšana: ~1h
krāsas, pogas, kopējie stili: ~1h
spraudņu uzstādīšana/konfigurēšana: līdz 0.5h vienam
responsivitāte telefonos un planšetēs: 10-15% no kopējā laika
testēšana: 10–15% no kopējā laika
projekta vadība: līdz 20% no projekta apjoma
6. API un ārējo sistēmu savienojumi
API (vienkāršiem vārdiem — “tilts starp sistēmām”) ir atsevišķa tēma.
Tā var būt noliktava, CRM, maksājumu sistēmas u.c.
Sarežģītība var būt gan niecīga, gan iespaidīga:
vienvirziena API (tikai nosūtām datus) — pāris stundas;
divvirzienu API (sūtām un saņemam datus) — līdz pat 100h, ja ir daudz parametru, datu tipu un scenāriju.
Šis ne vienmēr ir nepieciešams un bieži ir atrodami jau iepriekš izstrādāti un salāgoti risinājumi, piem., spraudņu veidā, kas aizņems neilgu laiku.
7. Mobilā pielāgošana un gala kvalitāte
Kad lapa strādā uz datora, jānodrošina, ka tā perfekti izskatās telefonā, kas mūsdienās ir galvenais traffic avots.
Tad viss vēlreiz jātestē, līdz nav neviena šķība pikseļa.
Kopsavilkums “kā cilvēkiem”
Lapas cena nav “mistiski 1500€ vai 14000€”.
Tā ir:
dizains,
prototipēšana,
lietotāju testēšana,
labojumi,
programmēšana,
funkcionalitāte,
API,
responsivitāte,
testēšana,
un projekta vadība.
Jo sarežģītāks projekts, jo vairāk darba. Jo vairāk darba, jo lielāka cena.
Vienkāršākos projektos šāda prototipēšana un testēšana nav nepieciešama, bet tā ir obligāta sarežģītāku sistēmu izstrādes projektos, lai Jūs lieki neizmestu naudu programmēšanā, bet kļūdas “izķertu” jau pašā projekta sākumā. Tāpat dizains – jā, ir forši, ja tāds ir, jo tas atvieglo darbu programmētājiem (viņi var Figma redzēt katru fonta nosaukumu, izmēru, līnijas biezumu un krāsas kodu), bet tās ir papildu izmaksas klientam.
Pieredzējuša web dizainera stundas likme ir vidēji 40 – 65 EUR + PVN. Programmētāju: 45 – 100 EUR.
Vidējās cenas (bez prototipēšanas un lietotāju testiem):
Onepager (vienlapītis ar skrolu uz leju – dažādas sadaļas) bez dizaina: ap 400-700 EUR + PVN
Onepager ar custom (individuālu) dizainu: 1600-2000 EUR + PVN
Vienkārša mājaslapa (portfolio mājas lapa) ar 5-7 sadaļām bez dizaina: ap 2500-4500 EUR + PVN
Portfolio mājaslapa ar custom (individuālu) dizainu: ap 6000-9000 EUR + PVN
Interneta veikals bez custom dizaina: ap 3500-5000 EUR + PVN
Interneta veikals ar custom dizainu: ap 12000-15000 EUR + PVN
