Brief za web stranicu: što nam treba prije prvog piksela

Projekt izrade web stranice počinje puno prije nego što itko otvori uređivač koda. Evo točno što pripremiti da cijeli proces teče glatko.

Projekt izrade web stranice ne počinje kada developer otvori uređivač koda. Počinje razgovorom. I što ste bolje pripremljeni za taj razgovor, to je bolji rezultat.

Vidjeli smo projekte koji stagniraju tjednima jer osnovne informacije nisu prikupljene unaprijed. Vidjeli smo i projekte koji prolete kroz razvoj jer je klijent došao sa svime organiziranim. Razlika je gotovo uvijek priprema, ne talent ili budžet.

Evo što pripremiti. Ne treba sve od prvog dana. Ali što više donesete na stol, to stvari idu brže i glatkije.

Vaš identitet brenda

Trebamo razumjeti tko ste prije nego što vas možemo predstaviti online.

Datoteke logotipa. Vektorski format (SVG ili AI) je idealan. PNG visoke rezolucije funkcionira ako je to što imate. Sićušni JPEG skinut s vaše Facebook stranice ne funkcionira. Ako još nemate pravi logotip, to je u redu. Ali treba ga napraviti prije nego počne faza dizajna.

Boje brenda. Ako imate specifične hex kodove ili Pantone vrijednosti, podijelite ih. Ako samo znate "plava i bijela", to je polazna točka. Postojeće smjernice brenda s paletama boja štede svima vrijeme.

Tipografija. Koristite li specifične fontove u tiskanim materijalima, vizitkama ili drugom marketingu? Dosljednost između tiska i weba gradi prepoznatljivost brenda. Ako nemate ustaljene fontove, preporučit ćemo one koji odgovaraju vašem identitetu. Naš vodič o odabiru pravog fonta pokriva na što obratiti pozornost.

Ton komunikacije. Jeste li formalni i korporativni? Ležerni i prijateljski? Tehnički i precizni? Način na koji komunicirate oblikuje svaki tekst na stranici. Ako imate smjernicu brenda koja ovo pokriva, pošaljite je.

Što više materijala o brendu pružite, to je manje nagađanja. Nagađanje vodi revizijama. Revizije troše vrijeme i budžet.

Što web stranica treba raditi

Ovo zvuči očito. Nije. "Trebamo web stranicu" nije cilj. "Trebamo web stranicu koja generira 50 kvalificiranih upita mjesečno" jest cilj.

Primarna svrha. Je li ovo brošura stranica koja objašnjava vaše usluge? E-commerce trgovina koja prodaje proizvode? Stroj za generiranje leadova s formama i CTA-ovima? Portfolio koji prikazuje vaš rad? Svaka svrha vodi do vrlo različitih odluka o dizajnu i tehnici.

Ciljna publika. Koga pokušavate doseći? Dob, lokacija, razina tehničke udobnosti i kupovno ponašanje sve utječe na dizajnerske odluke. Stranica za umirovljenike izgleda i funkcionira drugačije od one za programere.

Ključne akcije. Što bi posjetitelji trebali učiniti? Kupiti nešto. Ispuniti formu. Nazvati vas. Rezervirati termin. Preuzeti resurs. Svaka stranica treba voditi prema jednoj od ovih akcija. Poznavanje istih unaprijed oblikuje cijelu arhitekturu stranice.

Referentni konkurenti. Pokažite nam 3-5 web stranica koje vam se sviđaju. Ne nužno konkurenti. Samo stranice gdje pomislite "želim nešto slično tome". Ovo vrijedi više od tisuću riječi opisa. Pokažite nam i što vam se ne sviđa. Znati što izbjegavati jednako je vrijedno.

Vaš sadržaj

Sadržaj je najveće usko grlo u web projektima. Također je stvar za koju su klijenti najmanje pripremljeni.

Tekst. Svaka stranica treba copy. Početna, o nama, usluge, kontakt, opisi proizvoda. Ako možete dostaviti poliran tekst, projekt se brzo kreće. Ako trebate pomoć s copywritingom, uračunajte to u vremenski plan i budžet.

Slike. Prave fotografije vašeg tima, ureda, proizvoda i rada pobjeđuju stock fotografiju svaki put. Profesionalne fotografije su idealne, ali dobre snimke pametnim telefonom funkcioniraju u krajnjoj nuždi. Što ne funkcionira: mutne slike, stock fotografije s vodenim žigom ili slike manje od 1000px širine.

Izvorna slika prikazana kao dvanaest blokova, zatim smještena u isti okvir dvaput. Na 1x zaslonu okvir ima dvanaest podjela i svaki blok pokriva jednu. Na 2x zaslonu okvir ima dvadeset i četiri podjele i svaki blok mora pokriti dvije.
Zašto je donja granica za fotografije broj, a ne stvar ukusa. Datoteka prikazivanjem ne dobiva detalje, pa na zaslonu mobitela u vašem džepu svaki izvorni piksel mora pokriti dva. Pošaljite najveći original koji imate, a ne onaj koji već izgleda dobro na vašem laptopu.Otvori sliku u punoj veličini

