Võta meiega ühendust

Soovid infot mõne meie teenuse kohta? Võta meiega ühendust ja räägime!

    Tärniga (*) märgitud väljad on kohustuslikud. Kiri läheb info@websystems.ee e-posti aadressile.

    Hekamerk

    Kui sanitaartehnika maaletooja Hekamerk OÜ, üle 20 aasta kogemusega Eesti ettevõte, kes varustab nii Eesti suuremaid ehitusfirmasid, eritööde tegijaid kui ka erakliente, otsustas ehitada endale kaasaegse e-poe, ei olnud eesmärk ainult uus visuaal. Vaja oli sügavalt integreeritud B2B veebilahendust, mis ühendab poes töötava müügitiimi, hulgikliendid, erakliendid, ERP-süsteemi Noomi, Cargosoni transpordilahenduse ja Montonio maksed. Kõik pidi toimima ühes keskkonnas, kus hinnad, laoseisud ja volitused oleksid võimalikult täpsed ning ajakohased.

    Hekamerk avalehe vaated erinevates seadmetes

    Klient ja projekti taust

    Hekamerk OÜ on 2006. aastast tegutsev sanitaartehniliste toodete maaletooja, hulgi- ja jaemüüja. Ettevõtte sortimendis on üle 40 tuntud brändi, näiteks Wavin, Grohe, Grundfos, Wilo, Uponor, Viega, Danfoss, Rothenberger, PAM ja Rockwool. Ettevõttes töötab üle 30 spetsialisti ning müük toimub Eestis, Lätis ja Leedus. Hekamerki kliendid on:

    • Eritööde ettevõtted ja ehitusfirmad, kes peavad kiiresti leidma sobiva toote, nägema projektipõhist hinda ja koostama pakkumuse.
    • Eelarvestajad ja projekteerijad, kes vajavad tehnilist andmestikku, sertifikaate ja PDF-materjale.
    • Erakliendid, kes tellivad väiksemas mahus, kuid vajavad sama selget infot.
    • Hekamerki enda müügitiim, sealhulgas 11 müügispetsialisti Tallinna esinduspoes Leiva tänaval. Nad kasutavad sama kodulehte igapäevatöös otsinguks, pakkumiste koostamiseks ja tellimuste vormistamiseks.

    Koostöö Web Systemsiga algas 2020. aasta veebruaris. Esimene avalik live-versioon jõudis kasutajateni 2024. aastal ning arendus, hooldus ja uute liidestuste lisamine hekamerk.ee juures jätkub tänaseni. Web Systems aitab süsteemi igakuiselt hoida, täiendada ja edasi arendada.

    Väljakutse: kolm kasutajagruppi, 14 000 toodet ja ERP südamena taga

    Hekamerkil oli koduleht juba olemas, kuid see oli visuaalselt aegunud ja ilma oluliste liidestusteta. Leht toimis pigem staatilise tootekataloogina, kus puudusid laoseisud, projektipõhine hinnastus ja e-kaubanduse võimekus. Uue lahenduse põhinõuded olid mahukad:

    • Kogu ladu reaalajas sünkroonis Hekamerki ERP-süsteemi Noomiga: umbes 14 000 toodet, laoseisud, hinnad, atribuudid, pildid ja sertifikaadid.
    • Kolme erineva kasutajagrupi teenindamine ühes lahenduses: Hekamerki müügitiim poes, hulgikliendid ja erakliendid, kellel kõigil on erinevad õigused, hinnad ja funktsionaalsused.
    • Projektipõhine hinnastus hulgiklientidele: klient logib sisse, valib projekti ning näeb selle projektiga seotud tooteid ja kokkulepitud hindu. Hinnad tulevad Noomist, kus neid hallatakse neljal tasemel: objektipõhine, soodustuspõhine, isikupõhine ja ettevõtte globaalne hind.
    • Erinevad tootetüübid ja erinev loogika: ladustatavad, mitteladustatavad ja „hall-ala” tooted, ematoode-variatsioon struktuur, tooted tüki või karbi kaupa ning iga tooterühma eraldi kuvamine, filtreerimine ja transpordiloogika.
    • Digiriigi autentimine: ID-kaart, Mobiil-ID ja Smart-ID sisselogimine B2B keskkonda, kus ühe isiku alla võib kuuluda mitu volitatud ettevõtet.
    • Transpordi arvutus kolmanda osapoole kaudu: Cargoson API kaudu kuvatavad tarneviisid ja hinnad vastavalt toote atribuutidele ning sihtaadressile.
    • Arendus Noomi enda serveri raames: süsteem pidi töötama Hekamerki erilahendusega keskkonnas, mitte tavapärases jagatud hostingus.

    Lisaks muutus projekt arenduse käigus loomulikult edasi. Lisandus uusi Noomi võimalusi, tuli tagasisidet päris kasutajatelt ja tekkisid uued ärivajadused. Selleks, et töö oleks dokumenteeritud ja läbipaistev, kasutasime kogu arendusprotsessis Jira Atlassiani wikit, kuhu kaardistasime nõuded, otsused ja muudatused.

    Hekamerk kodulehe plokid

    Lahendus: WooCommerce alus, täielikult kohandatud front ja sügav Noomi liidestus

    Alustasime põhjalikust projekti kaardistusest: tootepuu, kasutajagrupid, volitused, soodustusloogika, tellimusprotsess, Noomi liidesed ning transpordi- ja maksestsenaariumid. Kaardistuse tulemusel sündis arhitektuur, kus WooCommerce on tugeva ja paindliku e-kaubanduse alus. Selle peale ehitasime täielikult kohandatud front-endi ja eraldi integratsioonikihi Noomi, Cargosoni ja Montonio liideste jaoks. Süsteem töötab Hekamerki enda serveris, mis oli üks projekti eritingimustest. Sellest, miks hästi planeeritud struktuur on kodulehe õnnestumise alus, oleme kirjutanud ka kodulehe planeerimise juhendis.

    Custom front WooCommerce’i peal, kus iga detail on läbi mõeldud

    Tüüpiline WooCommerce’i teema ei oleks piisavalt paindlik kolme kasutajagrupi, projektipõhise hinnastuse, volituste loogika ja B2B-vaadete teenindamiseks. Seetõttu ehitasime täielikult kohandatud front-endi, mis katab kogu kasutajateekonna: avaleht, tootearhiiv filtritega, tootevaade, ostukorv, kassa, kasutajakonto, tellimuste ajalugu, kordustellimus ja halduri režiim. WooCommerce’i tugev tellimus- ja makseloogika jääb taustale, kuid kasutaja näeb Hekamerki vajaduste järgi disainitud vaateid, mis toimivad sujuvalt nii desktopis kui mobiilis.

    Kahesuunaline liidestus Noomi ERP-ga kui süsteemi süda

    Noomi liidestus on kogu lahenduse üks olulisemaid osi ja selle arendamine oli projekti üks mahukamaid etappe. Liidestus on kahesuunaline: Noom → veeb sünkroonib tooted, atribuudid, laoseisud, hinnastuse, projektid, kliendid ja volitused; veeb → Noom saadab tellimused eraldi dokumendiliigina koos kliendi, projekti, toodete ja kõigi vajalike väljadega. Laoseisu sünkroon toimub iga 5 minuti tagant ning projektiuuendused ja hinnamuudatused viiakse üle esimesel võimalusel.

    Toodete struktuur toetab ematoode-variatsioon loogikat. Ühe ematoote all võib olla mitu variatsiooni, näiteks erinevad suurused, pikkused või materjalid, ning veeb oskab variatsioone vastavalt ematoote atribuutidele filtreerida ja kuvada. Tooted on jaotatud staatuste järgi: ladustatav ehk laos olemas, mitteladustatav ehk tellimisel ja hall-ala ehk viimase aasta jooksul läbi käinud tooted, mida ei ladustata. Igal staatusel on oma kuvamis- ja tellimisloogika. Mitteladustatavate toodete puhul rakendub miinimumostukogus ning klienti teavitatakse, kui laoseis ei ole tellimuse jaoks piisav.

    Digiriigi autentimine ja volituste süsteem

    B2B keskkonda sisselogimine toimub ID-kaardi, Mobiil-ID ja Smart-ID kaudu. Need Eesti digiriigi autentimismeetodid võimaldavad isikukoodipõhist tuvastust ja kõrget turvataset. Üks eripära, mis tegi loogika keerukamaks, oli see, et ühel isikul võib olla volitusi mitmes ettevõttes. Pärast sisselogimist küsib süsteem, millise ettevõtte nimel kasutaja tegutseb. Sellest valikust sõltuvad nähtavad projektid, hinnad, volituse tüüp ja krediidilimiit. Iga volitus, volituse tüüp ja sidumine tuleb Noomist. Veeb ei halda neid eraldi, et vältida andmete lahknemist.

    Projektipõhine hinnastus ja neljatasemeline soodustusloogika

    Hekamerki hulgikliendi hinnad ei ole lihtsalt „kataloogihind miinus X%”. Iga ettevõte võib olla seotud mitme projektiga ja igal projektil võivad olla oma erihinnad. Kui klient valib lehel oma projekti, filtreerib süsteem kuvatava kataloogi ja rakendab sellele projektile määratud hinnad. Kui projektihinda ei ole, liigub arvutus järgmisele tasemele: objektipõhine → isikupõhine → ettevõtte grupi globaalne → hinnakirja baashind. Kliendile kuvatakse vastavalt reeglitele soodsaim võimalik hind. Lisaks töötab kogu lehel KM-ga / KM-ta toggle, mis on B2B-kliendi jaoks igapäevaselt vajalik tööriist.

    Cargoson: transpordi hind ja valikud reaalajas

    Sanitaartehnika tootevalik on väga mitmekesine. Näiteks 3-meetrised malmtorud ja väikesed liitmikud vajavad täiesti erinevat transpordiloogikat. Lahendasime transpordiarvutuse Cargosoni kaudu. Kassavaates saadame kliendi ostukorvi info, sealhulgas toote kaalud, mõõdud ja sihtaadressi, Cargosonile ning näitame kliendile reaalajas erinevaid tarneviise ja hindu. Kui toode vajab erilist transporti, kuvatakse ka see info. Valikus on ka kuller, pakiautomaat ja „tulen ise järele”.

    Müügitiimi tööriist: halduri režiim ja kiire pakkumine

    Üks projekti algseid eesmärke oli, et leht toetaks ka Hekamerki enda müügitiimi, sealhulgas 11 müügispetsialisti, kes töötavad igapäevaselt poes klientidega. Ehitasime halduri režiimi, kus müügihaldur saab sisse logida kliendi nimel, näha keskkonda kliendi vaates ja vormistada tellimuse tema eest. Nii saab töö tehtud kiiremini, ilma et peaks liikuma mitme eraldi süsteemi vahel. Haldur näeb ka oma klientide tellimuste ajalugu ja kordustellimusi ning saab kiiresti aru, kes milliseid tooteid viimati tellis.

    Hekamerk e-pood

    Muud tehnilised võtmeomadused

    • Makselahendus Montonio: pangalingid, kaardimaksed ning Apple Pay / Google Pay tugi; B2B-klientidel lisaks võimalus tellida arvega või maksetähtajaga.
    • Live-otsing AJAXiga: klient saab otsida toote koodi, nime või „hüüdnime” järgi, näiteks „tseburaska”, ja näeb vasteid kirjutamise hetkel.
    • „Tule kliendiks” onboarding-vorm: uue B2B-kliendi päring koos krediidilimiidi soovi, maksetähtaja ja põhitegevusalade küsimisega, mis suunatakse Hekamerki meeskonnale.
    • Soovinimekiri, kordustellimus ja PDF-tellimus: B2B-kliendi kasutajakontolt saab kiiresti korrata eelmist tellimust ja genereerida tellimusest PDF-faili.
    • Erinevad päringuvormid: laos puuduva toote pärimine, renditoodete päring ja üldine hinnapakkumise päring.
    • Sertifikaadid ja üle 1000 PDF-faili: tootekategooria ja tootepõhised materjalid, mis on ligipääsetavad sisselogitud klientidele.
    • Uudiste ja kampaaniate haldus: avalehel hallatav ala, kus saab tutvustada uusi brände, partnerlusi ja hooajakampaaniaid.
    • Custom server Noomi keskkonnas: arendasime ja häälestasime süsteemi kliendi enda serveriinfrastruktuuris.
    • Turvalisus: HTTPS, digiautentimine, sisendite valideerimine, WordPressi nonce-põhine CSRF-kaitse ja igapäevased varundused.
    • Dokumentatsioon Jira Atlassiani wikis: arenduspunktid, otsused ja muudatused on talletatud ning mõlemale poolele jagatud.

    Tulemus: süsteem, mis kasvab koos ettevõttega

    Esimene avalik live-versioon läks üles 2024. aastal ning sellele eelnes põhjalik testimisfaas. Süsteem, kus töötavad koos ladu, projektid, kliendid, volitused ja tellimused, vajab eriti hoolikat kontrolli. Täna on hekamerk.ee Hekamerki igapäevane tööriist nii klientidele kui ka ettevõtte enda meeskonnale. Koostöö ei lõppenud live’i minekuga. Arendus, uued liidestused, kasutajatelt tulevad täiendussoovid ja igakuine hooldus jätkuvad.

    Meie jaoks on pikaajaline koostöö ühe projekti raames tugev märk usaldusest. Eriti väärtuslik on töötada kliendiga, kes kasutab loodud süsteemi iga päev ja arendab seda järjepidevalt edasi.

    Oleme kasutanud Web Systems OÜ veebiarenduse teenuseid ning jäänud koostööga väga rahule. Projekti käigus oli suhtlus selge, kiire ja professionaalne ning kokkulepitud tähtaegadest peeti kinni. Arendaja suutis hästi mõista meie vajadusi ning pakkus välja ka omapoolseid lahendusi, mis aitasid lõpptulemust oluliselt parandada. Valminud veebileht ja e-pood on funktsionaalne, kasutajasõbralik ja visuaalselt kaasaegne. Eriti hindame tehnilist pädevust, paindlikkust ning valmisolekut leida lahendusi ka keerukamatele ülesannetele. Samuti toimib järelteenindus sujuvalt, kõik täiendused ja parandused saavad kiiresti tehtud. Soovitame Web Systems OÜ teenuseid kõigile, kes otsivad usaldusväärset ja kompetentset veebiarendajat.

    Kalev Kütt, Hekamerk OÜ
    Hekamerk avalehe koguvaade

    Projekti andmed

    • Klient: Hekamerk OÜ
    • Valdkond: sanitaartehniliste toodete maaletooja, hulgi- ja jaemüük (B2B + B2C)
    • Platvorm: WordPress + WooCommerce täielikult kohandatud front-endiga
    • Server: Hekamerki enda custom-server (Noomi infrastruktuur)
    • Makselahendus: Montonio (pangalingid, kaardimaksed, Apple Pay / Google Pay) + arvega/maksetähtajaga B2B-klientidele
    • Transport: Cargoson API kaudu tarneviiside ja hindade arvutus reaalajas
    • ERP-liidestus: kahesuunaline sünk Noomi majandustarkvaraga (tooted, laoseisud, hinnad, projektid, kliendid, volitused, tellimused)
    • Autentimine: ID-kaart, Mobiil-ID, Smart-ID
    • Dokumentatsioon: Jira Atlassiani wiki
    • Teenused: kodulehe tegemine, e-poe arendus, veebidisain, liidestused, serveri­häälestus, pikaajaline hooldus
    • Teostusaeg: veebruar 2020 – esimene live 2024 – arendus ja hooldus jätkub
    • Meeskond: projektijuhid (aja jooksul mitu), front-end arendajad, back-end arendajad, liidestuste arendajad, disainer
    • Projektijuht Web Systemsi poolt (praegu): Jaan Juurikas
    • Veebileht: hekamerk.ee

    Sarnaste komplekssete B2B-projektide elluviimisel hoiame kliendi kõrval kogu teekonnal, alates kodulehe tegemisest ja e-poe arendusest kuni veebidisaini, SEO teenuse ja pikaajalise hoolduseni.

    Plaanid sarnaselt kompleksset B2B e-poodi?

    Kui sinu ettevõte vajab sügavalt integreeritud e-poodi, mis sünkroniseerub ERP-ga, toetab projektipõhist hinnastust, mitut kasutajagruppi ja keerukaid tootevalikuid, kirjuta meile. Vaatame sinu projekti üle ja pakume välja lahenduse, kuidas edasi liikuda.

      Tärniga (*) märgitud väljad on kohustuslikud. Kiri läheb info@websystems.ee e-posti aadressile.