— nem csak -ek.
- **Figyelmeztetések szöveggel is** — ne csak színnel jelezz hibát.
## WCAG sztenderdek és szintek
- **WCAG 2.2 AA** — az iparági minimum, a legtöbb jogszabály ezt írja elő.
- **4 alapelv (POUR)** — Perceivable, Operable, Understandable, Robust.
- **13 főiránymutatás** — minden POUR alá tartozik 3–4 irány.
- **78 sikerkritérium** — konkrét, mérhető követelmények (pl. „minden kép alt-szöveggel”).
- **AAA szint** — szigorúbb (7:1 kontraszt), nem minden tartalomhoz reális.
## Hogyan ellenőrizd az oldalad akadálymentességét?
- **Automatikus tool** — axe DevTools, Lighthouse Accessibility audit, WAVE.
- **Kézi tesztelés** — végigmész billentyűzettel, működik-e mindennek a focus.
- **Screen reader teszt** — NVDA (Windows ingyenes), VoiceOver (macOS), TalkBack (Android).
- **Színkontraszt-ellenőrző** — Stark Figma-plugin vagy contrast-ratio.com.
- **User-testing fogyatékkal élőkkel** — semmi sem helyettesíti a valós használatot.
Ami a screen readernek jó, az SEO-nak is — a Google ugyanazon szemantikai jelekből dolgozik. Ha akadálymentes, WCAG-konform oldalt szeretnél, nézd meg az [UI/UX tervezés](/ui-ux-tervezes/) és az [egyedi weboldal-fejlesztés](/egyedi-weboldal-fejlesztes/) szolgáltatásunkat. Lásd a [UX audit](/tudastar/ux-audit/), [SEO](/tudastar/seo/) és [GDPR](/tudastar/gdpr/) cikkeket.
**Kategóriák:** UX és design
---
### [Brand identity](https://eclick.hu/tudastar/brand-identity/)
**Published:** május 8, 2026
**Author:** tomi
**Excerpt:** A márka teljes vizuális karaktere — logó, színek, tipográfia, képi világ.
**Content:**
A **brand identity** egy egész rendszer, ami a márkádat felismerhetővé teszi. Több, mint a logó: tartalmazza a logó variánsait, a színpalettát, a tipográfiát, a képi világot, az ikon-stílust, a layout-elveket és a tone-of-voice-ot is. Az ismétlés és a konzisztencia épít márkát — nem a logó önmagában.
## Mit tartalmaz egy professzionális brand-csomag?
- **Logó-rendszer** — fő logó, jel, monogramm, sötét/világos verziók, méret-variánsok.
- **Színpaletta** — primer, szekunder, semleges színek (HEX, RGB, CMYK, Pantone).
- **Tipográfia** — fő és kiegészítő betűtípusok, méret-skálák, súlyok.
- **Képi világ és illusztráció** — fotó-stílus, illusztráció-stílus, ikon-szett.
- **Brand book** — irányelvek, do’s & don’ts, alkalmazási példák.
## Brand identity építés lépései
- **Brand-stratégia és kutatás** — kik vagyunk, kinek beszélünk, mit ígérünk.
- **Versenytárs-analízis** — vizuális landscape, mitől különböző vagyunk.
- **Moodboard és koncepció** — 2–3 irányvonal, érzelmi referenciák.
- **Logó és vizuális rendszer** — kiválasztott irány alapján részletes design.
- **Alkalmazás és brand book** — névjegy, weboldal-mockup, social-poszt, dokumentáció.
## Mikor érdemes brand identity-t építeni vagy frissíteni?
- **Új cég vagy termék indításakor** — első benyomás csak egyszer adódik.
- **Pozícióváltáskor** — más célközönség, más üzenet, más vizuális.
- **Évek óta nem frissült** — vizuális trendek 5–7 év alatt elavulnak.
- **Összeolvadás vagy felvásárlás után** — közös vizuális keret kell.
- **Termék-portfólió bővítésekor** — sub-brandek, családi brand-rendszer.
Ha új arculatot, brand-csomagot vagy redesignt terveznél, nézd meg a [grafikai tervezés](/grafikai-tervezes/) szolgáltatásunkat. Lásd a [vektoros grafika](/tudastar/vektoros-grafika/), [Figma](/tudastar/figma/) és [UI/UX tervezés](/tudastar/ui-ux-tervezes/) kapcsolódó témákat.
**Kategóriák:** UX és design
---
### [CMS](https://eclick.hu/tudastar/cms/)
**Published:** május 8, 2026
**Author:** tomi
**Excerpt:** Content Management System — tartalomkezelő rendszer.
**Content:**
A **CMS** (Content Management System) olyan rendszer, ami megkönnyíti a weboldal tartalmának kezelését **programozói tudás nélkül**. A legismertebb a WordPress (a webek ~40%-a ezen fut), de van Drupal, Joomla, Strapi, Ghost, Webflow és sok más.
## Mit várj el egy modern CMS-től?
- **Egyszerű szerkesztői felület** — block-editor, drag & drop, valós idejű preview.
- **Felhasználói szerepkörök** — szerkesztő, szerző, adminisztrátor, hozzájáruló.
- **SEO-támogatás** — meta-tagek, sitemap, schema, redirect-kezelés, breadcrumb.
- **Bővíthetőség** — pluginek vagy custom kód, ha új funkcionalitás kell.
- **Verziókövetés és visszaállítás** — minden módosítás visszaszerezhető legyen.
## CMS-típusok 2026-ban
- **Traditional CMS** — WordPress, Drupal, Joomla — backend + frontend egy csomagban.
- **Headless CMS** — Strapi, Sanity, Contentful — csak backend, frontend külön (lásd [headless CMS](/tudastar/headless-cms/)).
- **Hybrid CMS** — WordPress headless üzemmódban, vagy Storyblok.
- **Static Site Generator (SSG) + CMS** — Astro / Next.js + Sanity / Decap CMS.
- **SaaS Site Builder** — Webflow, Framer — design-first, kódolás nélkül.
## Hogyan válassz CMS-t?
- **Tartalom-centrikus oldalhoz** (cégbemutató, blog, magazin) — WordPress vagy hasonló klasszikus CMS.
- **Több csatornás (web + app + signage)** — headless CMS.
- **Komplex egyedi folyamatokhoz** — egyedi backend, könnyű admin felülettel.
- **Design-vezérelt, kis projekt** — Webflow vagy Framer.
- **Nagy csapatban, sok szerkesztővel** — érdemes a workflow-funkciókat kiértékelni (Editorial Workflow).
Ha új CMS-projektben gondolkodsz, nézd meg a [WordPress-fejlesztés](/wordpress-fejlesztes/) és az [egyedi weboldal-fejlesztés](/egyedi-weboldal-fejlesztes/) szolgáltatásunkat. Lásd a [WordPress](/tudastar/wordpress/), [headless CMS](/tudastar/headless-cms/) és [SEO](/tudastar/seo/) cikkeket.
**Kategóriák:** Webfejlesztés
---
### [Drótváz (wireframe)](https://eclick.hu/tudastar/drotvaz-wireframe/)
**Published:** május 8, 2026
**Author:** tomi
**Excerpt:** A felület alapszerkezete pixel-design előtt — funkcionális vázlat.
**Content:**
A **drótváz** (wireframe) az UI/UX tervezés első vizuális lépése. Csak fekete-fehér vagy szürke vázlat, ami megmutatja, **mi hova kerül és miért** — gomb, fejléc, kép, szöveg, navigáció. Egy jó drótváz pár óra alatt elkészül, és napokat spórol meg később.
## Miért érdemes a drótvázzal kezdeni?
- **Olcsó hibázni** — egy drótváz pár óra, egy kész design napokba kerül.
- **A struktúrára fókuszál** — nem a színen és betűtípuson vitatkoztok, hanem a logikán.
- **Stakeholder-okkal könnyű egyeztetni** — világos, „nem-rajongott” prototípus, kevesebb érzelmi ellenállás.
- **User-testelhető korán** — már drótvázzal is rá lehet kérdezni „megtalálnád a kosarat?”.
- **Iterálható gyorsan** — ha 3 verziót csinálsz, mindegyik 1 óra, nem 1 nap.
## Drótváz vs. mockup vs. prototype
- **Drótváz (wireframe)** — struktúra: hol vannak az elemek.
- **Mockup** — végleges vizuális: színek, tipográfia, képek, brand-elemek.
- **Prototype** — klikkelhető folyam: a felhasználó átléphet képernyőről képernyőre.
- **High-fidelity prototype** — szinte megkülönböztethetetlen a kész terméktől.
- **Coded prototype** — már HTML/CSS-ben dolgozol, valós interakciókkal.
## Mire használj drótvázat egy projektben?
- **Új termék (MVP) tervezésénél** — gyors validáció, milyen a user-flow.
- **Redesign előtt** — versenytárs-analízis után, mi maradjon, mi változzon.
- **Komplex flow tervezésénél** — checkout, onboarding, multi-step form.
- **Stakeholder-prezentációhoz** — vezetőség egyszerűbben befogadja, mint a Figma-fájlt.
- **Fejlesztő-tájékoztatáshoz** — még a végleges design előtt megérteni, mit építünk.
Ha új termék-ötleted van és lépésről lépésre szeretnéd validálni, nézd meg az [UI/UX tervezés](/ui-ux-tervezes/) és az [MVP-fejlesztés](/mvp-fejlesztes/) szolgáltatásunkat. Lásd a [Figma](/tudastar/figma/), [UX audit](/tudastar/ux-audit/) és [akadálymentesség](/tudastar/akadalymentesseg-a11y/) cikkeket.
**Kategóriák:** UX és design
---
### [E-commerce](https://eclick.hu/tudastar/e-commerce/)
**Published:** május 8, 2026
**Author:** tomi
**Excerpt:** Online értékesítési rendszer — webshop és minden, ami körülveszi.
**Content:**
Az **e-commerce** (elektronikus kereskedelem) az online értékesítés teljes ökoszisztémája: webshop, fizetési rendszerek, készletkezelés, logisztika, vásárlói kommunikáció és marketing. Egy átlagos webshop konverziós rátája 1–3%; egy jól optimalizált akár 5–7%.
## Magyar e-commerce platformok
- **WooCommerce** — WordPress-alapú, a magyar webshopok többségét hajtja, flexibilis.
- **Shopify** — felhő-alapú, gyors start, havi díj, korlátozottabb testreszabás.
- **Shoprenter** — magyar SaaS, lokális ügyfélszolgálattal és Foxpost / GLS integrációval.
- **UNAS** — szintén magyar SaaS, kifejezetten kkv-knak.
- **Egyedi (headless)** — nagy katalógusokhoz, B2B-hez, komplex árazáshoz Next.js + Commerce-API.
## Mit tartalmaz egy modern e-commerce stack?
- **Webshop platform** — termékkatalógus, kosár, checkout (WooCommerce / Shopify / egyedi).
- **Fizetési gateway** — Barion, SimplePay, Stripe, PayPal, utánvét.
- **Szállítás-integráció** — Foxpost, GLS, MPL, DPD — automatikus címke-generálás.
- **Számlázás** — Számlázz.hu, KBOSS, BillingO — webhook-alapú integráció.
- **Marketing** — Mailchimp / Brevo hírlevél, Meta / Google Ads, retargeting.
## Mi tesz egy webshopot sikeressé?
- **Gyors mobil checkout** — minden plusz mező 5–10% konverzió-vesztés.
- **Jó termékfotó és leírás** — látogatók 70%-a a fotó alapján dönt.
- **Sokrétű fizetési mód** — bankkártya + utánvét + Apple/Google Pay + részletfizetés.
- **Hűségprogram és kupon** — visszatérő vásárlás drasztikusan olcsóbb mint új ügyfél akvizíció.
- **Marketing-automatizáció** — abandoned cart e-mail, win-back kampány, NPS-mérés.
Ha új webshopot építenél vagy a meglévőt optimalizálnád, nézd meg a [webshop-fejlesztés](/webshop-fejlesztes/) szolgáltatásunkat — WooCommerce, Shopify vagy headless setupban. Lásd a [CRO](/tudastar/konverzios-rata-cro/), [GDPR](/tudastar/gdpr/) és [integráció](/tudastar/integracio/) cikkeket.
**Kategóriák:** Webfejlesztés
---
### [Figma](https://eclick.hu/tudastar/figma/)
**Published:** május 8, 2026
**Author:** tomi
**Excerpt:** A jelenlegi iparági standard UI/UX tervezőeszköz.
**Content:**
A **Figma** egy böngészőben futó, valós idejű kollaboratív UI/UX tervezőeszköz. Ma a designerek 80%-a ezt használja drótváztól a végleges, klikkelhető prototípusig. Az ingyenes verzió is komoly: kezdő freelancereknek és kis csapatoknak teljesen elég.
## Miért lett iparági standard a Figma?
- **Real-time collab** — több ember egyszerre dolgozik ugyanazon a fájlon, mint a Google Docsban.
- **Auto Layout** — responsive komponensek pillanatok alatt, Flexbox-szerű logikával.
- **Variables és design tokens** — szín- és spacing-rendszer, ami designtól kódig tart.
- **Prototype mód** — klikkelhető folyam, ami valós user-testinghez használható.
- **Plugin-ökoszisztéma** — Iconify, Unsplash, Content Reel — minden integrált.
## A Figma legfontosabb funkciói részletesen
- **Components és Variants** — egy gomb 10 variánsát egyetlen komponensként kezelheted.
- **Dev Mode** — fejlesztőknek: pontos méretek, színek, CSS-kód, exportálható assetek.
- **FigJam** — whiteboard-szerű brainstorming, user-flow vázolás.
- **Branch & merge** — Git-szerű verziókezelés design-fájlokon (Org tier).
- **AI funkciók** — Figma AI 2024 óta: automatikus prototype-generálás, content fill, szöveg-rewrite.
## Figma és a fejlesztő-design együttműködés
- **Egy fájl, mindenki látja** — designer commit-ol, fejlesztő látja, terméktulajdonos kommentel.
- **Dev Mode handoff** — exportálható svg/png, CSS / iOS / Android kód, automatikus.
- **Design system + komponens-mapping** — Figma komponens ↔ React komponens.
- **Comment-thread** — feedback közvetlenül a designra, nem Slack-szálak között.
- **Version history** — bármely korábbi verzió visszahozható, nincs „melyik file a végleges?” káosz.
Ha új arculatot, weboldal-tervet vagy app-design-t építenénk neked, nézd meg az [UI/UX tervezés](/ui-ux-tervezes/) és a [grafikai tervezés](/grafikai-tervezes/) szolgáltatásunkat. Lásd a [drótváz](/tudastar/drotvaz-wireframe/), [brand identity](/tudastar/brand-identity/) és [vektoros grafika](/tudastar/vektoros-grafika/) cikkeket.
**Kategóriák:** UX és design
---
### [GDPR](https://eclick.hu/tudastar/gdpr/)
**Published:** május 8, 2026
**Author:** tomi
**Excerpt:** EU-s adatvédelmi szabályozás — minden weboldalra vonatkozik.
**Content:**
A **GDPR** (General Data Protection Regulation) az EU adatvédelmi rendelete, ami minden olyan szolgáltatásra vonatkozik, ami EU-s polgárok adatait kezeli — függetlenül attól, hol a cég székhelye. 2018 óta kötelező, és **akár éves árbevétel 4%-áig terjedő bírságot** kockáztat, aki nem felel meg.
## Mit jelent a gyakorlatban?
- **Cookie-banner** — előzetes hozzájárulás a marketing-cookie-khoz (ConsentMode v2, kategória-szintű opt-in).
- **Adatkezelési tájékoztató** — közérthetően, könnyen elérhetően, friss verzióban.
- **Hozzáférés és törlési jog** — a felhasználó kérheti az adatainak kiadását vagy törlését 30 napon belül.
- **Adatfeldolgozói szerződések** — minden külső szolgáltatóval (Mailchimp, Stripe, Google).
- **Adatvédelmi tisztviselő (DPO)** — bizonyos méret / tevékenység felett kötelező.
## Hét lépés a GDPR-konformitáshoz
- **Adat-audit** — milyen adatot gyűjtesz, hol tárolod, ki fér hozzá.
- **Jogalap-tisztázás** — hozzájárulás, szerződés, jogos érdek, jogi kötelezettség.
- **Cookie-stack frissítés** — Cookiebot, Iubenda vagy Real Cookie Banner.
- **Adatfeldolgozó szerződések** — DPA-k aláírva minden külső szolgáltatóval.
- **Biztonsági intézkedések** — titkosítás (HTTPS, at-rest), jelszó-policy, MFA.
- **Adatvédelmi incidens-protokoll** — 72 órán belül NAIH-bejelentés.
- **Dokumentáció** — minden eljárás, audit-trail, akkor is, ha kicsi vagy.
## Tipikus GDPR-hibák a magyar webshopokban
- **„Accept all” gomb előtérben, „decline” eldugva** — explicit nem-konform.
- **Marketing-cookie consent előtt fut** — Meta Pixel, GA4 azonnal indul, nem opt-in.
- **Hírlevél dupla opt-in hiánya** — egy kattintásos feliratkozás nem elég.
- **Adatkezelési tájékoztató template-ből** — nem a saját céged eljárására szabva.
- **Backup nem titkosítva** — adatvédelmi incidens esetén nagy probléma.
Ha GDPR-konform oldalt szeretnél, nézd meg a [webshop-fejlesztés](/webshop-fejlesztes/) és az [egyedi weboldal-fejlesztés](/egyedi-weboldal-fejlesztes/) szolgáltatásunkat. Lásd a [tracking pixel](/tudastar/tracking-pixel/), [e-commerce](/tudastar/e-commerce/) és [akadálymentesség](/tudastar/akadalymentesseg-a11y/) cikkeket.
**Kategóriák:** Biztonság
---
### [Headless CMS](https://eclick.hu/tudastar/headless-cms/)
**Published:** május 8, 2026
**Author:** tomi
**Excerpt:** A tartalom külön a megjelenítéstől — REST/GraphQL API-n át fogyasztható.
**Content:**
A **headless CMS** egy olyan tartalomkezelő rendszer, aminél a backend (tartalom-szerkesztés) szétválasztva fut a frontendtől (megjelenítés). A tartalom REST vagy GraphQL API-n keresztül érhető el — **bárhonnan**: weboldalról, mobil-appból, okosóráról, kiosk-képernyőről vagy akár egy AI-asszisztensből.
## Népszerű headless CMS-ek
- **Strapi** — Node.js alapú, önhostolható, ingyenes, gyors fejlesztői élmény.
- **Sanity** — felhő-alapú, real-time editing, fejlesztő-barát data model (GROQ).
- **Contentful** — enterprise-érett, sok integrációval, drágább.
- **Headless WordPress** — a megszokott WP backend + egyedi frontend (Next.js, Astro).
- **Payload, Directus, Ghost** — egyéb modern alternatívák, mindegyik más fókusszal.
## Mikor érdemes headless-re menni?
- **Több csatorna** — ugyanaz a tartalom web + mobile app + signage + smart TV.
- **Gyors frontend** — Next.js, Astro statikus output, jobb Core Web Vitals.
- **Fejlesztői csapatnak van saját frontend-stack-je** — React, Vue, Svelte.
- **Marketing csapat külön frontendet ákar A/B tesztelni** — anélkül, hogy a CMS-t cserélné.
- **Skálázódás** — sok forgalom, edge-CDN-en futó SSG kiszolgálás.
## Headless ára és kompromisszumok
- **Drágább fejlesztés** — frontend + backend külön projekt, két csapat.
- **Több infrastruktúra** — hosting backend + frontend külön.
- **Plug-and-play funkciók eltűnnek** — pl. WP comment, plugin-ökoszisztéma.
- **Preview challenge** — élő szerkesztői preview headless-ben nehezebb beállítani.
- **Tipikus brosúra-oldalhoz overkill** — WordPress traditional gyorsabb és olcsóbb ott.
Ha headless setup érdekel, nézd meg az [egyedi weboldal-fejlesztés](/egyedi-weboldal-fejlesztes/) és a [mobil app-fejlesztés](/mobil-app-fejlesztes/) szolgáltatásunkat. Lásd a [CMS](/tudastar/cms/), [API](/tudastar/api/) és [JavaScript](/tudastar/javascript/) cikkeket.
**Kategóriák:** Webfejlesztés
---
### [Integráció](https://eclick.hu/tudastar/integracio/)
**Published:** május 8, 2026
**Author:** tomi
**Excerpt:** Két vagy több rendszer összekapcsolása, hogy adatot cseréljenek.
**Content:**
Az **integráció** azt jelenti, hogy két vagy több rendszer beszél egymással. Például: a webshop új rendelése automatikusan átkerül a CRM-be, számla generálódik, és Slack-üzenet megy a logisztikának. Egy jól megírt integráció **napi órákat spórol** és csökkenti az emberi hibát.
## Tipikus integrációs eszközök
- **n8n / Zapier / Make** — no-code és low-code workflow-építés vizuálisan.
- **Webhookok** — esemény-alapú értesítés rendszerek között (push model).
- **REST / GraphQL API-k** — közvetlen kommunikáció két rendszer között (pull model).
- **Köztes adatbázis vagy queue** — nagy volumenű, megbízható adatcseréhez (Redis, RabbitMQ, AWS SQS).
- **iPaaS (Workato, Mulesoft)** — enterprise-szintű integráció-platform.
## Mit érdemes integrálni egy átlag B2B cégnél?
- **CRM ↔ marketing** — HubSpot, Pipedrive ↔ Mailchimp, ActiveCampaign.
- **Webshop ↔ könyvelés** — WooCommerce / Shopify → Számlázz.hu, KBOSS, BillingO.
- **Form ↔ CRM** — Typeform, Tally, Elementor → HubSpot, Salesforce.
- **Slack / Teams ↔ minden** — értesítések, lead, support-jegy, deploy-state.
- **HR ↔ payroll** — BambooHR / Personio → bér-szoftver.
## Mire figyelj egy integrációs projektnél?
- **Error handling** — mi történik, ha egy API timeout-ol? Retry-mechanizmus kell.
- **Idempotency** — kétszer fut le ugyanaz a webhook? Ne duplikáld a rendelést.
- **Authentication** — API-key, OAuth, JWT — biztonságosan tárolva (env vars, vault).
- **Logging és monitoring** — Sentry, Datadog, hogy lásd, mikor és miért hibázott.
- **Versioning** — API-k változnak; ne hardcoode-old a v1-et, ha van v2.
Ha céges integrációkban vagy webshop-háttér-rendszerekben gondolkodsz, nézd meg az [AI automatizáció](/ai-automatizacio/) és a [webshop-fejlesztés](/webshop-fejlesztes/) szolgáltatásunkat. Lásd a [webhook](/tudastar/webhook/), [API](/tudastar/api/) és [n8n](/tudastar/n8n/) cikkeket.
**Kategóriák:** AI és automatizáció
---
### [JavaScript](https://eclick.hu/tudastar/javascript/)
**Published:** május 8, 2026
**Author:** tomi
**Excerpt:** A web programozási nyelve — a böngészőben fut.
**Content:**
A **JavaScript** a web egyetlen natív programozási nyelve, ami minden böngészőben fut. Ma már a szerver oldalt is hajtja (Node.js, Bun, Deno), és onnan tud headless backendet, valós idejű API-t vagy AI-flow-t kiszolgálni — sőt mobilt és desktopot is.
## Mit lehet JavaScript-tel csinálni?
- **Frontend webfejlesztés** — React, Next.js, Vue, Svelte, Astro — modern, gyors weboldalak.
- **Backend / API** — Node.js, Bun, Deno; REST vagy GraphQL API-k, mikroszervizek.
- **Mobil-app** — React Native (egy kódbázis iOS-re és Androidra) vagy Expo.
- **Desktop-app** — Electron (a VS Code és a Discord is így készült), Tauri.
- **Automatizáció és scriptelés** — Puppeteer, Playwright (böngésző-automatizáció, scraping).
## JavaScript vs. TypeScript
- **JavaScript** — dinamikus típusosság, gyors prototyping, kisebb projektek.
- **TypeScript** — statikus típusok, jobb autocomplete, kevesebb futási hiba.
- **Nagyobb projekteknél TS** — szinte minden komoly csapat erre vált, mert csökkenti a regression-ket.
- **Transzpiláció** — TS futás előtt JS-re fordul, futási overhead nincs.
- **Tanulási görbe** — TS-t érdemes később, miután a JS-t már érted.
## Modern JS-ökoszisztéma
- **Bundler** — Vite, esbuild, Webpack — kódot pakol böngészőre optimalizáltan.
- **Package manager** — npm, pnpm, Bun, Yarn — függőség-kezelés.
- **Frameworkök** — React (legnagyobb), Vue, Svelte, Solid, Astro.
- **Meta-frameworkök** — Next.js, Remix, Nuxt, SvelteKit — SSR, routing, deployment kész.
- **Tooling** — ESLint, Prettier, Biome — kód-minőség és formázás automatikusan.
Ha egyedi appot, dashboardot, mobil-megjelenést vagy backendet építenénk neked, nézd meg az [egyedi weboldal-fejlesztés](/egyedi-weboldal-fejlesztes/) és a [mobil app-fejlesztés](/mobil-app-fejlesztes/) szolgáltatásunkat. Lásd a [API](/tudastar/api/), [headless CMS](/tudastar/headless-cms/) és [PWA](/tudastar/pwa/) cikkeket.
**Kategóriák:** Webfejlesztés
---
### [Konverziós ráta (CRO)](https://eclick.hu/tudastar/konverzios-rata-cro/)
**Published:** május 8, 2026
**Author:** tomi
**Excerpt:** Hány látogatóból lesz vásárló / lead — és hogyan növelhető.
**Content:**
A **konverziós ráta** = (konverziók / összes látogató) × 100. Egy átlagos webshop konverziós rátája 1–3% körül van. Ha 2%-ról 3%-ra növeled, az **50%-os bevétel-növekedés** — anélkül, hogy egy fillér plusz forgalmat hoznál be. A **CRO** (Conversion Rate Optimization) az a folyamat, amivel ezt rendszeresen, adat-alapon javítod.
## Egy tipikus CRO-projekt lépései
- **Adatgyűjtés** — Google Analytics, Hotjar / Microsoft Clarity heatmap-ek, session-recordingek.
- **User-research** — interjúk, kérdőívek, miért nem vásárolnak.
- **Hipotézis-megfogalmazás** — pl. „a checkout során a túl sok mező visszariaszt”.
- **A/B teszt** — két verzió, mérhető eredmény (VWO, Convert, Optimizely).
- **Iteráció** — ami működik, marad; ami nem, dobjuk és új hipotézist próbálunk.
## Hol a leghálásabb terület egy webshopban?
- **Checkout-folyamat** — a legnagyobb drop-off itt van, kis változtatás is sokat hoz.
- **Mobil-megjelenítés** — a forgalom 60–70%-a mobil, sokszor mégis desktopra optimalizálnak.
- **Terméklap (PDP)** — fotók, leírás, ár, „mások is vették” — minden számít.
- **Kosár-oldal** — szállítási költség, fizetési módok, „mentés kosárba” CTA.
- **Lead-űrlap** — minél kevesebb mező = több kitöltés (de minőség is romolhat).
## Gyakori CRO hibák, amiket kerülj el
- **Túl rövid teszt** — minimum 2 hét + minimum 200 konverzió szükséges a megbízható eredményhez.
- **Cherry-picking** — csak azt mutogatni, ami sikeres, statisztikailag torzít.
- **„Best practice”-en alapuló változtatás** — ami másnak működött, neked nem biztos, hogy fog.
- **Forgalom-merítés nélkül** — ha napi 50 látogatód van, A/B teszt értelmetlen.
- **Egyszerre több változtatás** — nem tudod, melyik hozta az eredményt.
Ha webshopot szeretnél konverzióra optimalizálni, nézd meg a [webshop-fejlesztés](/webshop-fejlesztes/) és az [UI/UX tervezés](/ui-ux-tervezes/) szolgáltatásunkat. Lásd a [UX audit](/tudastar/ux-audit/), [e-commerce](/tudastar/e-commerce/) és [tracking pixel](/tudastar/tracking-pixel/) cikkeket.
**Kategóriák:** SEO és marketing
---
### [n8n](https://eclick.hu/tudastar/n8n/)
**Published:** május 8, 2026
**Author:** tomi
**Excerpt:** Önhostolható, nyílt forráskódú workflow-automatizációs platform.
**Content:**
Az **n8n** egy nyílt forráskódú, önhostolható workflow-automatizációs eszköz — hasonló mint a Zapier vagy a Make, de **saját szerveren is futtatható**, így az adataid sosem hagyják el az infrastruktúrádat. A legnépszerűbb self-hosted automation tool 2024 óta.
## Az n8n főbb képességei
- **500+ beépített connector** — Slack, Gmail, Stripe, Notion, OpenAI, HubSpot, Airtable stb.
- **Custom node-fejlesztés** — JavaScripttel saját integráció pillanatok alatt.
- **Self-hosting** — VPS-en, Docker-rel, fix havi költségen (akár havi 5-10 EUR-ból).
- **Vizuális szerkesztő** — flow-kat klikkelős node-okból raksz össze.
- **AI-node-ok** — beépített OpenAI, Anthropic, langchain integráció — RAG, ügynök is buildelhető.
## Tipikus n8n felhasználási esetek
- **Lead-management automatizáció** — form submission → CRM → Slack-értesítés → e-mail.
- **Webshop back-office** — új rendelés → számla → könyvelés → futár-értesítés egy folyamatban.
- **Social media auto-poszt** — RSS / Notion → LinkedIn / Twitter / Bluesky.
- **AI-chatbot backend** — Typebot / WhatsApp inputot kezel, AI-val válaszol.
- **Riport-generálás** — adatbázis → grafikon → e-mail PDF-ben minden hétfőn.
## n8n vs. Zapier / Make — melyik mikor?
- **Zapier**: gyors start, sok template, fix havi díj, $20–500/hó.
- **Make**: olcsóbb mint Zapier, vizuálisan flexibilisebb, european.
- **n8n self-hosted**: drasztikusan olcsóbb, korlátlan futás, érzékeny adatokat is kezelhetsz lokálisan.
- **n8n Cloud**: managed verzió, $20/hó-tól, ha nem akarsz szervert üzemeltetni.
- **Skálázódás**: sok flow + sok execution-nál az n8n az egyetlen olcsó megoldás.
Ha céges automatizációkat vagy chatbot-backendet építenénk, nézd meg az [AI automatizáció](/ai-automatizacio/) és a [chatbot](/chatbot/) szolgáltatásunkat. Lásd még a [webhook](/tudastar/webhook/), [API](/tudastar/api/) és [integráció](/tudastar/integracio/) cikkeket.
**Kategóriák:** AI és automatizáció
---
### [OCR](https://eclick.hu/tudastar/ocr/)
**Published:** május 8, 2026
**Author:** tomi
**Excerpt:** Optical Character Recognition — szöveg kinyerése képből vagy PDF-ből.
**Content:**
Az **OCR** (Optical Character Recognition) az a technológia, ami egy képből vagy szkennelt PDF-ből gépileg olvasható szöveget készít. A modern OCR-ok már magyarul, ékezetekkel és kézírással is jól dolgoznak — **különösen, ha AI-LLM-mel kombináljuk**.
## Tipikus felhasználási esetek
- **Számla-feldolgozás** — szállítói számla → automatikus átemelés könyvelési rendszerbe.
- **Szerződés-digitalizáció** — szkennelt szerződések kereshetővé tétele, lényegi pontok kiemelése.
- **Személyi okmányok** — KYC, regisztrációs folyamatok automatizálása (jogosítvány, igazolvány).
- **Régi archívumok** — papír-alapú dokumentumok kereshető adatbázissá alakítása.
- **Recept és bizonylat** — egészségbiztosítás vagy költségelszámolás automatizálása.
## Klasszikus OCR vs. AI-augmented OCR
- **Klasszikus (Tesseract, ABBYY)** — csak szöveg-felismerés, sok hiba az ékezeteknél.
- **Cloud OCR (Google Vision, AWS Textract)** — pontosabb, bizonyos mezőtípusokat felismer.
- **LLM-aug. (GPT-4 Vision, Claude)** — **meg is érti**, mi a számla összege, ki a kibocsátó.
- **Hibrid pipeline** — OCR + LLM ellenőrzés — best of both worlds.
- **Saját finomhangolt modell** — speciális dokumentumtípushoz (pl. egészségügyi formok).
## Mire figyelj az OCR-pipeline építésekor?
- **Képminőség** — minimum 300 DPI szkennelés vagy 8MP fotó; rossz inputra nem segít a legjobb modell sem.
- **Nyelvi modellek** — magyar és angol külön betanítás (vagy LLM-mel kerülhető).
- **Confidence-score** — minden mezőhöz tartson bizonytalansági értéket, kétes esetben emberi ellenőrzés.
- **GDPR és adatkezelés** — érzékeny dokumentumokat ne küldj külső API-ra titkosítatlanul.
- **Audit log** — minden feldolgozott dokumentum eredetijét tartsd meg verziókövetve.
Ha OCR + AI-folyamatot építenénk be a céges working flow-dba, nézd meg az [AI automatizáció](/ai-automatizacio/) szolgáltatásunkat. Lásd még a [RAG](/tudastar/rag/), [n8n](/tudastar/n8n/) és [integráció](/tudastar/integracio/) cikkeket.
**Kategóriák:** AI és automatizáció
---
### [PWA](https://eclick.hu/tudastar/pwa/)
**Published:** május 8, 2026
**Author:** tomi
**Excerpt:** Progressive Web App — weboldal, ami appként is viselkedik.
**Content:**
A **PWA** (Progressive Web App) egy weboldal, ami olyan funkciókat kap, mint egy natív mobil-app: **telepíthető a kezdőképernyőre**, push-értesítést küld, offline is működik. Egy kódbázisból fut a böngészőben, iOS-en és Androidon — app store nélkül.
## Miért szeretik a cégek a PWA-t?
- **Egy kódbázis** — nem kell külön iOS és Android csapat.
- **Nincs app store** — nem kell Google/Apple review, azonnal frissíthető.
- **Olcsóbb fejlesztés** — webes technológia, nincs külön build pipeline mobil OS-enként.
- **SEO-előny** — a Google indexeli, mint egy normál weboldalt — appok ezt nem kapják meg.
- **Frissítés azonnal él** — nincs „adja ki a felhasználó, hogy frissítsen” probléma.
## Tipikus PWA-funkciók
- **Service Worker** — háttérben futó script, ami cache-eli az oldalt offline használathoz.
- **App manifest** — JSON-fájl, ami megmondja a böngészőnek, hogyan települjön.
- **Push notifications** — natív app-szerű értesítések böngészőből.
- **Add to Home Screen** — egy gombbal feltehető a kezdőképernyőre, app-szerűen indul.
- **Background sync** — adat-feltöltés akkor is, ha a felhasználó már bezárta a tabot.
## Hol van a PWA határa?
- **iOS push-támogatás** — csak iOS 16.4+ támogatja, és csak ha telepíted a kezdőképernyőre.
- **Hardver-hozzáférés** — Bluetooth, NFC, biometria iOS-en korlátozott; Androidon jobb.
- **App store distribution** — ha az app store láthatóság is fontos, hibrid (Capacitor, Cordova) lehet jobb.
- **In-app purchase** — bevétel megosztás nélkül csak natív app store-ral lehetséges.
- **Felfedezhetőség** — sokan nem tudják, hogy egy weboldalt fel lehet tenni a kezdőképernyőre.
Ha mobile-first webappot vagy hibrid alkalmazást építenénk, nézd meg a [mobil app-fejlesztés](/mobil-app-fejlesztes/) és az [egyedi weboldal-fejlesztés](/egyedi-weboldal-fejlesztes/) szolgáltatásunkat. Lásd még a [JavaScript](/tudastar/javascript/), [headless CMS](/tudastar/headless-cms/) és [API](/tudastar/api/) cikkeket.
**Kategóriák:** Webfejlesztés
---
### [REST API](https://eclick.hu/tudastar/rest-api/)
**Published:** május 8, 2026
**Author:** tomi
**Excerpt:** A legelterjedtebb webes API-stílus — HTTP + JSON.
**Content:**
A **REST** (Representational State Transfer) egy architekturális stílus webes API-khoz. Lényege: HTTP-kéréseken keresztül (GET, POST, PUT, DELETE) erőforrásokkal dolgozol — például a `/users/123` az 123-as felhasználót adja vissza, a `/orders` a rendelések listáját.
## A REST 5 alapelve
- **Client–server szétválasztás** — a frontend és backend független, külön fejleszthető és cserélhető.
- **Stateless** — minden kérés önmagában értelmezhető, a szerver nem tartja meg a kliens állapotát.
- **Cache-elhetőség** — HTTP-szabványra épül, jól viselkedik CDN és böngésző-cache mögött.
- **Uniform interface** — egységes URL-szerkezet, egységes HTTP-igék, egységes adatformátum (JSON).
- **Layered system** — közbeiktatható proxy, load balancer, gateway anélkül, hogy a kliens tudna róla.
## HTTP-metódusok és státuszkódok
- **GET /users/123** — adat lekérdezés (idempotens, nincs mellékhatás).
- **POST /users** — új erőforrás létrehozása.
- **PUT /users/123** — teljes erőforrás-csere (a teljes objektum felülírása).
- **PATCH /users/123** — részleges módosítás (csak a megadott mezők változnak).
- **DELETE /users/123** — erőforrás törlése; státuszkód 200/204 = OK, 404 = nincs ilyen, 401 = nincs jogod.
## REST vs. GraphQL — melyik mikor?
- **REST** egyszerűbb tanulni, jól dokumentálható (OpenAPI / Swagger), klassz cache-kompatibilitás.
- **GraphQL** flexibilisebb: egy lekérés több erőforrást is lehoz, csak azok a mezők jönnek vissza, amiket kérsz.
- **REST előnye** — érett ökoszisztéma, HTTP-cache, könnyű mobilra optimalizálni.
- **GraphQL előnye** — front-end-vezérelt fejlesztés, kevesebb roundtrip, type-safety.
- **Hibrid lehetséges** — sok cég REST-et használ publikus API-ra és GraphQL-t belső kliensekre.
Ha API-építést, [integrációt](/tudastar/integracio/) vagy egyedi backend-fejlesztést tervezel, nézd meg az [AI automatizáció](/ai-automatizacio/) és az [egyedi weboldal-fejlesztés](/egyedi-weboldal-fejlesztes/) szolgáltatásunkat. Lásd még az [API](/tudastar/api/) és [webhook](/tudastar/webhook/) cikkeket.
**Kategóriák:** Webfejlesztés
---
### [SEO](https://eclick.hu/tudastar/seo/)
**Published:** május 8, 2026
**Author:** tomi
**Excerpt:** Search Engine Optimization — hogy a Google-ban előrébb találjanak.
**Content:**
A **SEO** (Search Engine Optimization) az a folyamat, amivel a weboldaladat úgy alakítod, hogy a Google releváns keresési kifejezésekre előre rangsorolja. Hosszú távon az egyik legjobb megtérülésű marketing-csatorna — egy jól rangsoroló cikk évekig hoz organikus forgalmat fillérekért.
## A SEO három fő lába részletesen
- **Technikai SEO** — sebesség (Core Web Vitals), mobile-first, strukturált adatok (schema.org), XML sitemap, robots.txt, kanonikus URL-ek.
- **On-page SEO** — címsorok (H1, H2), meta description, kulcsszavak, belső linkelés, képek alt-tagjei, URL-szerkezet.
- **Off-page SEO** — minőségi backlinkek, említések, brand-erő, social signals.
- **Tartalmi SEO** — search intent megfelelő válaszolása, mély témakör-lefedettség, „topic cluster” stratégia.
- **Lokális SEO** — Google Business Profile, NAP konzisztencia, helyi backlinkek.
## Hogyan néz ki egy SEO-projekt lépésről lépésre?
- **SEO audit** — Screaming Frog vagy hasonló crawl, technikai és on-page hibák feltárása.
- **Kulcsszó-kutatás** — Ahrefs / Semrush / Google Keyword Planner, search volume + competition elemzés.
- **Tartalmi roadmap** — pillar pages + támogató cikkek, belső linkelési stratégia.
- **Technikai javítás** — sebesség, schema, redirect-fix, broken link cleanup.
- **Link-építés és mérés** — minőségi backlink-kampány + havi monitoring (Search Console, GA4).
## Mit ne várj a SEO-tól?
- **Azonnali eredmény** — 3–6 hónap a minimum, mire látszik a hatás.
- **Garantált 1. hely** — aki ezt ígéri, vagy black hat-tel dolgozik vagy hazudik.
- **Plug-and-play plugin-megoldás** — egy SEO-plugin csak alap, nem helyettesíti a stratégiát.
- **Konkurens-mentes ranking** — minél több versenytárs, annál nehezebb előrejutni.
- **One-time munka** — a SEO folyamatos: új tartalom, friss backlinkek, technikai karbantartás.
Ha SEO-erős alapon szeretnéd indítani vagy újraépíteni az oldalad, nézd meg a [WordPress-fejlesztés](/wordpress-fejlesztes/) vagy az [egyedi weboldal-fejlesztés](/egyedi-weboldal-fejlesztes/) szolgáltatásunkat. Kapcsolódó cikkek: [CMS](/tudastar/cms/), [akadálymentesség](/tudastar/akadalymentesseg-a11y/), [CRO](/tudastar/konverzios-rata-cro/).
**Kategóriák:** SEO és marketing
---
### [WordPress](https://eclick.hu/tudastar/wordpress/)
**Published:** május 8, 2026
**Author:** tomi
**Excerpt:** A világ legelterjedtebb CMS-e — a webek 40%-a ezen fut.
**Content:**
A **WordPress** egy nyílt forráskódú, PHP-alapú tartalomkezelő rendszer (CMS), amit eredetileg blogokra szántak. Mára a világ weboldalainak több mint 40%-a fut rajta — egyszerű bemutatkozó oldaltól a webshopokon (WooCommerce) át a komplex tagsági portálokig vagy headless backendig.
## Miért szeretik a cégek a WordPress-t?
- **Hatalmas ökoszisztéma** — több tízezer plugin (SEO, biztonság, fizetés, integráció, űrlap-kezelés).
- **Szerkesztő-barát** — a Gutenberg blokkos szerkesztő nagyon hasonlít a Notion-höz, programozási tudás nélkül kezelhető.
- **SEO-friendly alap** — strukturált adatok, sitemap, schema, breadcrumb — minden out-of-the-box, plusz AIOSEO / Rank Math.
- **Olcsóbb üzemeltetés** — bevált hosting-stack, gazdag dokumentáció, sok elérhető fejlesztő itthon és külföldön.
- **Skálázhatóság** — egy blogtól több milliós havi forgalmú portálig (TechCrunch, BBC America, Vogue is WP-n fut).
## Mire használják a WordPress-t a vállalkozások?
- **Cégbemutató és landing page** — leggyakoribb használat, gyors deploy.
- **Blog és tartalomközpontú oldal** — magazinok, hírportálok, tudásbázisok.
- **Webshop** — WooCommerce pluginnel teljes e-commerce funkcionalitás.
- **Tagsági (membership) portál** — kurzusplatform, fizetős tartalmak, közösségi oldalak.
- **Headless backend** — modern frontend (Next.js, Astro) elé tartalom-API-ként.
## Mire figyelj a WordPress-projekt indításakor?
- **Megfelelő hosting** — managed WP hosting (Kinsta, WP Engine) vs. olcsó shared — drasztikusan más sebesség és biztonság.
- **Plugin-fegyelem** — minden plugin lassít és biztonsági kockázat is; csak ami tényleg kell.
- **Rendszeres frissítés** — WP core, plugin, téma — naprakészen kell tartani (különben hack-veszély).
- **Biztonsági mentés** — automatikus, off-site backup (BlogVault, UpdraftPlus) — non-negotiable.
- **SEO setup nap 1-től** — XML sitemap, schema, jó URL-struktúra, megfelelő robots.txt.
Ha új [CMS](/tudastar/cms/)-projektben vagy redesignban gondolkodsz, nézd meg a [WordPress-fejlesztés](/wordpress-fejlesztes/) szolgáltatásunkat — sebességre, [SEO-ra](/tudastar/seo/) és biztonságra optimalizálva építjük. Ha nagyon egyedi user-flow kell, az [egyedi weboldal-fejlesztés](/egyedi-weboldal-fejlesztes/) lehet a jobb választás.
**Kategóriák:** Webfejlesztés
---
## Post Careers
### [Grafikus állás](https://eclick.hu/allasok/medior-grafikus-allas/)
**Published:** május 6, 2026
**Author:** tomi
**Excerpt:** Medior grafikust keresünk családias, de nagyokat alkotó xMatrix ügynökségbe — Városliget mellett, igazi csapatba.
**Content:**
[ Vissza az állásokhoz ](/allasok/)
### Grafikus állás (medior) az xMatrix-nál
- Budapest, Városliget
-  2026. máj 6.
-  1 nyitott pozíció
##### A pozícióról