Video. Ako imate video sadržaj, podijelite ga rano. Video utječe na raspored stranice, strategiju učitavanja i odluke o hostingu.

Dokumenti i preuzimanja. Jelovnici, brošure, specifikacije, sve što bi posjetitelji mogli preuzeti. Ovo treba biti spremno u konačnom obliku.

Evo surove istine: čekanje na sadržaj razlog je broj jedan zašto web projekti probijaju rokove. Počnite ga prikupljati čim odlučite graditi novu stranicu. Ne čekajte dok dizajner zatraži.

Tehnički detalji

Ne morate biti tehnički osoba. Ali trebate odgovore na neka tehnička pitanja.

Naziv domene. Posjedujete li već jednu? Tko je upravlja? Koji je login registra? Ako trebate novu domenu, imajte nekoliko opcija na umu. Dobre domene sve je teže pronaći.

Trenutni hosting. Ako imate postojeću stranicu, gdje je hostirana? Imate li pristupne podatke? Planiranje migracije ovisi o poznavanju onoga što postoji.

E-mail. Koristite li poslovni e-mail (@vasadomena.hr)? Promjena hostinga ili domene može utjecati na e-mail. Trebamo znati što je postavljeno kako bismo izbjegli prekide.

Integracije. Treba li se stranica povezati s nečim? CRM poput HubSpota. Alat za e-mail marketing poput Mailchimpa. Sustav za rezervacije. Pristupnik za plaćanje. Sustav za upravljanje zalihama. Svaka integracija dodaje opseg. Navedite ih sve, čak i one "bilo bi lijepo imati".

Analitika. Imate li postavljene Google Analytics, Search Console ili bilo kakvo praćenje? Očuvanje povijesnih podataka je bitno.

Odabir pravog CMS-a je tehnička odluka koju ćemo donijeti zajedno, na temelju vaših potreba i razine udobnosti s upravljanjem sadržajem.

Mapa stranice i struktura

Ne trebate punu mapu stranice. Ali ideja o tome koje stranice trebate enormno pomaže.

Počnite jednostavno. Navedite svaku stranicu za koju mislite da je stranica treba. Početna. O nama. Usluge (i podstranice za svaku uslugu?). Portfolio. Blog. Kontakt. Cijena. FAQ.

Zatim razmislite o hijerarhiji. Što je najvažnije? Što bi trebalo biti u glavnoj navigaciji? Što može živjeti u footeru? Kako bi usluge trebale biti organizirane?

Ako imate postojeću stranicu, pregledajte je kritički. Koje stranice privlače promet? Koje stranice posjetitelji ignoriraju? Koji sadržaj nedostaje? Vaši podaci analitike (ako ih imate) odgovaraju na ova pitanja činjenicama umjesto pretpostavkama.

Jasna struktura čini korisničko iskustvo boljim od prvog dana. Također čini projekt lakšim za procjenu.

Vremenski rok i budžet

Budite iskreni o oboje.

Vremenski rok. Kada vam ovo treba uživo? Postoji li čvrst rok (lansiranje proizvoda, sezonski događaj) ili je fleksibilan? Požureni rokovi su mogući, ali koštaju više i ostavljaju manje prostora za iteraciju.

Budžet. Ne trebate točan broj. Ali realističan raspon pomaže nam pravilno oblikovati projekt. Budžet od 2.000 EUR i budžet od 20.000 EUR vode do vrlo različitih web stranica. Obje mogu biti izvrsne za svoju cjenovnu razinu, ali samo ako dizajniramo za to ograničenje od početka.

Ako niste sigurni koliko web stranica košta, naš alat za izračun cijena daje vam okvirnu procjenu na temelju vaših specifičnih zahtjeva.

Što se događa kad niste pripremljeni

Projekti koji počnu bez ovih informacija ne propadaju. Ali se muče.

Dizajn prolazi kroz više revizija jer vizija nije bila jasna. Razvoj stagnira čekajući sadržaj. Integracije se otkrivaju usred gradnje, šireći opseg i budžet. Datumi lansiranja se pomiču.

Tjedan dana potrošen na prikupljanje ovih informacija prije početka projekta može uštedjeti mjesec dana natezanja tijekom razvoja. To je priprema s najvećim ROI-em koju ćete ikada napraviti.


Pripremate se za izgradnju nove web stranice? Prikupite što možete s ove liste i javite nam se. Što ste pripremljeniji, to je bolji rezultat.

Podijelite ovaj članak

Povezani članci

KontaktWhatsApp