Web dizajn i razvoj

Od ideje do vaše web stranice.

Izrađujemo poslovne web stranice koje jasno predstavljaju vašu kompaniju, usluge i kontakt informacije. Nakon objave nudimo održavanje, izmjene sadržaja i tehničku podršku kako bi stranica nastavila pratiti vaše poslovanje.

Kako nastaje web stranica?

Jasan proces pomaže da u svakom koraku znate šta pripremamo i gdje je potrebna vaša povratna informacija.

  1. Dogovor i planiranje

    Prvo razgovaramo o vašoj djelatnosti, korisnicima i cilju stranice. Dogovaramo koje su podstranice potrebne, koje informacije posjetilac treba najprije vidjeti i kako će vas kontaktirati. Zajedno definišemo obim projekta i potrebne funkcionalnosti.

  2. Sadržaj i vizuelni raspored

    Pripremamo strukturu menija, raspored sekcija, boje i tipografiju u skladu s vašim identitetom. Od vas su potrebni logo, podaci o kompaniji, opis usluga i fotografije koje smijete koristiti. Prijedlog rasporeda usklađujemo prije završne izrade.

  3. Razvoj i povezivanje funkcija

    Izrađujemo stranice i povezujemo navigaciju, kontakt podatke, mape i dogovorene dodatke. Dizajn prilagođavamo različitim veličinama ekrana. Ako je potrebna kontakt-forma, povezujemo je s obradom poruka na serveru ili odgovarajućom uslugom.

  4. Pregled i testiranje

    Provjeravamo izgled na računaru i mobitelu, linkove, čitljivost, navigaciju tastaturom i rad obrazaca. Optimizujemo slike i provjeravamo učitavanje. Vi pregledate sadržaj i dostavljate završne korekcije prije objave.

  5. Domena, hosting i objava

    Domena je adresa vaše stranice, a hosting prostor na serveru gdje se nalaze njene datoteke. Nakon dogovora o pristupima i objavi postavljamo stranicu, povezujemo domenu i podešavamo HTTPS. Zatim provjeravamo javnu verziju, uključujući kontakt-formu i mobilni prikaz.

  6. Predaja i daljnja saradnja

    Po završetku dogovaramo način predaje i upravljanja stranicom. Objašnjavamo kako prijaviti izmjenu, koje pristupe treba sačuvati i kako se nastavlja održavanje. Nove sekcije i funkcionalnosti mogu se razvijati naknadno, prema potrebama vašeg poslovanja.

Tehnologija, jednostavno objašnjena

Kako pravimo stranice u Visual Studio Codeu?

Visual Studio Code je editor u kojem pišemo i uređujemo kod. Izgled i funkcije stranice nastaju kroz taj kod, a rezultat prikazuje web preglednik.

HTML: sadržaj i struktura

HTML određuje naslove, odlomke, slike, linkove i obrasce. Datoteka index.html obično je početna stranica, dok druge HTML datoteke mogu predstavljati usluge, reference i kontakt.

CSS: izgled i prilagodba

CSS određuje boje, fontove, razmake i raspored. Pomoću prilagodljivih mreža i pravila za različite širine ekrana isti sadržaj može biti u više kolona na računaru, a u jednoj na mobitelu.

JavaScript: interakcija

JavaScript dodaje ponašanje: otvaranje menija, pomicanje referenci, provjere unosa i druge interaktivne elemente. Obrada i slanje poruka zahtijevaju i odgovarajuću serversku uslugu.

Korak po korak: od datoteka do pregleda stranice
  1. Otvorimo mapu projekta u Visual Studio Codeu i organizujemo HTML, CSS, JavaScript i slike.
  2. U HTML dokument povežemo CSS datoteku za izgled i JavaScript datoteku za funkcije.
  3. Izradimo sadržaj i raspored, pa pokrenemo lokalni pregled putem razvojnog servera.
  4. U pregledniku provjeravamo promjene, različite širine ekrana i eventualne greške kroz razvojne alate.
  5. Sačuvamo provjerenu verziju i pripremimo datoteke za hosting. Ako projekt koristi dodatne alate, prethodno napravimo produkcijsku verziju.
  6. Nakon prijenosa na server ponovimo provjere na stvarnoj domeni. Lokalni pregled sam po sebi ne objavljuje stranicu na internetu.

Za dodatno učenje: službeni vodič za HTML u VS Codeu i MDN vodič za objavljivanje stranice.

Podrška nakon objave

Izrada je početak. Održavanje čuva kvalitet.

Nudimo i održavanje izrađene web stranice. Obim, učestalost provjera i rokove intervencija dogovaramo prema tehnologiji stranice i vašim potrebama.

Izmjene sadržaja

Ažuriranje kontakt podataka, radnog vremena, tekstova, fotografija, usluga i referenci. Tako posjetioci dobijaju informacije koje odgovaraju vašoj trenutnoj ponudi.

Tehnička briga

Provjera linkova, obrazaca i prikaza te otklanjanje uočenih grešaka. Kod sistema koji koriste dodatke i biblioteke, održavanje može uključivati njihova ažuriranja i provjeru kompatibilnosti.

Sigurnosne kopije

Prema dogovoru čuvamo kopije datoteka i baze podataka, ako je stranica koristi. Prije većih promjena važno je imati verziju na koju se može vratiti i provjeriti mogućnost obnove.

Brzina i preglednost

Optimizacija novih slika, pregled učitavanja i prilagodba rasporeda kada sadržaj raste. Pratimo da nove izmjene ne otežaju korištenje na manjim ekranima.

Domena i hosting

Možemo pomoći s tehničkim postavkama hostinga, HTTPS certifikatom i problemima dostupnosti. Upravljanje obnovama i troškovi domene, hostinga i vanjskih usluga definišu se zasebno.

Daljnji razvoj

Dodavanje novih podstranica, jezika i funkcija planiramo kao nadogradnju. Prije početka usklađujemo zahtjev, obim rada i ponudu kako biste znali šta se mijenja.

Kako zatražiti izmjenu?

Pošaljite link stranice, opišite šta treba promijeniti i dostavite novi tekst ili fotografije. Pregledamo zahtjev, potvrdimo obim i rok, pripremimo izmjenu, provjerimo je i objavimo prema dogovoru.

Dogovorite izradu ili održavanje

Prije početka saradnje

Moram li znati programirati?

Ne. Vi opisujete svoje poslovanje i potrebe, a mi preuzimamo tehnički dio. Ako želite sami uređivati sadržaj, to treba dogovoriti na početku kako bismo odabrali odgovarajuće rješenje za upravljanje sadržajem.

Šta trebam pripremiti i koliko traje izrada?

Pripremite logo, tekstove, fotografije, kontakt podatke i primjere koji vam se sviđaju. Rok zavisi od broja stranica, funkcija i spremnosti materijala. Procjenu dajemo nakon razgovora i dogovorenog obima.

Da li je održavanje uključeno u izradu?

Izradu i održavanje definišemo u ponudi. Dogovaramo koje su izmjene obuhvaćene, koliko često se rade provjere i kako se obračunavaju dodatni zahtjevi.

Šta podrazumijeva SEO priprema?

Jasne naslove, opisne naslove stranica i meta opise, smislen sadržaj, opis slika i tehnički urednu strukturu. To pomaže razumijevanju sadržaja, ali samo po sebi ne garantuje određenu poziciju u rezultatima pretrage.