**Medior grafikus állás** Budapest-Városligetnél! Új csapattagot keresünk családias, de nagyokat alkotó [xMatrix](https://xmatrix.hu) ügynökségünkbe. Ez a **grafikus állás** medior szinten szól neked — jófejek a kollégák, ráadásul a „csináljuk meg jól” a közös nyelvünk.
Több mint 10 éve dolgozunk hazai és nemzetközi márkákon. Promóció, csomagolás, in-store, videó, 3D, enteriőr és kampányadaptáció — nálunk nem fogsz unatkozni. Ha a [grafikai tervezés](/grafikai-tervezes/) a szenvedélyed, jó helyen jársz. Tehát ha itt látod magad, olvass tovább: ez a medior grafikus állás épp neked szól.
##### Mit fogsz csinálni
- Promóció és kampányadaptáció hazai és nemzetközi márkákra.
- Csomagolás-tervezés és csomagolásgrafika.
- In-store és POS kreatív anyagok.
- Videó, 3D látvány és enteriőr grafika.
- Komplett 360 kampányok kreatív kivitelezése — digi és print területen egyaránt.
##### Mit várunk a grafikustól
- Magabiztos InDesign, Illustrator és Photoshop tudás. Igazi feketeöv.
- Szabadkézi rajztudás +10 pont.
- Önállóság és precizitás. Ezért az ötleteidet ne csak kitaláld — vidd is végig.
##### Amit kínálunk
- Közvetlen hangulat és igazi csapat. Jófejek a kollégák.
- Kihívások és változatos melók. Ráadásul nem fogsz unatkozni.
- Inspiráló lakásiroda Városliget mellett. Tehát olyan munkahely, ahova be akarsz jönni.
- A „csináljuk meg jól" a közös nyelvünk. Továbbá a HO nálunk nem igazán játszik.
##### Jelentkezz a grafikus állásra
Készen állsz? Akkor küldd el a **fényképes önéletrajzodat, portfóliódat és a bérigényedet**. Levelezz nyugodtan: .
POS, digi, 360 kampány, csomagolás — jöhet bármi, amire büszke vagy. Továbbá ha alkotni szeretnél, ez a **grafikus állás** (medior szint) épp neked szól. Várjuk a medior grafikus állás iránt érdeklődő jelentkezéseket!
##### Jelentkezés erre a pozícióra
###  Pozíció részletei
- Pozíció: Medior grafikus
- Típus: Teljes munkaidő
- Csapat: xMatrix
- Helyszín: Budapest, Városliget
- Fizetés: Megegyezés szerint
- Hirdetve: 2026. máj 6.
Készen állsz?
Küldd CV-d és portfóliód:
vagy [jelentkezz online](#jelentkezes).
csaba@xmatrix.hu
[ Jelentkezés most ](#jelentkezes)
**Career Categories:** Grafikus
**Career Tag:** 360 kampány, Budapest, Csomagolás-tervezés, Grafikus, Illustrator, InDesign, Medior, Photoshop, POS grafika, Teljes munkaidő, xMatrix
---
## Kategóriák
### [Webfejlesztés](https://eclick.hu/blog/category/webfejlesztes/)
**Description:** Egyedi szoftverfejlesztés, WordPress, Laravel, API-k, frontend.
---
### [Webshop & e-commerce](https://eclick.hu/blog/category/webshop-ecommerce/)
**Description:** B2C, B2B, marketplace, subscription webshop témák — WooCommerce és headless.
---
### [Mobil app](https://eclick.hu/blog/category/mobil-app/)
**Description:** iOS, Android natív és cross-platform mobil app fejlesztés.
---
### [AI & automatizáció](https://eclick.hu/blog/category/ai-automatizacio-blog/)
**Description:** Mesterséges intelligencia, chatbotok, RPA és automatizáció.
---
### [UX/UI & design](https://eclick.hu/blog/category/ux-ui-design/)
**Description:** Felhasználói élmény, interfész tervezés, prototípus, design system.
---
### [Grafikai tervezés](https://eclick.hu/blog/category/grafikai-tervezes-blog/)
**Description:** Logó, arculat, marketing anyagok, vizuális kommunikáció.
---
### [Rendezvénytechnológia](https://eclick.hu/blog/category/rendezvenytechnologia/)
**Description:** Regisztrációs rendszerek, beléptetés, QR-kód, jegykezelés.
---
### [Tippek & útmutatók](https://eclick.hu/blog/category/tippek-utmutatok/)
**Description:** How-to, best practice, hibakeresés, optimalizálás.
---
## Címkék
### [Laravel](https://eclick.hu/blog/tag/laravel/)
---
### [WordPress](https://eclick.hu/blog/tag/wordpress/)
---
### [PHP](https://eclick.hu/blog/tag/php/)
---
### [WooCommerce](https://eclick.hu/blog/tag/woocommerce/)
---
### [B2C](https://eclick.hu/blog/tag/b2c/)
---
### [B2B](https://eclick.hu/blog/tag/b2b/)
---
### [Stripe](https://eclick.hu/blog/tag/stripe/)
---
### [Barion](https://eclick.hu/blog/tag/barion/)
---
### [SimplePay](https://eclick.hu/blog/tag/simplepay/)
---
### [iOS](https://eclick.hu/blog/tag/ios/)
---
### [Android](https://eclick.hu/blog/tag/android/)
---
### [React Native](https://eclick.hu/blog/tag/react-native/)
---
### [Swift](https://eclick.hu/blog/tag/swift/)
---
### [Kotlin](https://eclick.hu/blog/tag/kotlin/)
---
### [ChatGPT](https://eclick.hu/blog/tag/chatgpt/)
---
### [Claude](https://eclick.hu/blog/tag/claude/)
---
### [OpenAI](https://eclick.hu/blog/tag/openai/)
---
### [GitHub Copilot](https://eclick.hu/blog/tag/github-copilot/)
---
### [Prompt engineering](https://eclick.hu/blog/tag/prompt-engineering/)
---
### [Figma](https://eclick.hu/blog/tag/figma/)
---
### [Wireframe](https://eclick.hu/blog/tag/wireframe/)
---
### [User research](https://eclick.hu/blog/tag/user-research/)
---
### [Best practice](https://eclick.hu/blog/tag/best-practice/)
---
### [Tutorial](https://eclick.hu/blog/tag/tutorial/)
---
### [Tipp](https://eclick.hu/blog/tag/tipp/)
---
### [Esettanulmány](https://eclick.hu/blog/tag/esettanulmany/)
---
## Career Categories
### [Grafikus](https://eclick.hu/allas-kategoriak/grafikus/)
---
## Career Tag
### [Medior](https://eclick.hu/blog/career-tag/medior/)
---
### [Grafikus](https://eclick.hu/blog/career-tag/grafikus/)
---
### [InDesign](https://eclick.hu/blog/career-tag/indesign/)
---
### [Illustrator](https://eclick.hu/blog/career-tag/illustrator/)
---
### [Photoshop](https://eclick.hu/blog/career-tag/photoshop/)
---
### [Csomagolás-tervezés](https://eclick.hu/blog/career-tag/csomagolas-tervezes/)
---
### [POS grafika](https://eclick.hu/blog/career-tag/pos-grafika/)
---
### [360 kampány](https://eclick.hu/blog/career-tag/360-kampany/)
---
### [Budapest](https://eclick.hu/blog/career-tag/budapest/)
---
### [Teljes munkaidő](https://eclick.hu/blog/career-tag/teljes-munkaido/)
---
### [xMatrix](https://eclick.hu/blog/career-tag/xmatrix/)
---
## Kategóriák
### [Webfejlesztés](https://eclick.hu/tudastar-kategoria/webfejlesztes/)
**Description:** Minden, ami a modern webről szól: WordPress, frameworkök, hosting, CDN, performance. Ha érteni szeretnéd a fogalmakat, itt megtalálod a gyökereket.
---
### [AI és automatizáció](https://eclick.hu/tudastar-kategoria/ai-automatizacio/)
**Description:** API, OpenAI, RAG, vector DB, workflow-ek — minden, amitől okosabb és kevesebb manuális meló lesz egy cégben. Magyarul, példákkal.
---
### [UX és design](https://eclick.hu/tudastar-kategoria/ux-design/)
**Description:** Hogy ne csak szép legyen, hanem használni is jó. Accessibility, prototípus, user research, design rendszerek — a felhasználói élmény minden szelete.
---
### [SEO és marketing](https://eclick.hu/tudastar-kategoria/seo-marketing/)
**Description:** Hogyan találnak meg téged a Google-on és hogyan maradnak nálad a látogatók. Schema.org, Core Web Vitals, Lighthouse — méréstől a finomhangolásig.
---
### [Biztonság](https://eclick.hu/tudastar-kategoria/biztonsag/)
**Description:** Jelszavak, OAuth, HTTPS, secrets — ami nélkül egy mai weboldal egyetlen szivárgástól baleset. Érthetően fejlesztőknek és cégvezetőknek is.
---