Kui nelja pika ajalooga Tallinna kooli liitumisest sündis Tallinna Tehnoloogiakolledž (Techno TLN), üks Eesti suuremaid haridusasutusi ligi 6000 õpilasega, oli uus ühtne koduleht ja e-pood kooli avamise üks olulisemaid osi. Kliendil olid olemas Figma prototüüp ja selge visioon. Meie ülesandeks sai nende põhjal arendada missioonikriitiline haridusasutuse veebileht, mis toimiks avamise hetkest stabiilselt ja peaks vastu sisseastumiskampaania koormusele.
Klient ja projekti taust
Techno TLN sündis 2026. aasta algul, kui Tallinna Lasnamäe Mehaanikakool, Tallinna Polütehnikum, Tallinna Tööstushariduskeskus ja Tallinna Ehituskool liitusid üheks tehnoloogiakolledžiks. Kool avas uksed uutele sisseastujatele 1. märtsil 2026 ning pakub tehnoloogiaga lõimitud keskharidust, täiskasvanuõpet ja mikrokraade kuues õppevaldkonnas:
- Digi- ja meediatehnoloogia
- Elektrotehnoloogia
- Sõidukitehnoloogia
- Tööstustehnoloogia
- Ehitustehnoloogia
- Logistika ja äriprotsessid
Õpe toimub neljas kaasaegses õppelinnakus üle Tallinna: Mustamäel, Järvel, Lasnamäel ja Kesklinnas. Õpilaste arv võib prognoosi kohaselt kasvada 10 000-ni. Uue kooli brändi turule toomine tähendas, et techno.ee pidi toimima avamise hetkest koolielu peamise väravana sisseastujatele, lapsevanematele, partneritele ja tulevastele töötajatele.
Väljakutse: muutuvad nõuded ja kriitilised tähtajad
Hinnapakkumine tehti olemasoleva Figma prototüübi alusel, kuid juba projekti esimestest nädalatest hakkasid kliendi soovid ja sisuarhitektuur muutuma. Uue kooli bränd oli alles kujunemas, sihtrühmad täpsustumas ja lõpptekstid valmimas. Samal ajal olid tähtajad väga konkreetsed:
- Jaanuari lõpuks 2026 pidid valmis olema kõik põhivaated ilma e-poeta.
- Veebruari lõpuks 2026 pidi valmima e-poe funktsionaalsus.
- 23. märtsil 2026 pidi lehe täisversioon olema live-keskkonnas, et 30. märtsil 2026 saaks avada sisseastumise.
Sellele lisandusid ranged tehnilised nõuded: OWASP ASVS taseme 2 turvanõuded, WCAG 2.1 AA ligipääsetavus, E-ITS standard, Google Lighthouse’i 90+ punkti sihtskoor ja alla kahe sekundi laadimisaeg avalehel. Teisisõnu oli vaja missioonikriitilist veebilehte, mis töötaks esimesest päevast stabiilselt ja usaldusväärselt.
Lahendus: WordPress + WooCommerce, kohandatud teema ja paindlik sisuhaldus
Valisime lahenduse, mis annab kliendile võimalikult suure iseseisvuse ja võimaldab muutuvatele oludele kiiresti reageerida: WordPress koos WooCommerce’iga, majutatuna Zone+ nutikas pilveserveris, makselahendusena integreeritud Montonio. WordPressi kasuks rääkisid kolm peamist põhjust: laiahaardeline sisuhaldus ilma arendajat iga muudatuse juurde kaasamata, avatud lähtekoodi paindlikkus ning ökosüsteem, mis toetab nii tulevasi integratsioone andmebaasidega kui ka võimalikku headless-arhitektuuri.
Kohandatud teema „tehnotln”, ainult vajalik funktsionaalsus
Valmis ostetud teemade asemel arendasime Techno TLN-ile täielikult kohandatud WordPressi teema, mis sisaldab ainult seda funktsionaalsust, mida leht päriselt kasutab. See hoiab koodibaasi kergema ja kiiremana, annab Figma disainile vastava tulemuse ning vähendab sõltuvust kolmandate osapoolte teemauuendustest. Ka WooCommerce’i standardmallid on teema sees ümber kirjutatud, et kasutajakogemus oleks ühtlane kogu e-poes, alates tootelehest kuni checkout’ini.
Kohandatud Gutenbergi plokid sisuhalduritele
Selleks, et projekt muutuvate nõuetega hästi toime tuleks, ehitasime sisuhalduritele oma Gutenbergi plokikogu. Iga plokk täidab konkreetset ülesannet: hero-sektsioon, bännerid, CTA, galerii, akordion, korduma kippuvad küsimused, tsitaadid, kontaktid, navigatsioon, karusellid ning eri tüüpi sisulistid, näiteks uudised, sündmused, õppekavad, tagasiside ja kasutajalood.
Oluline põhimõte oli see, et iga plokki saab kasutada igal sisulehel ja sobivas järjekorras. Toimetaja saab lehe kokku panna nagu Lego. Ühel lehel algab sisu hero-plokiga, teisel tekst-ja-pilt kombinatsiooniga ning kolmandal küsimuste plokiga. Uusi lehti, sündmusi, õppekavasid ja landing page’e saab luua visuaalse plokiredaktoriga ilma koodi kirjutamata. Sellest, miks hästi planeeritud struktuur on kodulehe õnnestumise alus, oleme kirjutanud ka kodulehe planeerimise juhendis.
Oma sündmuste kalender, sest valmis lahendused ei andnud piisavalt paindlikkust
Üks Techno TLN-i selgemaid erinõudeid oli rikkalik sündmuste ja ürituste kalender. Sinna pidid mahtuma lahtiste uste päevad, karjääripäevad, infopäevad, koolitused ja partnerite üritused. Testisime mitut valmis kalendripluginat, kuid ükski neist ei andnud soovitud paindlikkust kujunduse, väljade struktuuri, esinejate ega ajakava korralduse osas.
Seetõttu ehitasime kalendri erilahendusena. Iga sündmuse juures saab hallata päise- ja kaanepilti, korraldajat, aadressi, ajakava, esinejate nimekirja ja piletimüügi nuppu. Sündmusi saab peita, filtreerida ja siduda erinevate lehtedega. Kalender on täielikult toimetaja hallata, täpselt nagu ülejäänud sait.
Muud tehnilised võtmeomadused
- Kohandatud sisutüübid: sündmused, õppevaldkonnad, õppekavad, erialad, kampused, töötajad, tagasiside ja kasutajalood. Igal sisutüübil on oma ACF-väljade komplekt, mis teeb sisu sisestamise lihtsaks ja struktureerituks.
- WooCommerce e-pood kursuste ja koolituste müümiseks. Sisse loginud Techno TLN konto omanikule rakenduvad automaatsed soodushinnad ning kohandatud kassavaade muudab kasutajateekonna selgemaks.
- Montonio makselahendus pangalinkide, kaardimaksete ning Apple Pay / Google Pay toega, kõrvuti PayPaliga.
- Sisemine otsing üle kõigi sisutüüpide: uudised, õppekavad, sündmused, töötajad ja tooted.
- Mitmekeelsus WPML-iga. Hetkel on leht live’is eesti keeles, kuid inglise keele tugi on sisse ehitatud, sh tõlkeread, e-pood ja SEO-metaandmed, ning valmis aktiveerimiseks.
- Rollipõhine ligipääsu haldus (Advanced Access Manager). Eraldi õigused administraatorile, toimetajale, autorile, SEO-haldurile, poehaldurile ja kliendile, et igal meeskonnaliikmel oleks täpselt tööks vajalik ligipääs.
- Äärest ääreni disain suurtel monitoridel proportsionaalse teksti- ja pildiskaalaga ning kergete animatsioonidega kasutajaliidese elementidel.
- Analüütika: Google Analytics 4, Google Tag Manager ja Meta/Facebook integratsioon e-poes.
- Turvalisus ja varundus: Wordfence’i tulemüür ja pahavaraskanner, HTTPS, automaatsed igapäevased varundused, 2FA-põhine admin-ligipääs, WordPressi nonce-põhine CSRF-kaitse ning sisendi valideerimine ja puhastamine XSS- ja SQL-injection-rünnete riski vähendamiseks.
- Jõudluse optimeerimine: WP Rocket vahemälu, EWWW Image Optimizer piltide automaatseks optimeerimiseks ja Zone+ pilveserveri täpne häälestus.
Ligipääsetavus ja jõudlus, mida tuli mõõdetavalt täita
Avaliku sektori haridusasutuse veebilehena pidi techno.ee vastama WCAG 2.1 AA ligipääsetavuse nõuetele ja Eesti ligipääsetavuse seadusele. See tähendas vormide, piltide, menüüde ja interaktsioonide ehitamist nii, et need toimiksid ekraanilugejate, klaviatuuri ja kõrge kontrasti režiimiga.
Jõudluse poolel oli siht samuti selgelt mõõdetav: Google Lighthouse’i skoor 90+ punkti ja avalehe põhisisu laadimisaeg alla 2 sekundi. Kodulehe kiiruse mõjust klientidele ja Google’ile oleme kirjutanud eraldi artikli. Techno TLN-i puhul tähendas see piltide automatiseeritud optimeerimist, vahemälulahenduste täpset seadistamist ja Zone+ pilveserveri ressursside häälestamist.
Tulemus: tähtajad peeti ja mõõtmised ületasid sihi
Vaatamata kogu projekti vältel muutuvatele nõuetele sai veebileht tähtajaks valmis. Arendus toimus iteratiivsete väljalasete kaupa ja lehe täisversioon (live 3.0) läks üles 23. märtsil 2026. See andis koolile vajaliku valmisoleku, et 30. märtsil 2026 sisseastumine avada. Leht pidas sisseastumiskampaania suurenenud liiklusele stabiilselt vastu. E-poe avaliku käivitamise otsustas klient strateegiliselt hilisemasse faasi tõsta, kuid tehniliselt oli see kokkulepitud tähtajaks töökorras.
Google Lighthouse’i mõõtmised
- Performance: 91, sihtmärk 90+ täidetud
- Best Practices: 100
- SEO: 92
- Accessibility: 91
- Core Web Vitals: läbitud, LCP 0,7 s, INP 44 ms, CLS 0,01
- First Contentful Paint: 0,6 s
- Time to First Byte: 0,2 s
- Total Blocking Time: 10 ms
Koostöö ei lõppenud veebi avamisega. Kohe pärast live’i minekut tellis klient lisaks 120–150 tundi arendus- ja hooldustöid, et ehitada järgmise etapi funktsionaalsused. Meie jaoks on see oluline tunnustus: klient nägi koostöös väärtust ja soovis sellega jätkata.
Oleme tervikuna rahul nii töö väärtuse, kvaliteedi, koostöö sujuvuse kui ka kiire, personaalse ning professionaalse lähenemisega kogu protsessi vältel. Eks iga uue arendusega on alguses nö. lapsehaigusi ja bugisid, kuid olete nädala jooksul üldiselt ära parandanud kõik mis vaja.
Toivo Pärnpuu, Tallinna Polütehnikum, direktori asetäitja arendus- ja haldusalal
Projekti andmed
- Klient: Tallinna Tehnoloogiakolledž (Techno TLN)
- Valdkond: haridusasutuse veebileht, kutsekeskharidus
- Platvorm: WordPress + WooCommerce
- Server: Zone+ nutikas pilveserver
- Makselahendus: Montonio
- Analüütika: Google Analytics 4, Google Tag Manager
- Teenused: kodulehe tegemine, e-poe tegemine, veebidisain, sisuhaldus, kasutuskoolitus, hooldus
- Teostusaeg: detsember 2025 – märts 2026
- Meeskond: projektijuht, front-end arendaja, back-end arendaja, kliendipoolne disainer
- Projektijuht Web Systemsi poolt: Piret Sammel
- Veebileht: techno.ee
Sarnaste ambitsioonikate projektide elluviimisel hoiame kliendi kõrval kogu teekonnal: alates kodulehe tegemisest ja e-poe arendusest kuni veebidisaini, SEO teenuse ja pikaajalise hoolduseni.