Liigu edasi põhisisu juurde

6 head näidet kasulikest lahendustest, mida loovkoodida oma kodulehele

Inga Külmoja
18. märts

Selle aasta üheks trendiks on loovkooditud ehk tehisaru abiga loodud kodulehed (inglise keeles nimetatakse protsessi vibe coding'uks). Iga trendiga ei pea muidugi kohe kaasa jooksma, kuigi asjaosaliste väitel on loovkoodimine lõbus, kiire ja elamusterohke, kirjeldab sisuagentuuri Zumm&Mumm asutaja ja peatoimetaja Inga Külmoja.

Samas, kui oma WordPressi kodulehe mahajätmine ja tundmatusse tehisintellekti maailma sukeldumine tundub liiga radikaalse sammuna, võib alustada millestki väiksemast ja lihtsamast.

Näiteks võiks loovkoodida oma kodulehele mõne kasuliku “vidina”, nagu seda tegid Liis, Kaide-Liis, Reimo, Maarit, Õnnela ja ja Inga (selle loo autor). 

1. Kombucha määraja

Liis Ingalt on suur kombucha ehk kääritatud tee fänn ning tema ettevõte keskendub selle joogi populariseerimisele ning valmistamisele. Liisil leidub palju õppematerjale: osa neist on mõeldud algajale, osa neile, kes juba teadjamad.

Selleks, et koondada erineva taseme ja huviga inimestele mõeldud õpetused üheks lihtsaks teekonnaks, lõigi Liis interaktiivse “kombucha määraja”.

Kombucha määraja” aitab inimesel paari küsimuse abil aru saada, millisel tasemel ta praegu on ja mis oleks tema järgmine samm Liisi veebilehel kääritatud tee teekonna jaoks.

Määraja arendamine algas jaanuari lõpus sTARTUp Dayl loovkoodimise töötoas. Liis läks otse Lovable’i keskkonda ja sõnastas oma ammuse soovi.

Eriti äge on see, et tööriist aitas ise luua loogika, mille järgi inimese vastuste põhjal kombucha soovitusi anda.

Seejärel kogus Liis kokku oma kursuste, toodete ja tasuta materjalide pealkirjad koos linkidega ning andis need sisendina ette, et iga soovitus viiks õigele lehele.

Siis ühendas ta soovitused loogiliseks teekonnaks, testis linke ning tegi parandusi. Lisaks arendas funktsionaalsust nii, et oleks võimalik saata soovitused inimesele e-postiga. Lõplikult sai asi valmis veebruari esimestel päevadel.

Kombucha määrajast” on juba tulnud vähemalt üks kindel ost: inimene, kes küsis selle tee kohta esimest korda, jõudis määraja kaudu e-poodi ja ostis sealt endale sobiva toote.

Lisaks toob kasu see, et huviline leiab palju kiiremini tee Liisi tasuta materjalide ja kursusteni, ilma et peaks ise õiget kohta taga otsima.

2. Maksuvabade kulude ülevaade

Olles raamatupidamisettevõtte asutaja, teab Kaide-Liis Luht hästi, mida e-residendid, idufirmad ja mikroettevõtjad maksude kohta küsivad. Nende huvi on maksimaalselt ära kasutada maksuvabasid kulusid. 

Igal nõustamisel hakkasid aga klientide küsimused korduma. Nii tekkiski Kaide-Liisil mõte luua ülevaatlik veebileht maksuvabade kulude kohta. Kuna tagasiside sellele oli niivõrd hea, tegi ta asja avalikuks. Seda jagati näiteks Tartu VOCO õppegruppidele ja isegi Tartu Ülikoolis. Töö lehe kallal jätkub.

Ülevaade maksuvabadest kuludest ettevõttes on süsteemne, visuaalne ja aitab säästa raha.

Seegi lahendus sai loodud Lovable’i keskkonnas. Kaide-Liis oli kodus haige ja loovkoodis oma veebilehe valmis kõigest kahe päevaga. Kuna brändi värvid, pildid ja logo olid olemas, siis oli väga lihtne muuta lahendus just enda ettevõtte nägu.

Tööriist valmis lõplikult jaanuari lõpus. Ettevõtte pearaamatupidajad kasutavad seda nõustamisel iganädalaselt ning igal nädalal tuleb selle kohta mõni tänulik tagasiside.

3. Koosoleku agenda looja

Reimo Rehkli on arutelude juht ja aitab koosolekutel rohkem tulemusi saavutada. Oma loovkooditud persoonibrändingu veebilehele arendas Reimo koosoleku agenda looja, et veeb poleks liiga staatiline, vaid et seal küljes oleks ka nii-öelda “lihtne interaktiivne vidin”.

Lahendusega saab planeerida koosolekut sõltuvalt selle eesmärgist ja formaadist.

Tuleb kokku lohistada erinevaid tükke ning nende järjekorda muuta ning kui soovitud tulemus käes, saab selle PDF-ina omale alla laadida. 

Reimo isegi ei mäleta, kas tegi selle rakenduse Lovable'i või bolt.new'ga ja millal see täpselt valmis sai. Igatahes kahe õhtuga oli agenda looja olemas. Reimo andis ette väga konkreetse disainijuhise ja fotod, millest lähtuda. Kõige rohkem aega läks sobiliku tekstilise sõnastuse leidmisega. 

Reimo kasutab enda tööriista pidevalt koosolekute või arutelude planeerimiseks.

4. Fookuse planeerimise kalender

Pika personalijuhtimise kogemusega juhtimise arendaja Maarit Vabrit-Raadla lõi fookuse planeerimise kalendri, mida saab kasutada üksikisikuna, aga ka organisatsiooni või valdkonna üleselt. Samuti võib sellest abi olla projektidest ülevaate saamiseks.

Ülevaatlik tööriist aitab jagada koormust, nähes tervikut ja fookust samas vaates.

Fookuse planeerimise kalender aitab näha aastat tervikuna nii üksikisiku, organisatsiooni kui projekti vaates.

Projekt sündis taas Lovable’is. Esimese prompti ehk käsuviibaga asi veel ei õnnestunud. Siis tegi Maarit visuaalse näidise Stitch'i rakenduses ja võttis sealt ka HTML-koodi. Seejärel korrigeeris ta kogu disaini Lovable’s — värvid, suurused, elementide paiknemine. Lõpuks said lisatud funktsioonid ja nendega läks juba päris libedalt.

Leht sai üles veebruari alguses. Selle ajaga on Maarit saanud positiivset tagasisidet ning jõudnud arusaamisele, et inimeste visuaalse töötamise harjumused ja ootused on erinevad. Üks tagasiside ajendas teda lisama kalendrile ühe uue väikese lisavõimaluse. Maarit on enda tööriistaga ise rahul ning on teinud selle abil juba päris mitu ülevaadet.

5. Juhi fookuse audit

Virtuaalassistentide koolitaja ja mentor Õnnela Seinamets tegi Juhi fookuse auditi, mis aitab kõike ise tegeval ettevõtjal aru saada, kui palju raha ta sellega kaotab. Samuti aitab see mõista, et delegeerimine ja virtuaalassistendi kaasamine on pigem investeering kui kulu. 

Juhi fookuse audit aitab väikeettevõtjal aru saada, kuhu kulub tööaeg ja kas see teenib tulu.

Rakenduse tegemiseks alustas Õnnela ideede põrgatamist ChatGPT-ga ja siis liikus edasi Lovable’i. Sisestas prompti ja andis ette brändi värvid. Kui esimene visuaal sai loodud, siis hakkas peenhäälestama. 

Juhi fookuse audit sai valmis veebruari alguses. Õnnela tõdeb, et mikro- ja väikeettevõtjatel läheb kontrollimisest lahti laskmine väga keeruliselt. Samas kui juht ei suuna enda fookust sinna, kus ta saab luua kõige rohkem tulu, siis ettevõte ei kasvagi.

6. Hinnakalkulaator

Sisuloomejuht Inga Külmoja (ehk selle loo autor) loovkoodis hinnakalkulaatori ühele enda ettevõtte teenustest. See aitab kliendil saada kiire ülevaate orienteeruvast veebilehe maksumusest. Samuti toetab see ettevõtte läbipaistvust.

Hinnakalkulaator säästab nii tellija kui teenusepakkuja aega ja lisab ettevõttele läbipaistvust.

Hinnakalkulaatori planeerimine algas lihtsalt pliiatsi ja paberiga. Siis põrgatasin ideid Gemini tehisaruga, mille tulemusena sündis esialgne prompt. Viisin selle Cursorisse ja viimistlesin planeerimisagendiga. Kui plaan valmis, kirjutas Cursor HTML-koodi. Palusin sel teha paar muudatust ja oligi asi valmis. Siin saab lugeda protsessist detailsemalt.

Loodan, et kalkulaatorist on klinetidele abi; kindlasti on sellest abi ka minul endal, sest olen hinda mõjutavad faktorid nüüd väga üksikasjalikult läbi mõelnud.

Kõik loos viidatud näited on sündinud viimase kuu-kahe jooksul ja enamasti paari õhtuga. Tõsi, ideed on küpsenud mõnevõrra kauem. Võib-olla ka sul on mõni idee, mis on oodanud arendaja või raha taga? Nüüd saad selle ise ellu viia. Ja kui ideed veel pole, siis loodetavasti panevad eespool kirjeldatud lahendused su mõtte jooksma. Inspiratsiooni leiab ka Eesti vaibkoodijate kogukonnast.

Inga Külmoja

Loome sisu, mis teenib (äri)eesmärke. Sisuks võib olla veebileht, artikkel, case study, uudiskiri, hinnakalkulaator või viktoriin. 

Kasutajad kes lugesid seda artiklit lugesid ka neid

sisu programmeerimine kodulehe tegemine
12 soovitust: kuidas küsida ChatGPT-lt õigeid küsimusi?
Arendus kodulehe tegemine veebilehtede arendamine veebilehed
Millest kujuneb kodulehe tegemise hind?
Veebiarendus Robotid tarkvara chatbotid
ChatGPT või Bard: kumba tehisintellekti kasutada kodulehe tegemisel?
Veebiarendus veebidsain
7 jälgimist väärivat veebidisaini trendi 2023. aastal
Veebiarendus e-pood kodulehe tegemine
Armastatud brändi Breden’i teekond: uue e-poega värskendati nii platvormi kui sihtrühma
Veebimajutus on Facebookis. Sina oled kah.
Saame sõpradeks? Meil on Sulle palju rääkida, küllap Sul meilegi. Teeme ära?
fox-head fox-head
Veebimajutus logo
Ka veebis tuleb targalt tegutseda. Eriti veebis!
Veebimajutuse 28 000 klienti rääkisid ja meie kuulasime - oleme teie vajaduste ning tagasiside põhjal loonud blogi, milleta ei saa hakkama ükski edukas e-ärimees. Eesti tippkirjutajad toovad Sinuni värskeimad nipid, uudised ja nõuanded. Ükski trend ei jää saladuseks ning väljakutse ületamatuks!
Klienditeenindus
Veebimajutus logo