Eesti Varaehitus veebilehe redesign

1. Kontekst Ettevõte, mille veebileht ümber disainiti, on Eesti Varaehitus, mis tegeleb PUR-vahuga soojustamise, üldehituse ja passiivmajade projekteerimisega. Uue veebilehe kasuks otsustati, sest vana veebileht ei tulnud Google’i otsingutes esile ning need, kes sinna sattusid, viibisid lehel vaid üürikest aega enne edasiliikumist. Vana leht kasutas WordPressi vana versiooni ning disain oli iganenud. Veebilehele oli üles pandud kõik teenused, mida ettevõte kunagi oli pakkunud, mistõttu ei olnud Google’il selget arusaama, millega ettevõte täpsemalt tegeleb. Mina tegelesin veebiarendajana kogu lehe ümberdisainiga ning graafilise disainerina lõin neile uued ikoonid ja ettevõtte graafika. Samuti arendasin neile spetsiaalse WordPressi plugina – PUR-vahu kalkulaatori –, mille kaudu saavad nad mugavalt muuta kogu kalkulaatori infot ja arvutusloogikat. 2. Tulemus Esimese 30 päeva jooksul kasvas veebilehe külastajate arv 1284-ni, samas kui nende eelmine parim dokumenteeritud kuu tõi 300 külastajat. Veebileht valmis kahe nädalaga ning sisaldab üle 25 lehe. Kliendi kasutajakogemus paranes oluliselt – varem iseloomustati lehte arusaamatu ja valeinfot sisaldavana. Nüüd on veebilehelt vajalik info kiiresti leitav. 3. Võtmeetapid Uurimistöö Viisime läbi konkurentide veebilehtede analüüsi, mille käigus leidsime mitu valdkonda, kus konkurendid tegid Varaehitusest märgatavalt paremini – näiteks artiklite kirjutamine, PUR-vahu kalkulaator ning teenuselehed igale PUR-vahuga soojustatavale pinnale. Järgmiseks tegime Varaehituse vanale veebilehele SEO-, AEO- ja performance-auditid. Nende käigus selgus, et Domain Authority oli langenud alla 10 ning First Contentful Paint oli üle 5 sekundi. Veebileht ei tulnud esile ei Bingi indeksis ega populaarsemate tehisintellektide otsingutes. Uurisime ka, millised oleksid kliendi peamised soovid uue veebilehe osas. Nende hulka kuulus kiire ja mugav kasutajakogemus nii arvutis kui ka telefonis. Infoarhitektuur Kuna leht ehitati täiesti nullist, oli peamine asi, mille vanalt lehelt üle tõime, saidikaardi ja struktuuri säilitamine. Google’i positsioonide kaotamise vältimiseks kasutasime samu lehepealkirju ja struktuuri ning uusi lehti lisasime ainult sinna, kus see oli vajalik. Disain Juba alguses otsustati, et lehel soovitakse näha palju ettevõtte enda värve: kollast, oranži ja tumehalli. Neid kasutades proovisime luua usaldusväärse veebilehe nii era- kui ka ärikliendile. Samuti rõhusime sellele, et veebilehele sattudes saaks kasutaja esmase info kiiresti kätte. Pärast hero-sektsiooni on esimene infokast PUR-vahu ja villa erinevustest, seejärel vastused levinumatele PUR-vahu küsimustele ning kuus peamist soojustatavat pinda. Ettevõtte värvideks olid valge (#FFFDF9), kollane (#FFBB00), tumehall (#404040) ja oranž (#FF9600). Tüpograafias kasutasime põhitekstis Interi fonti ja pealkirjades Poppinsit. Lisaks tegime üle 40 uue ikooni erinevate PUR-i pihustusvõimaluste ja soojustatavate pindade jaoks. Lõpetuseks tegime neile spetsiaalselt loodud PUR-vahu kalkulaatori, mille arvutusloogikat ja disaini saavad nad selleks loodud WordPressi plugina kaudu igal hetkel ise muuta. 4. Lõplik disain Esilehel on nüüd palju lihtsam infot leida – teenuselehed, KKK, tööde näited, artiklid ja muud olulised punktid on kohe esilehel leitavad. Vanalt lehelt paistavad seevastu silma info vähesus ja ebaselgelt sõnastatud teenused. PUR-vahu kalkulaator on disainitud nii, et selle kasutamisel oleks võimalikult vähe friction’it ehk hõõrdumist. Lühikesed kirjeldused ja samm-sammuline ülesehitus tagavad, et kliendil oleks võimalikult vähe põhjust kalkulaatori täitmist pooleli jätta. PUR-vahu leht on üks tähtsamaid lehti nende veebilehel. Siin selgitame PUR-vahu peamisi omadusi. Toome veebilehe külastajale kohe välja esimesed üheksa KKK küsimust, toome esile PUR-vahu head ja halvad küljed ning räägime, miks PUR-vaht sobib just ehitajatele ja äriklientidele. Vanal lehel puudus suurem organiseeritus – paljud asjad, mis võiksid väikese vaevaga olla ühel lehel koos, olid lihtsalt teistele lehtedele viidatud. Teine nende kõige populaarsem leht on miniekskavaatorite rendileht. Kiiresti arusaadav info ja lihtne kontakteerumine on selle lehe peamised eesmärgid. Samuti selgitame, milleks miniekskavaator sobib, ning näitame mõningaid meie teostatud projekte. 5. Impact * Lighthouse’i auditi järgi kasvas performance’i skoor vanalt lehelt 65-lt 95-le. * Lighthouse’i auditi järgi kasvas accessibility skoor vanalt lehelt 70-lt 90-le. * Lighthouse’i auditi järgi kasvas best practices’i skoor vanalt lehelt 70-lt 96-le. * Lighthouse’i auditi järgi kasvas SEO skoor vanalt lehelt 30-lt 100-le. * Kuine külastatavus kasvas üle 4× – umbes 300-lt umbes 1300-le. * Semrushi auditi järgi kasvas Site Health 80-lt 90-le. * Semrushi auditi järgi langes vigade arv 33-lt 0-le. * Semrushi auditi järgi paranesid crawlability, HTTPS ja site performance 1–5%. * Semrushi auditi järgi kasvas märksõnade arv 85,71%. * Semrushi auditi järgi vähenes hoiatuste arv 78 võrra. Tuleb meeles pidada, et kogu see info pärineb ajast, mil uus leht on olnud üleval vaid viimased 20–30 päeva. See, et kasv on juba nii jõudsalt alanud, on alles algus ning kasv peaks kindlasti jätkuma. 6. Mida õppisin Selle projekti puhul sain kogeda, milline on tunne parandada veebilehte, mida on aastaid hoitud minimaalse järelevalve all. Samuti sain projekti käigus lihvida oma SEO-, AEO- ja muid ranking-oskusi ning õppida, kuidas veebilehte paremini tehisintellektidele optimeerida. Edasi on plaanis lehte arendada, postitades uusi teenuselehti, artikleid jne, et parandada veebilehe positsioneerimist Google’is, Bingis ja tehisintellekti otsingutes. 7. Kontaktinfo Kui ka sina soovid oma veebilehte uude ajastusse viia, võta ühendust! Robin@rbnstuudio.ee +372 555 66 333 rbnstuudio.ee