Uredljiv naslov, podnaslov, ozadje in glavni poziv k dejanju vodijo obiskovalca neposredno proti kontaktu.
Case study - Predstavitvena stran
Kodela Okolica - spletna stran za urejanje okolice
Primer podatkovno vodene storitvene spletne strani po meri: urejanje okolice, tlakovanje, škarpe, namakalni sistemi, travna ruša, panelne ograje, galerija, SEO, kontaktni obrazec in urejevalnik.
Nazaj na reference
Kdo je stranka
Kaj smo naredili
Kodela Okolica / Danilo Kodela s.p.
Kodela Okolica je ponudnik celovitih storitev za urejanje vrtov, dvorišč in zunanjih površin. Strankam pomaga pri tlakovanju dvorišč in poti, izdelavi škarp, namakalnih sistemih, travni ruši in setvi, panelnih ograjah, obrezovanju in podiranju dreves, čiščenju parcel, montaži robotskih kosilnic ter izkopih z mini bagrom.
Obišči spletno stranZa Kodela Okolica smo razvili podatkovno vodeno predstavitveno stran za storitve urejanja okolice, kjer obiskovalec hitro pride od inspiracije do povpraševanja.
Projekt je zasnovan za stranke, ki iščejo zanesljivega izvajalca za ureditev dvorišča, vrta ali širše zunanje površine. Zato stran ne deluje kot splošna vizitka, ampak kot jasen prodajni tok: hero sporočilo, pregled storitev, razlogi za zaupanje, galerija dejanskih izvedb, proces dela in kontaktni obrazec.
Vsebina je zgrajena programsko in podatkovno. Logotip, hero slika, naslov, podnaslov, storitve, opisi, galerija, SEO podatki in ključni vizuali se ne podvajajo ročno po statičnih blokih, ampak se javni prikaz dinamično sestavi iz urejenih podatkov.
Javna stran
Prvi zaslon jasno pove, kaj podjetje dela, komu pomaga in kako hitro lahko obiskovalec odda povpraševanje.
Na vrhu so logotip, navigacija po glavnih sklopih, telefonski poziv in velik hero z realno fotografijo urejene okolice. Obiskovalec takoj vidi obljubo storitve: celovite rešitve za urejanje vrtov in dvorišč, od tlakovanja do namakalnih sistemov.
Stran je enostranska in odzivna. Navigacija vodi po sidrih do storitev, razlogov za izbiro, galerije, procesa dela in kontakta, zato uporabnik na mobilnem ali namiznem zaslonu ne izgubi orientacije.
Meni ostane uporaben med premikanjem po strani in povezuje vse glavne sekcije brez dodatnih podstrani.
Vsaka storitev ima naslov in opis, javni prikaz pa se sestavi iz urejenih zapisov.
Ločen sklop poudari izkušnje, zanesljivost, točnost in osebni pristop.
Štirje koraki razložijo pot od ogleda in svetovanja do ponudbe, izvedbe in končnega pregleda.
Obiskovalec ima telefonski poziv, kontaktne podatke in obrazec na istem prodajnem toku.
Storitve
Glavni del strani je podatkovni katalog storitev, ne ročno sestavljen seznam v kodi.
Kodela Okolica ima široko operativno ponudbo, zato mora stran ostati pregledna tudi, ko se storitve dopolnjujejo. Urednik lahko spreminja zaporedje, naslov in opis storitev, javna stran pa jih prikaže kot enoten, odziven mrežni pregled.
Predstavitev tlakovanja, poti okrog hiše, plošč modernega videza in različnih rešitev za fugiranje.
Opis izdelave estetskih in trdnih škarp iz lomljenih zidakov z armaturo, betonom in zaključno kapo.
Predstavitev avtomatskega namakanja za zelenice in kapljičnih sistemov za rastline.
Polaganje travne ruše, strojna setev in umetna trava za lege, kjer naravna trava težje uspeva.
Opis vzdržljivih ograj za varnost in zasebnost, z različnimi višinami, barvami in možnostjo trakov.
Strokovno obrezovanje in podiranje dreves, urejanje živih mej, čiščenje parcel, robotske kosilnice in izkopi z mini bagrom.
Administracija
Administracija je pripravljena tako, da se lahko vse bistvene vsebine urejajo brez posega v kodo.
Pri storitveni strani je pomembno, da se lahko hitro zamenja hero fotografija, dopolni opis storitve, doda nove slike izvedb ali popravi SEO opis. Zato smo vse ključne dele povezali z urejevalnikom in javni prikaz zasnovali tako, da se sam prilagodi vnesenim podatkom.
Tak pristop je posebej uporaben za podjetje, ki skozi sezono dodaja nove fotografije, dopolnjuje ponudbo ali želi hitro izpostaviti storitve, ki so v določenem obdobju najbolj iskane.
Kaj se ureja v zaledju
- logotip, naslov strani, meta opis, SEO slika in podatki za deljenje na družbenih omrežjih
- hero slika, glavni naslov, podnaslov in primarni poziv k oddaji povpraševanja
- seznam storitev z naslovi in opisi, ki se javno prikažejo kot odzivne kartice
- galerija projektov z opisi slik, pomanjšavami in povečanimi različicami za ogled
- kontaktni podatki, prodajni tok in sporočila ob uspešni ali napačni oddaji obrazca
- uporabniška dovoljenja in uredniški dostopi za varno vzdrževanje vsebine
Galerija izvedb
- velika zbirka realnih fotografij projektov in zunanjih ureditev
- samodejna priprava kvadratnih sličic za enoten mrežni prikaz
- večje različice slik za povečan ogled v galeriji
- drsnik za hiter pregled večjega števila izvedb na isti strani
- opisi slik, ki se lahko prikažejo v povečanem ogledu
- odzivna postavitev za mobilne, tablične in namizne zaslone
Vizuali in zaupanje
Pri urejanju okolice fotografije prodajajo več kot dolg tekst, zato je galerija osrednji dokaz kakovosti dela.
Stran uporablja fotografije dejanskih projektov in jih prikaže v drsniku ter povečanem ogledu. Sistem ob nalaganju pripravi ustrezne velikosti slik, zato kartice ostanejo vizualno urejene, povečane fotografije pa obiskovalcu omogočajo boljši vpogled v izvedbo.
To je pomembno, ker se kupci pri urejanju okolice odločajo na podlagi zaupanja: želijo videti tlakovanje, zelenice, ograje, škarpe in zaključene zunanje prostore, ne samo prebrati seznama storitev.
Kontaktni tok
Obrazec je kratek, validiran in zaščiten pred avtomatiziranimi oddajami, da ne ovira resničnih povpraševanj.
Kontaktni sklop združuje podatke podjetja, telefonsko povezavo, e-poštni kontakt in obrazec za ime, e-pošto ter sporočilo. Ob oddaji se podatki očistijo, preveri se, ali so izpolnjena obvezna polja, obiskovalec pa dobi jasno sporočilo o uspehu ali napaki.
Vgrajena je tudi nevidna zaščita pred robotskimi oddajami. Ta rešitev ne obremenjuje obiskovalca z dodatnimi nalogami, hkrati pa zmanjša količino neželenih sporočil.
Ime, e-pošta in sporočilo se preverijo pred pošiljanjem.
Vnosi se obdelajo na strežniški strani, preden se sestavi sporočilo za ekipo.
Skrito kontrolno polje pomaga ločiti avtomatizirane oddaje od resničnih uporabnikov.
Uporabnik na strani dobi jasno informacijo, ali je bilo sporočilo poslano ali mora kaj popraviti.
SEO in tehnična osnova
Stran ima pripravljene dinamične meta podatke, strukturirane podatke in čisto tehnično osnovo za lokalno storitveno iskanje.
Pri lokalnih storitvah je pomembno, da iskalniki razumejo, kaj podjetje ponuja, kje deluje in kateri kontaktni podatki so relevantni. Zato so vgrajeni naslov strani, meta opis, kanonična povezava, podatki za deljenje, SEO slika in strukturirani poslovni podatki.
- 01
Dinamični meta podatki
Naslov, opis in delitvena slika se lahko uredijo posebej, javna stran pa jih uporabi v glavi dokumenta.
- 02
Strukturirani podatki
Podatki o podjetju, kontaktu, naslovu in delovnem času so pripravljeni v obliki, ki jo iskalniki lažje razumejo.
- 03
Odzivna postavitev
Postavitev uporablja preizkušene mrežne in navigacijske vzorce, zato se storitve, galerija in obrazec prilagodijo različnim zaslonom.
- 04
Lahka nadgradnja
Ker so vsebine ločene od prikaza, je mogoče kasneje dodati nove sklope, podstrani storitev, reference ali dodatne obrazce brez prenove celotne strani.
Kaj projekt pokaže
Kodela Okolica je primer storitvene spletne strani, kjer mora biti vse zelo konkretno: kaj delate, kako izgleda rezultat in kako obiskovalec pride do ponudbe.
Namesto splošne predstavitve smo sestavili praktično stran za pridobivanje povpraševanj. Obiskovalec vidi realne storitve, razume proces dela, pregleda fotografije izvedb in ima kontaktni tok vedno blizu.
Rezultat našega dela
- podatkovno vodena spletna stran za urejanje okolice, vrtov in dvorišč
- jasen enostranski prodajni tok od hero sporočila do kontaktnega obrazca
- urejevalnik za logotip, hero vsebine, storitve, galerijo, SEO in ključne elemente strani
- galerija projektov s samodejno pripravljenimi sličicami in povečanim ogledom fotografij
- kontaktni obrazec z validacijo, čiščenjem vnosa, zaščito pred spamom in e-poštnim obveščanjem
- tehnična osnova za nadaljnje dodajanje storitev, referenc, sezonskih vsebin ali bolj interaktivnih modulov