Hero slika, naslov, podnaslov in gumbi so vezani na urejene elemente strani, zato jih je mogoče prilagoditi sezoni, kampanji ali poudarjeni storitvi.
Case study - Predstavitvena stran
S-Motiv - spletna stran za hišni servis
Primer storitvene spletne strani po meri: montaža bele tehnike, sanitarna oprema, vodovod, hišni servis, reference, mojstrski nasveti, cenik, kontaktni obrazec in urejevalnik vsebin.
Nazaj na reference
Kdo je stranka
Kaj smo naredili
S-Motiv
S-Motiv izvaja montažo in priklop bele tehnike, montažo sanitarne opreme, vodovodna dela, hišni servis in manjša popravila na območju Ljubljane z okolico. Javna stran mora obiskovalca hitro pripeljati do prave storitve, cenika, uporabnega nasveta, referenc in kontaktnega obrazca za naročilo oziroma povpraševanje.
Obišči spletno stranZa S-Motiv smo razvili podatkovno vodeno storitveno spletno stran, ki obiskovalca vodi od konkretne težave do storitve, cene, reference, nasveta in oddaje povpraševanja.
Projekt je tipičen primer strani za operativno storitveno podjetje, kjer obiskovalec pogosto išče hitro rešitev: priklop pralnega ali pomivalnega stroja, montažo sanitarne opreme, manjše vodovodno delo ali hišnega mojstra. Zato mora biti prva pot kratka, razumljiva in usmerjena v naročilo.
Stran ni narejena kot statična predstavitev. Storitve, navigacija, vstopni bloki, cenik, nasveti, reference, slike, kontaktni podatki in vsebine se sestavljajo iz urejenih podatkov, zato se javni prikaz dinamično prilagaja spremembam v administraciji.
Frontend
Javna stran je zgrajena za hitro odločanje: obiskovalec takoj vidi storitve, kontakt, cenik, reference in možnost naročila.
Na vrhu strani so izpostavljeni telefon, e-pošta, družbena omrežja, logotip, glavna navigacija in jasen gumb za kontakt. Hero del uporablja sliko, naslove in dva poziva k dejanju, zato obiskovalec že na prvem zaslonu razume, kaj podjetje dela in kako ga lahko kontaktira.
Vstopna stran povezuje glavne storitve, izbrane mojstrske nasvete in zadnje reference. Vsaka storitev ima svojo podstran z vsebino, cenami, povezanimi nasveti in referencami, zato uporabnik ne bere splošne predstavitve, ampak informacije, vezane na konkretno storitev, ki ga zanima.
Glavne storitve se prikažejo kot vizualne kartice s slikami, kratkimi opisi in povezavo na podrobnosti.
Za vsako storitev se prikaže naslov, vsebina, cenik, povezani nasveti, reference in povprečna ocena iz dejanskih referenc.
Cene so združene po storitvah, zato lahko obiskovalec hitro preveri okvirne stroške za izbrano delo.
Opravljena dela so prikazana z naslovom, slikami, lokacijo, datumom, oceno, opisom in mnenjem stranke.
Mojstrski nasveti so razvrščeni po storitvah in pomagajo obiskovalcem razumeti pogoste težave pred oddajo povpraševanja.
Vsebinska struktura
Storitve, cenik, nasveti in reference so povezani v en podatkovni model, ne v ročno podvojene strani.
To je pri storitvenem podjetju pomembno, ker se enaka informacija pojavlja na več mestih: na prvi strani, v meniju, na ceniku, pri referencah in v nasvetih. Ko je vse zgrajeno podatkovno, se javna stran sestavi iz istih urejenih virov.
- 01
Hierarhija storitev
Vnosi imajo tip, nadrejeno postavko, vrstni red, URL, sliko, vidnost v meniju, nogi in na vstopni strani. Tako se lahko iz istih podatkov sestavijo navigacija, kartice in podstrani.
- 02
Samodejni URL naslovi
Pri novih storitvah, referencah in nasvetih se URL naslov pripravi iz naslova vsebine, zato so povezave berljive in primerne za deljenje.
- 03
Cenik po storitvah
Vsaka cena je vezana na storitev, javni cenik pa jih prikaže po sklopih. Enaka povezava omogoča, da se cene prikažejo tudi na konkretni storitveni strani.
- 04
Nasveti po storitvah
Nasveti imajo sliko, kratek povzetek, celotno vsebino in povezavo s storitvijo, zato se lahko pojavijo na vstopni strani, v zbirniku nasvetov in na strani storitve.
- 05
Reference po storitvah
Reference so vezane na vrsto storitve in vključujejo slike, opis, stranko, kraj, datum, oceno in mnenje. Seznam referenc se zato lahko prikaže po področjih dela.
- 06
Dinamični zemljevid strani
Iz storitev, nasvetov in referenc se programsko sestavi zemljevid strani, kar pomaga pri indeksiranju in vzdrževanju vsebine.
Administracija
Administracija je prilagojena ekipi, ki mora hitro posodabljati storitve, cene, reference, nasvete in splošne elemente strani.
Namesto da bi bilo treba za vsako spremembo popravljati kodo, so ključni sklopi ločeni v urejene zapise. Urednik lahko dodaja in spreminja storitve, določa, kje se pokažejo, dodaja slike, ureja besedila, spreminja cenik, objavlja reference in piše nasvete.
Kaj se ureja v zaledju
- glavne storitve, podstrani, kategorije, povezave in vrstni red prikaza
- vidnost vsebin v glavnem meniju, nogi strani in na vstopni strani
- slike, naslovi, kratki opisi, daljše vsebine in SEO povezave
- cenik po posameznih storitvah in prikaz cen na javnem ceniku
- mojstrski nasveti s povzetkom, sliko, celotnim tekstom in oznako za izpostavitev
- reference z glavno sliko, dodatnimi slikami, opisom, lokacijo, datumom, oceno in mnenjem stranke
- globalni elementi strani, kot so logotipi, kontaktni podatki, hero vsebine, besedila noge in pozivi k dejanju
- pregled prejetih povpraševanj iz kontaktnega obrazca
Obrazec in povpraševanja
Kontaktni obrazec je povezan z validacijo, zapisom oddaje in samodejnim obveščanjem.
Pri takih storitvah je obrazec ključni poslovni tok. Obiskovalec lahko odda ime, telefon, e-pošto, kraj in sporočilo, sistem pa podatke preveri, shrani in pošlje obvestilo ekipi ter potrditveno sporočilo pošiljatelju.
Obrazec uporablja polja, ki jih izvajalec dejansko potrebuje za prvi odziv: kontakt, kraj izvedbe in opis težave.
Vgrajeno je preverjanje obveznih polj na strani obiskovalca in ponovna kontrola ob oddaji.
Skrita polja pomagajo filtrirati avtomatizirane oddaje, ne da bi po nepotrebnem obremenjevala resnične uporabnike.
Oddaja se zapiše med povpraševanja, zato ostane sled tudi za kasnejši pregled v administraciji.
Ekipa prejme strukturirano sporočilo z vsemi podatki, ki jih potrebuje za povratni klic ali odgovor.
Pošiljatelj prejme potrditveno sporočilo, javna stran pa ga preusmeri na zahvalno stran.
Reference in zaupanje
Reference niso samo galerija slik, ampak podatkovno urejen dokaz opravljenih del.
Pri montažah, popravilih in hišnih servisih obiskovalci želijo videti, da je izvajalec že opravil podobno delo. Zato imajo reference svoj seznam in podstran, kjer se prikaže več fotografij, opis, kraj, datum, ime stranke, ocena in mnenje.
Reference so povezane s storitvami. Če obiskovalec gleda priklop bele tehnike, lahko vidi reference s tega področja. Če gleda vodovodna dela ali sanitarno opremo, se prikažejo povezani primeri. To poveča relevantnost vsebine in zaupanje v izvajalca.
Vsaka referenca podpira glavno sliko in dodatne fotografije, ki se na podstrani prikažejo kot galerija.
Ocena stranke se prikaže z zvezdicami, na strani storitve pa se lahko izračuna skupna ocena referenc.
Reference lahko vključujejo izkušnjo stranke, kar je pri domačih servisnih storitvah pomemben element zaupanja.
Podstran reference vključuje podatke o datumu, sliki in oceni, kar podpira bolj razumljiv prikaz vsebine za iskalnike.
Tehnična osnova
Rešitev je programsko zgrajena za čiste URL-je, dinamične slike, hitro urejanje in dolgoročno vzdrževanje.
Čeprav je javna stran za obiskovalca preprosta, je v ozadju več logike: usmerjanje URL naslovov, izbira prave predloge, branje vsebin iz baze, povezovanje storitev z nasveti in referencami, pošiljanje pošte, priprava pomanjšanih slik in generiranje zemljevida strani.
Storitve, nasveti in reference imajo berljive povezave, ki so primerne za uporabnike, iskalnike in deljenje v sporočilih.
Vstopna stran, storitve, nasveti, cenik, reference, obrazec in zahvalna stran uporabljajo ločene prikaze, zato se lahko posamezen sklop razvija samostojno.
Slike se po potrebi prikažejo v različnih velikostih, kar zmanjša prenos in poenoti prikaz kartic, nasvetov ter referenc.
Logotipi, kontakt, socialne povezave, naslovi, gumbi, meta podatki in besedila noge so ločeni od kode.
Vključena je obvestilna vrstica za piškotke in analitične oznake za spremljanje učinkovitosti strani.
Modularna struktura omogoča dodajanje novih storitev, vsebinskih sklopov, obrazcev ali prikazov brez predelave celotne strani.
Kaj projekt pokaže
S-Motiv je primer manjše, a vsebinsko dobro povezane storitvene strani, kjer mora vsak sklop pomagati obiskovalcu do naročila.
Pri hišnem servisu obiskovalec ne želi brskati po zapleteni predstavitvi. Želi vedeti, ali izvajalec pokriva njegovo težavo, koliko približno stane, ali ima izkušnje in kako hitro lahko pošlje povpraševanje. Zato smo stran zasnovali kot jasen tok od storitve do zaupanja in kontakta.
Rezultat našega dela
- podatkovno vodena spletna stran za servisne storitve, montaže in manjša hišna opravila
- dinamična navigacija, vstopni hero, storitvene kartice, cenik, nasveti in reference
- Administracija za storitve, strani, cene, reference, nasvete, slike, globalne elemente in prejeta povpraševanja
- kontaktni obrazec z validacijo, zaščito pred neželenimi oddajami, zapisom v bazo in e-poštnim obveščanjem
- galerije referenc z ocenami, mnenji strank, povezavo na storitve in strukturiranimi podatki
- programsko zgrajena osnova, ki omogoča nadaljnje dodajanje storitev, vsebin in poslovnih funkcij