fbpx

Case study – 3dmjerenje.hr

Web stranicu 3dmjerenje.com temeljili smo na WordPressu i Gutenbergu, te na taj način osigurali modularnost same razvijene teme, te jednostavno proširivanje novim sadržajima.

va web stranica je svojevrsni dokaz da gotova framework rješenja / page builderi nisu neophodni da bi web bio kvalitetan i dobro izgledao. Čak što više, ovom web stranicom smo dokazali ono što već godinama tvrdimo, a to je da je nativni WordPressov framework Gutenberg po funkcionalnostima sasvim dovoljno dobar za svačije potrebe, a pritom omogućava neusporedibolje performanse web stranice u odnosu na komercijalne page buildere.

Odlična suradnja, sve što nam je potrebno naprave profesionalno, na vrijeme i prema dogovoru, te dalje nastavljamo u istom tonu. Odlična usluga, susretljivost i pojašnjenja kroz određene faze rada. Također njihova posvećenost klijentu tijekom radnih zadataka je na zavidnoj razini. U svakom slučaju Codeart.Studio je poduzeće za svaku preporuku.

Kristina i Edo Aganović, Studio element d.o.o.

Razvili smo koncept
Dizajn orijentirali prema klijentovim potrebama
Isprogramirali specifičnosti
Vodili računa o responzivnosti
Case study – 3dmjerenje.hr - logotip

Iza branda 3D mjerenje stoji tvrtka Studio element d.o.o. koja pruža uslugu digitalnog mjerenja prostora, te 3D prikaz u CAD programu kao najvažniji preduvjet građevinskim radovima, uređenju interijera i izradi namještaja.

Suradnja između nas je počela prije godinu i pol, kada smo tadašnju web stranicu klijenta malo “pokrpali” da bi bila funkcionalna, te ugovorili razliličite usluge promocije i digitalnog marketinga.

Tadašnja web stranica bila je kreirana kroz Visual Composer – framework koji zahtijeva izrazito puno resursa da bi web stranica “disala”, a o toj problematici smo pisali u članku u kojem smo uspoređivali page buildere (kliknite ovdje).

S obzirom da je bolji rad web stranice podrazumijevao uklanjanje Visual Composera, a da je to značilo uklanjanje dizajna i mnogih funkcionalnih elemenata, klijent se složio da je jedino kvalitetno i drugoročno rješenje izrada nove web stranice.

  • Nova web stranica je trebala imati sav sadržaj kao i prethodna, uz neke nove rubrike.
  • Dizajn je trebao korespondirati s tržišnom nišom.
  • Jednostavan unos sadržaja i mogućnost atraktivnog i preglednog organiziranja sadržaja na stranicama i člancima bio je jedan od važnijih preduvjeta kojeg smo trebali ispuniti.

Konačni rezultat opisujemo u nastavku.

Ova web stranica je svojevrsni dokaz da gotova framework rješenja / page builderi nisu neophodni da bi web bio kvalitetan i dobro izgledao. Čak što više, ovom web stranicom smo dokazali ono što već godinama tvrdimo, a to je da je nativni WordPressov framework Gutenberg po funkcionalnostima sasvim dovoljno dobar za svačije potrebe, a pritom omogućava neusporedibolje performanse web stranice u odnosu na komercijalne page buildere.

WordPress i Gutenberg – idealan spoj za maksimalnu fleksibilnost, brzinu i stabilnost

Onaj tko prati naše objave i rad, zna da smo veliki protivnici komercijalnih WordPress / WooCommerce tema, korištenja prekomijerne količine pluginova, i ugradnje page buildera.

Za razliku od mnogih sličnih agencija, važna usluga na kojoj zasnivamo poslovanje je održavanje web stranica i trgovina, i jako smo dobro kakve posljedice imaju korištenje komercijalnih tema, neprovjerenih pluginova i kompleksnih page buildera.

Stoga, sve naše web stranice karakterizira čist programski kod, bez suvišnih elemenata, a što je osnovni preduvjet za stabilnost, dugoročnost i financijski povoljno održavanje.

Upravo s tom motivacijom je razvijana i web stranica 3dmjerenje.com.

Lajtmotiv je bio omogućiti klijentu atraktivnu prezentaciju i jednostavno uređivanje sadržaja – i naravno, potruditi se da financijska strana projekta bude svima prihvatljiva.

Za izgradnju naslovnice i sadržaja su korišteni uglavnom custom kreirani Gutenberg blokovi i obrasci (patterns). Evo kako to izgleda:

Hero segment (dobrodošlica)

Tzv. hero segment naslovnice realiziran kroz custom Gutenberg blok (front end)
Uređivanje sadržaja u back-endu kroz custom kreirani Gutenberg blok, s mogućnošću dodavanja teksta, fotografija, linkova.

Prezentacija usluge u odnosu na ciljnu publiku

