WIREFRAME – Rólunk | Karolina Iskola

Fenntartó

Az Iskolanővérek rendjéről

[Szövegblokk 1 – A rend alapítása, küldetése, spirituális gyökerei. Kb. 3-4 bekezdés. Tartalom: mikor alapították, hol tevékenykednek, mit képvisel a rend a nevelésben, miért fontos ez az iskola számára.]

„[Idézet – a rend mottója, alapítójának gondolata vagy egy lelkiségi mondat, ami megragadja a lényeget]"

— [Forrás neve, beosztása]

[Szövegblokk 2 – A rend és az iskola kapcsolata. Hogyan érvényesül a rendinek lelkisége a mindennapi iskolai életben.]

[Szövegblokk 3 – Értékek: hit, szeretet, közösség, tudás. Nem elvont, hanem konkrét példákkal.]

[KÉP 360×280: Nővérek / Rend szimbóluma / Történelmi fotó]

[Képaláírás: pl. „Az Iskolanővérek rend alapítása, [évszám]"]

A rendről röviden

Alapítva: [Évszám]

Alapító: [Név]

Jelenlét: [Országok / városok]

Mottó: [Mottó]

Ars poetica

Küldetésünk és értékeink

[KÉP 280×220: Igazgató / vezető portré fotó]

[Igazgató neve]

Igazgató, Karolina Iskola

[KÉP: Aláírás – SVG vagy PNG, 200×32]

„[Az igazgató bevezető gondolata – 1-2 erős mondat, ami megragadja az iskola szellemét. Ez az a mondat, ami az összes többi szöveget összefoglalja.]"

[Igazgatói beköszöntő – 1. bekezdés: az iskola karakteréről, arculatáról, amit megkülönböztet]

[2. bekezdés: a közösségről, a tanár-diák kapcsolatról, a gondoskodásról]

[3. bekezdés: jövőkép, mit remél a szülőktől és a diákoktól]

Értékeink

[IKON]

Hit

[Rövid leírás – 2-3 sor. Konkrét, nem elvont]

[IKON]

Tudás

[Rövid leírás]

[IKON]

Közösség

[Rövid leírás]

[IKON]

Gondoskodás

[Rövid leírás]

[IKON]

Felelősség

[Rövid leírás]

[IKON]

Nyitottság

[Rövid leírás]

Pedagógusaink

Tantestület

[SZŰRŐ: Mindenki]

[SZŰRŐ: Óvoda]

[SZŰRŐ: Általános iskola]

[SZŰRŐ: Gimnázium]

[SZŰRŐ: AMI]

[SZŰRŐ: Kollégium]

[FOTÓ
96×96]

[Neve]

[Beosztás / tantárgy]

Gimnázium

[FOTÓ
96×96]

[Neve]

[Beosztás / tantárgy]

Ált. iskola

[FOTÓ
96×96]

[Neve]

[Beosztás / tantárgy]

Óvoda

[FOTÓ
96×96]

[Neve]

[Beosztás / tantárgy]

AMI

[FOTÓ
96×96]

[Neve]

[Beosztás / tantárgy]

Gimnázium

[FOTÓ
96×96]

[Neve]

[Beosztás / tantárgy]

Kollégium

[FOTÓ
96×96]

[Neve]

[Beosztás / tantárgy]

Ált. iskola

[FOTÓ
96×96]

[Neve]

[Beosztás / tantárgy]

Gimnázium

[A grid automatikusan bővül a CPT-ből betöltött összes pedagógussal – szűrés után az érintett egység tagjai látszanak]

Fejlesztői megjegyzés: Ha egy pedagógusnak nincs feltöltve fotója, az ACF `staff_photo` mező üres → a kártya egy generikus avatár ikont jelenít meg (pl. körös siluett SVG). A fotó feltöltése nem kötelező mező az admin panelen.

Ezek is érdekelhetnek

[KÉP 380×120: Óvoda gyerekek]

Megismerni

Tanteremben – intézményegységeink

Óvoda, Általános iskola, Gimnázium, AMI, Kollégium

[Tanteremben →]

[KÉP 380×120: Hitélet, közösség]

Közösség

Tantermen kívüli élet

Szakkörök, hitélet, cserkészet, Erasmus és még sok más

[Tantermen kívül →]

[KÉP 380×120: Felvételi kapcsolatfelvétel]

Csatlakozz

Hogyan lehetsz Karolinás?

Felvételi információk minden intézményegységhez

[Felvételi →]

UX Notes – Rólunk

Egyetlen Rólunk oldal, három szekció: A „Fenntartói gondolatok", „Küldetés" és „Tantestület" nem külön URL-es aloldalak, hanem egy long-scroll oldal anchor-linkekkel. Indoklás: mindhárom szorosan összefügg (ki vagyunk, mit vallunk, kik tanítanak) — a görgetés egységes narratívát teremt, az anchor-nav pedig nem veszi el a gyors ugrás lehetőségét. Ha a tartalom hossza indokolja, ez felülvizsgálható. (Progressive disclosure + narrative flow)
Második sticky sáv (anchor-nav): A főoldal hero alatt megjelenik egy másodlagos navigációs sáv, ami a 3 szekció között görget. Az aktív szekció JS-sel highlightolva (IntersectionObserver). Ez a megközelítés long-scroll oldalakon kulcsfontosságú a tájékozódáshoz. (Nielsen: User Control and Freedom)
Pull quote szekciónként: Egy-egy kiemelő idézet megtöri a szövegtömböket és vizuálisan is megszólaltatja az iskola hangját. Ez a UI-tervező feladata, de az ACF-ben külön mezőként kezelendő (nem a WYSIWYG-ből formázva). (F-pattern olvasás: a kiemelők megállítják a szkennelést)
Igazgatói aláírás: SVG vagy PNG formátumban, az igazgatói beköszöntő alatt. Emberi, hiteles elemet ad egy intézményi oldalon. Az ACF `staff_signature` image mezőbe töltendő fel. (Trust signal)
Értékek: max. 6 elem, 3×2 grid: A fejlesztőnek az ACF repeater maximumát 6-ra kell beállítani, hogy az iskola ne tudjon 7-8 értéket felvenni, ami tönkretenné a rácsot. (Miller törvénye: 7±2 határ; itt 6-ban maximalizáljuk)
Tantestület szűrő: client-side JS, nem AJAX: Ha a létszám nem haladja meg a ~100 főt, az összes kártya pre-renderedhető és a szűrés pillanatos, szerver-kérés nélkül. AJAX-ra csak akkor kell váltani, ha a létszám növekedésével a betöltési idő romlana. A fejlesztőnek ezt a küszöböt dokumentálni kell. (Performance UX)
Fotó nélküli pedagógus fallback: Az admin nem mindig tölti fel az összes fotót. A generikus SVG avatar (körös siluett) elfogadhatóbb, mint egy törött kép vagy üres rácselem. Wireframe szinten jelzett, a UI-tervező feladata a konkrét avatar dizájnja.
Rend adatai info-box: A „A rendről röviden" kompakt doboz (alapítva, alapító, mottó) gyors tájékozódást ad annak, aki nem akarja az egész szöveget elolvasni. (Scanning pattern: a szövegolvasók és a scannelők egyformán megkapják az infót)