iskolaszovetkezet.hu: új brand, tudásbázis és kalkulátorok, hét hét alatt

Az ügyfél egy nagy hazai iskolaszövetkezet, amely a meglévő céges márkájától különálló, semleges brandet akart: egy diákmunka-tudásbázist, ami a diákoknak, a szülőknek és a diákot foglalkoztató cégeknek egyaránt szól, és a kalkulátoraival organikus forgalmat hoz.

Kiindulásként semmi nem volt. Nem volt logó, nem volt arculat, nem volt tárhely (a domain parkolt), nem voltak szövegek, a kalkulátorok képletei Excelben léteztek.

A kalkulátor a projekt magja: a diákbér-kalkulátor bizonyítottan keresőforgalmat hoz ebben a témában, a céges költségkalkulátor pedig a kulcsszókutatás szerint piaci unikum volt.

• A bér- és járulékszabályok (25 év alattiak SZJA-mentessége, kormányrendeleti minimális szolgáltatási díj, a Munka törvénykönyve szerinti szabadság) 2026-os értékekkel, adminból karbantarthatóan.
• Teljes GDPR-megfelelés hozzájárulás-alapú méréssel.
• A cikkek a szövegíró munkája, amit keresőoptimalizálási szempontból dolgoztunk át, de szakmailag nem bíráltunk felül.

1. Brand és stratégia a fejlesztés előtt

• Logóterv: három koncepció (kalap, könyv, monogram), az ügyfél az „i”-monogramos változatot választotta. Kék és sötétkék alap, sárga bojt; teljes csomag színes és mono lockuppal, ikonokkal, favikonnal és app-ikonnal.
• Kulcsszókutatás: 9 oldalas oldaltérkép meta-szövegekkel és 30 priorizált cikk-téma (ebből 13 magas prioritású). Ez lett a szövegíró briefje és a tudásbázis szerkezete.
• Látványterv és design: kártyás, levegős felület, lokálisan előtöltött Manrope betűvel, a jóváhagyott látványtervek alapján a saját sablonrendszerben.

2. Saját sablonrendszer (drew-core), tartalom adminból

• 10 szekciótípus (hero gyorslinkekkel, USP-kártyák, média és szöveg, GYIK, kalkulátor, űrlap, cikklista, partnerlogók, egyszerű szöveg és társaik) rugalmas tartalomblokkokkal: minden oldal adminból, blokkokból épül.
• 12 oldal (főoldal, tudásbázis három kategóriával, GYIK, négy kalkulátor, Rólunk, Kapcsolat, két űrlapoldal, adatkezelési tájékoztató), 9 tudásbázis-cikk három célcsoportnak, 48 kérdéses GYIK diák és cég szűrővel.
• Tudásbázis-szűrők: a „Kinek szól?” kártyák szűrőként működnek, közvetlenül linkelhető állapottal és akadálymentes állapotjelzéssel.
• 27 projekt-funkciómodul, a sablonkód git-verziókezelve.

3. Négy valós idejű kalkulátor, Excel-hű logikával

• Diák bérkalkulátor: órabér és óraszám alapján, 25 év alatti sávos SZJA-mentességgel és plafonnal; összehasonlítás a hagyományos munkaviszonnyal, kiemelt különbség-sávval; „Jellemző diákbérek” blokk, ami kattintásra beállítja az órabért.
• Főállású bérkalkulátor: TB, SZJA és hat kedvezmény (25 év alattiak, 30 év alatti anyák, két- és többgyermekes anyák, személyi, első házasok) az ügyfél Excel-kizárási logikájával; a jóváírás a ténylegesen levont SZJA-ra maximálva, a családi kedvezmény adóalap-kedvezményként a TB-ből is jóváírható maradékkal.
• Diákmunka költségkalkulátor cégeknek: létszám, heti óraszám és órabér alapján, a 127/2022. Korm. rendelet szerinti minimális szolgáltatási díjjal (két díjkulcs munkakör szerint), havi nettó és bruttó összesennel, egy munkaóra teljes költségével.
• Szabadság-kalkulátor: a Munka törvénykönyve szerinti alap- és pótszabadság (életkori sávok, gyermekek, fogyatékos gyermek, megváltozott munkaképesség), nap-formátumú eredménnyel.
• Kezelés: csúszka, szerkeszthető számmező és léptetők, szegmens-választók, eredménykártyák, CTA az űrlapokra. Minden paraméter (kulcsok, plafonok, díjak, sávok) adminból szerkeszthető, évváltáskor nem kell fejlesztő. A számítást a specifikáció teszteseteivel ellenőriztük.

4. Lead-motor és hírlevél

• Három űrlaptípus egy konfig-vezérelt motorban: diák igényfelmérő (életkor, település, munkatípus, időszak), céges igényfelmérő (cégnév, munkakör, létszám, hely) és kapcsolat. Típusonként saját mezők, validálás, sikerüzenet és célcím.
• Minden beküldés strukturáltan tárolódik az adminban (forrásoldal, beküldés és hozzájárulás időpontja), CSV-export egy gombbal; automatikus értesítő és visszaigazoló e-mail, tranzakciós küldéssel, EU-s adattárolással.
• Automatikus törlés a tájékoztató megőrzési idői szerint: céges beküldés 1 év, diák 6 hónap.
• Hírlevél: szerveroldali Mailchimp-bekötés dupla megerősítéssel és forrás-címkével; a feliratkozó e-mail címét a weboldal nem tárolja.
• Spam-védelem: csapda-mező, időcsapda és IP-alapú beküldés-korlátozás, csak hash-sel, nyers IP-cím nélkül.

5. GDPR és mérés úgy, hogy ne lassítson

• Cookie-banner Google Consent Mode v2-vel: hozzájárulás előtt semmilyen Google-kérés és süti. A GTM-konténer csak akkor töltődik be, amikor az analitikai hozzájárulás megvan, elutasításnál le sem töltődik. GA4 a GTM-ben, 14 hónapos megőrzéssel.
• Az adatkezelési tájékoztató technikai része (adatfeldolgozók, tárolás, naplók, sütitáblázat, hatálybalépés) a valós működésből lett kiegészítve, a sütilista mérésekkel igazolva. Az ügyfél jogi szövege változatlan.

6. Teljesítmény

• Saját build: egyetlen minifikált CSS és JS, lokális, előtöltött betűk, responsive képek WebP-ben, az LCP-kép előtöltve, kiemelt prioritással.
• Gyorsítótár és előtöltés, minden kép optimalizálva.
• Az élesítés napján mért eredmény: mobil 99 / 100 / 100 / 100, asztali 100 / 100 / 100 / 100.

Nagyítás

Nagyítás

Nyolc mért kategóriából hét 100 pontos, egy 99, egy olyan oldalon, ahol négy valós idejű kalkulátor, hozzájárulás-kezelő és GTM fut. A projekt a logótól az élesítésig hét hét alatt zárult. Közben az ügyfél szövegírója írta a cikkeket, a HR-csapata ellenőrizte a kalkulátorokat, és minden észrevételük a jóváhagyás napján élesre került.