Gutenberg obrasci za klijenta znače ogromnu uštedu vremena – to su naime preddefinirani sadržajni (ali i funkcionalni) okviri koji se mogu ubaciti u tijek stranice jednim klikom, te po potrebi samo zamijeniti sadržaj bez potrebe za uređivanjem strukture okvira. Ovime se štedi vrijeme, ali i osigurava konzistentnost prikaza i dizajna.

Segment prednosti na front-endu kreiran je kroz klasične Gutenberg blokove…
…dok je u back end-u kreiran obrazac kojeg klijent može “ubaciti” jednim klikom i po potrebi urediti bez bilo kakve potrebe za uređivanjem strukture, samo sadržaja.

Istaknuti projekti

Segment “Istaknuti projekti” realiziran je kroz tzv. ponavljajuće polje, gdje klijent nije ograničen količinom prikazanih projekata.

Istaknuti projekti na naslovnici (front end)
Istaknuti projekti u pozadini (back end)

Kod ponavljajućeg polja klijent sam sebi kreira dodatnu masku za unos modula (u neograničenoj količini). Rezultat je vrlo intuitivno i fleksibilno sučelje bez suvišnih elemenata, vrlo jednostavno za uređivanje i održavanje.

Zašto 3D mjerenje?

Segment s prednostima tvrtke realiziran je kroz nativne Gutenberg blokove zbog svoje jednostavnosti, ali i fleksibilnosti pri uređivanju. S prednje strane taj blok izgleda ovako:

Nativni Gutenberg blok na naslovnici (front end)
Nativni Gutenberg blok u pozadini (back end)
Alati za uređivanje Gutenberg blokova (u ovom slučaju fotografije) na desnoj strani

Priču s blokovima mogli bismo nastaviti u nedogled, jer smo za klijenta kreirali još mnogo prilagođenih, ali i grupiranih obrazaca. Poanta je da je klijent s Gutenbergom u kombinaciji s razvojem custom WordPress teme dobio veliku fleksibilnost u kreiranju sadržaja, koji se kroz cijeli web prikazuje konzistentno, responzivno i atraktivno.

Dodatne unutarnje stranice čije je kreiranje prošlo kroz proceduru wireframinga i mockupinga

Zajednička karakteristika svih naših web stranica je maksimalna orijentiranost prema klijentu, što znači jedinstven dizajn i koncept, usmjeren prema ciljnoj publici poslovanja s kojim surađujemo.

Da bi rezultat zaista bio efektan, proces izrade prolazi kroz nekoliko faza: wireframing, mokuping i izrada prototypa (live web stranice).

Prototype je “živa” web stranica, s dizajnerskim i funkcionalnim elementima. Nastanak prototypea u našem slučaju obuhvaća CMS (WordPress), Gutenberg, i neke dodatne alate koje koristimo u izradi.

A live rezultat fotografija koje prikazujemo prethodno možete vidjeti na linku Industrija 4.0.

Još nekoliko aspekata po kojima je web stranica 3dmjerenje.com specifična

  1. Newsletter – Web stranicu 3dmjerenje.com smo integrirali s e-mail marketing servisom Sendinblue putem web forme. Inače, newsletter je jedan od važnijih kanala promocije za tvrtku Studio element d.o.o., putem kojeg aktivno povećavaju broj svojih klijenata.
  2. Multisite – kod kompleksnijih web stranica, posebno kod web trgovina, za izvedbu višejezičnosti izbjegavamo koristiti klasične WordPress pluginove, već najčešće koristimo multisite. Ovo se pokazalo važnim preduvjetom za brz i stabilan rad web stranice / trgovine.

Sviđa vam se što smo napravili za Studio element d.o.o.?

I vi imate web stranicu / trgovinu kojom niste zadovoljni, koja sporo radi, ili koja “malo radi, malo ne radi”?

Ili jednostavno imate web stranicu / trgovinu koja više nije usklađena s vašim potrebama i poslovnim smjerom?

Javite nam se na e-mail [email protected] i napišite sljedeće:

  • Opišite nam ukratko vaše potrebe.
  • Ako postoji web stranica / trgovina koja vam je uzor u bilo kojem smislu, pošaljite nam link.
  • Napišite nam koji budžet želite uložiti u projekt? Zanemarite osjećaj “nisam siguran/a koliko što košta”, već jednostavno napište koliko okvirno najviše želite investirati. Prijedlozi s naše strane trebaju biti orijentirani prema vašem budžetu, sve drugo nema previše smisla – osim, ako je vaš budžet neograničen.

Na osnovu ova 3 odgovora smo u mogućnosti dati preciznu ponudu i plan razvoja vaše buduće web stranice / trgovine.

Unajmite nas za svoj idući projekt!

Planirate razvoj vlastitog projekta?

Agencija ste koja traži partnera?