Messze a legprofibb, legszélesebb körű, célirányos szakmai platform, és messze a legnagyobb átfogó segítség egy kisvállalkozónak, de ahogy látom, pl. webdizájnereknek is.
Mit ad a Webdesign kurzus?
Webdesign
Saját weboldal terv 0-ról, a webszövegen át a kész design tervig
Lépésről lépésre vezetünk végig a saját weboldalad megtervezésén: hogyan gondolkodj rendszerszinten, vezesd a látogatót szakaszról szakaszra, és emeld a terveidet profi szintre – a drótváztól a kész webdesignig.
Weboldalt tervezekAz első benyomás könyörtelen
Egy pillanat dönt a sorsodról
Amikor egy weboldalra ránézel, azonnal érzed: vagy átgondolt, következetes rendszerre épül, vagy csak gyors toldozás-foldozás eredménye.
A szöveg túl hosszú, a gomb rossz helyen van, a képek nem illenek össze, a design nem koherens, és hirtelen senki nem akar tovább kattintani. Ez az a pont, ahol a legtöbb kezdő elbukik.
A jó webdesign olyan, mint egy jól megírt történet: van ritmusa, íve és logikája. A szakaszok egymásra épülnek, a szem természetesen halad előre, és minden egyes elem a végső célt szolgálja. Nem harsány trükkökről van szó, hanem láthatatlan harmóniáról, amitől az egész oldal gördülékeny és meggyőző lesz.
Ez a fajta szemlélet nem veleszületett képesség, hanem tanulható és fejleszthető készség. Te is készíthetsz extra webdesignterveket, ha van elég lelkesedésed és van hozzá egy rendszer, amivel kitanulod ezt a mesterséget.
Most tálcán kínáljuk neked a rendszert, a választ a hogyanra: Webdesign kurzus.
8
modul
50
lecke
2.300+
Fegyvertár tag
Fortuna helyett végre egy működő rendszer
8D weboldal tervezési módszertan
Bármilyen honlapról is beszélünk, a design mögött rengeteg kisebb lépés van, amit meg kell tenned, hogy sikeres weboldalad legyen.
Ha csak úgy találomra rakosgatsz blokkokat, az olyan, mintha egy szerencsekereket pörgetnél: kijöhet valami látványos és működő, de ugyanúgy lehet, hogy csődöt pörgetsz.
Azért alkottuk meg a Webdesign kurzust, hogy ne a szerencsén múljon a munkád, hanem a te tudatos döntéseiden, a kurzusban megszerzett eszközeiden és szemléleteden.
A leckékben megmutatjuk, hogyan állíts össze logikus oldalstruktúrát, hogyan vezesd a látogatót egyik szakaszból a másikba, miként írj szöveget az AI segítségével, és hogyan építs olyan rendszert, ahol minden elemnek helye és szerepe van.
A drótváztól indulunk, és eljutunk a teljes arculatig, majd a kész webdesign tervig.
Így a véletlen helyett lesz egy térképed, amit követhetsz.
Rendszer szerint dolgozom150 szakasznyi versenyelőny
A legnagyobb fegyverünk: Vikingo UI Wireframe Kit
A Webdesign kurzusunk legextrább segédanyaga a UI Wireframe Kitünk, erre vagyunk a legbüszkébbek és te is ezt fogod használni a legtöbbet itt. Végtelen óra munka és tapasztalat ereje lüktet benne, és olyan előnyt ad, amit máshol nem találsz meg.
Az ügynökségi munkáink során több száz ügyfél (pl. STRT.hu, Számlázz.hu, Salonic) webdesignja épült már erre a sablonrendszerre, ez keringeti a mi vérünket is.
Azért alkottuk meg, hogy sokkal gyorsabban és eredményesebben lépdelj végig a webdesign sakktábláján.
A különlegessége az, hogy összeköttetésben áll a WordPress Elementor kombóval. Ez az összhang sehol máshol nem érhető el, és pont emiatt annyira erős a rendszer: amit megtervezel, az tényleg meg is valósulhat.
Ez az a fegyver, ami miatt a kurzus után teljesen más szinten fogsz weboldalt tervezni.
- 150+ előre megtervezett szakasz
- Az elemeken kívül komplett aloldal vázakat is kapsz (pl. főoldal, rólunk, landing)
- Rendszerszintű struktúra, globális beállítások
- Kezdőknek biztos kapaszkodó, haladóknak hatalmas időspórolás
- Fejlesztésre kész designokat kapsz a kezedbe
- Bármilyen jövőbeli projektedhez használhatod, ez már örökre a tiéd lesz
Az egyik biztosan te vagy
Kinek való a kurzus?
Pályakezdők
Ezzel a kurzussal belépőt kapsz a webdesigner szakmába, hiszen megismered az alapjait és kialakítod azt a vizuális gondolkodást, amivel komolyan számolnak a piac szereplői.
Ez egy olyan készség, amire ma hatalmas a kereslet, az első portfóliódarabjaiddal már rögtön megmutathatod, hogy komoly játékos vagy a digitális világban.
Szabadúszók
Szabadúszóként a legnagyobb értéked az, hogy mennyire komplexen tudsz kiszolgálni egy ügyfelet. Ha sitebuilderként, fejlesztőként vagy technikai kivitelezőként dolgozol, a webdesign szuper kiegészítése lesz a listádnak.
Ez a tudás nemcsak plusz szolgáltatás, hanem ugródeszka nagyobb projektekhez és magasabb bevételhez.
Vállalkozók
Egy vállalkozás sikere ma az online megjelenésen áll vagy bukik. Ahelyett, hogy másokra bíznád a terveid, ezzel a kurzussal megtanulod, hogyan tervezz meg egy saját weboldalt vagy webshopot a nulláról.
Ha kezdő vagy és még szűkös a büdzsé, akkor duplán szuper, ha felveszed a webdesigner kalapot is: nem kell külsőst bérelned.
Miből áll a tanfolyam?
01
A stabil kiindulópont
Webdesign alapok és a weboldal váza
Az első etap célja, hogy stabil alapra tedd a gondolkodásod és a folyamatod. A Vikingo UI Wireframe Kit az első perctől a kezedben van, így nem üres vásznon kapargatsz: kész szekciókból, modulokból és elemekből építkezel, miközben megtanulod a mögöttes logikát.
Végigmegyünk a 8D módszertanon, tisztázzuk hogyan épül fel egy weboldal, és rendszerezve áttekintjük a kulcsszakaszokat: hero, információs blokkok, döntéstámogató részek, „egyértelmű” szekciók.
Ezt követi a tartalomtervezés: mini UX-kutatás, információs architektúra, navigáció és oldaltérkép, majd ezekből drótváz készül Figmában.
A végére kapsz egy átlátható, következetes struktúrát, amelyre magabiztosan tudsz később arculatot és vizuális stílust húzni.
02
Amikor minden összeáll
Arculat és vizuális megvalósítás
Az építgetés után jöhet a szépítgetés. Életet lehelsz a vázba, és teljes vizuális rendszerré emeled. Moodboarddal kijelölöd az irányt, majd meghatározod a színpalettát és a betűtípusokat – ezekből születik a konzisztens digitális arculat.
A Wireframe Kit elemeire ráhúzzuk a stílust, és Figmában design rendszert építünk: komponensek, variánsok, stílusok, tokenek, Auto Layout. Külön leckében megnézzük a webdesign stílusokat, hogy célhoz illeszd a vizuált.
A modul végére egy teljes, reszponzív és működő webdesign tervet állítasz össze – olyat, amit bátran rakhatsz a portfóliódba is.
03
A tanfolyam zárása
Megérdemelt oklevél
A kurzus végén összegzés és kvíz vár, hogy leteszteld és megerősítsd a megszerzett tudást. A sikeres teljesítés után digitális oklevelet kapsz, ami nemcsak egy dokumentum, hanem elismerés a munkádért: végigcsináltad a teljes folyamatot az első drótvázaktól a kész vizuális tervig.
Hozzáteheted a portfóliódhoz vagy kiteheted LinkedInre. Egyértelmű jelzés: átmentél a teljes úton az első vázlattól a kész webdesignig, és most már magabiztosan tudsz önállóan tervezni.
Webdesign
Mire leszel képes a kurzus után?
Teljes képet kapsz a tervezés folyamatáról
Képes leszel egy teljes webdesign folyamatot a kezdetektől a végéig átlátni és irányítani. Tudni fogod, hogyan állítsd fel a tartalomstruktúrát, hogyan építs drótvázat, és hogyan vezesd át az ötleteidet egy logikus, reszponzív rendszerbe.
Profi digitális arculatot integrálsz
Tudni fogod, hogyan válassz és kombinálj színeket, betűtípusokat és grafikai elemeket úgy, hogy azok egységes, felismerhető arculatot alkossanak a webdesignhoz. A moodboardtól az arculati szabályokig mindent a saját kezedben tartasz.
0-ról elkészíted az első webdesignodat
A kurzus végére kézzelfogható eredményt kapsz: egy teljes webdesign tervet. Ez lesz a bizonyíték arra, hogy képes vagy önállóan, tudatosan weboldalt tervezni, amit azonnal felhasználhatsz portfólióként vagy saját projektjeidben.
A kurzus 50+ leckéből áll.
Hogyan épül fel a kurzus?
A weboldal felépítésétől indulsz, majd UX-kutatás és tervezés következik, végül a digitális arculat, a designrendszer és a UI-tervezés. A csomag része a Vikingo UI Wireframe Kit, amivel a drótvázaktól gyorsan jutsz kész képernyőkig.
Bevezető
- Bevezető - Webdesign
- Design módszertanok
- 8D módszertan
- UX, UI és webdesigner szerepek
Vikingo UI Wireframe Kit
- Vikingo UI Wireframe Kit - Bemutató
- Figma - Vikingo UI Wireframe Kit - Importálás
Hogyan épül fel egy weboldal
- UX tervezés a webdesignban
- Hogyan épül fel egy weboldal
- Weboldal szakaszok kategóriái
- Hero szakaszok
- Egyértelműbb szakaszok
- Információs szakasz kategóriák
- Weboldal szakasz kategóriák visszamodellezése
UX kutatás
- UX kutatás a gyakorlatban
- Igényfelmérő kérdőív
- Stakeholder interjúk
- Projektfeltáró kérdések
- Heurisztikus elemzés - Nielsen féle 10 heurisztika
- Weboldal elemző csekklista
- KPI-ok meghatározása
- Versenytárs elemzés
- Best practice kutatás
- Célcsoport elemzés
- Funkciók meghatározása
- Egyéb UX kutatás eszközök
UX Design - Tervezés
- UX Design - Tervezés fázis
- Információs architektúra, navigáció, oldaltérkép
- Tartalomstruktúra kialakítása
- Oldalstruktúra összeállítások
- Drótváz tervezése
- Typeframing - drótváz szöveggel
- Webszövegírás
Digitális arculat és Design rendszer
- Atomic design és design system
- Elemek és komponensek webdesignban
- Digitális arculat felépítése
- Branding és arculat tervezési eszközök
- Moodboard készítése
- Moodboard a gyakorlatban
- Színek meghatározása saját weboldalnál
- Betűtípusok meghatározása saját weboldalnál
- Logó meghatározása
UI Design - Webdesign
- Vikingo UI Wireframe Kit - Design rendszer
- UI design alapelvek
- Elrendezések
- Webdesign és designrendszer kialakítása
- Webdesign stílusok
- Webdesign megtervezése
- Design rendszer meghatározása
Végszó
- Végszó - Webdesign
- Kvíz - Webdesignkvíz
A legjobb társ a céljaid eléréséhez
Indítsd el és lépj szintet a karrieredben vagy vállalkozásodban
41+ kurzus
260+ óra tananyag
karrier küldetések
oklevél
webinárok
eszközök
prémium bővítmények
Gyűjtsd be mindet
Oklevél
A Fegyvertár nem egy kurzusról szól. Minden elvégzett kurzusról oklevelet kapsz, a legtöbbet egy rövid kvíz zárja, ami leteszteli a megszerzett tudást. Van, amit egy hét alatt begyűjtesz, van, amiért hónapokig dolgozol. Hozzáteheted a portfóliódhoz, beírhatod a CV-dbe vagy kiteheted a LinkedInre.
Csatlakozom41+ kurzus gyakorlati fókusszal
Készségek a mostani világra szabva
A célod elérése a fejlődéseden keresztül történik.
A piacképes tudás tesz értékessé a piacon vállalkozóként és munkavállalóként is.
A leghatékonyabban nálunk sajátíthatod el a szakmai ismereteket és gyakorlati megvalósítást a ma releváns és keresett témákban.
Design és képalkotás
Technológia, AI és fejlesztés
Marketing és vállalkozás
Személyes fejlődés
UI drótvázcsomag és segédanyagok
Komplett UI drótvázcsomag a tervezéshez, egy csekklista bármelyik weboldal átvilágításához, és egy stílusgyűjtemény, amiből kiderül, melyik vizuális nyelv melyik márkához illik. Mindhármat a kurzus után is előveheted.
Vikingo UI Wireframe Kit
Komplett UI drótvázcsomag előre felépített szakaszokkal és komponensekkel.
Segítségével gyorsan készíthetsz oldalvázlatokat, kipróbálhatsz különböző struktúrákat, és egyszerűen módosíthatod a színeket, betűket globális beállításokkal.
Weboldal Elemző Csekklisa
Egy átgondolt csekklista, amivel bármilyen weboldalt fel tudsz térképezni: a sajátodat, a konkurenciáét vagy az ügyfeledét.
Végigvezet azon, mire érdemes figyelned a felépítésben, a tartalomban és a vizuális elemekben, így mindig lesz egy biztos iránytűd a tervezéshez.
Webdesign stílusok
Egy átfogó inspirációs gyűjtemény, ami bemutatja, hogyan alakíthatsz ki egységes és céltudatos vizuális irányt a weboldaladnak.
Segít meglátni a különbséget az eltérő stílusok között, és eligazodni abban, hogy melyik vizuális nyelv erősíti legjobban az üzeneted.
Az oktatód
Nagy Attila
Nagy Attila a Vikingo alapítója és tulajdonosa, aki 2014 óta foglalkozik online marketinggel, vállalkozásfejlesztéssel és digitális oktatással. Célja, hogy a designhoz, marketinghez, AI-hoz és vállalkozáshoz kapcsolódó tudást gyakorlatias és azonnal alkalmazható formában adja át.
2015-ben indította el a Vikingot, amely azóta egy folyamatosan fejlődő oktatási platformmá és szakmai közösséggé nőtte ki magát. A kurzusok és a Fegyvertár fejlesztése mellett a képzési rendszerek kialakításával, a csapat vezetésével és a vállalkozás stratégiai irányításával foglalkozik.
Fegyvertár
Tapasztald meg a Fegyvertár élményt, sajátíts el digitális készségeket, változtasd meg a karriered és életed!
41+ kurzus
Karrier Küldetések
Kihívások
Eszközök, csekklisták
Prémium bővítmények
10 Elementor licensz
AI ügynök
Webinárok, workshopok
bruttó
7.990 Ft / hó
266 Ft / nap
Teljes hozzáférés minden kurzushoz
Bármikor lemondható
Nincs hosszú távú elköteleződés
-16%
bruttó
19.990 Ft / 3 hó
222 Ft / nap
Teljes hozzáférés minden kurzushoz
Bármikor lemondható
Ritkább fizetés, kedvezőbb egységár
Ideális egy konkrét fejlődési időszakhoz
-27%
bruttó
69.990 Ft / év
192 Ft / nap
Teljes hozzáférés minden kurzushoz
Bármikor lemondható
A legalacsonyabb egységár
Egész éves tanulási és fejlődési lehetőség
Árbefagyasztási garancia
A jelentkezés jelenleg zárva
Szólunk, amint újra nyit a Fegyvertár
Add meg az e-mail címed, és elsőként értesítünk, amikor újra lehet csatlakozni.
Megvan, köszönjük!
Amint újra nyit a jelentkezés, elsőként neked szólunk.
100% biztonságos fizetés
A megrendelés leadásával nyilatkozom arról, hogy kérem a teljesítés megkezdését a 14 napos elállási/felmondási határidő lejárta előtt. Tudomásul veszem, hogy ezzel az indokolás nélküli elállási jogomat elveszítem, de a 14 napon belül jogosult vagyok indokolás nélküli felmondási jogom gyakorlására. Utóbbi esetben a felmondás közlésének időpontjáig teljesített szolgáltatással arányos díjat vagyok köteles megfizetni, az ezen felüli díjat a Szolgáltató visszatéríti részemre.
Mert k.vajó… Amúgy ár-érték arányban nem gondolom, hogy lenne még egy ilyen.
Gyakran ismételt kérdések
Összegyűjtöttük a leggyakoribb kérdéseket az indulásról, az előképzettségről és a hozzáférésről. Ha valami kimaradt, írj nekünk.
Hogyan tudok kérdezni vagy segítséget kérni, ha elakadok?
Lehetőséged lesz csatlakozni a Fegyvertár közösségi felületéhez, ahol kérdezhetsz a kurzussal kapcsolatban és megoszthatod a saját projektjeidet.
Ha technikai vagy haladással kapcsolatos kérdésed van, ezen az oldalon tudsz nekünk írni.
Mikor indul a kurzus, van meghatározott kezdés?
A kurzus önálló tempóban végezhető, így bármikor elkezdheted, amikor számodra kényelmes. A leckékhez hozzáférést kapsz, míg él a Fegyvertár előfizetésed.
Szükséges bármilyen előképzettség?
Egy minimális Figma alaptudásra szükséged lesz, mert ebben a kurzusban nem a program kezelését tanuljuk, hanem a webdesign szemléletet. Jó hír viszont, hogy van külön Figma kurzusunk, ahol a nulláról, teljesen kezdőként végigvezetünk a programon Ha már van valamennyi tapasztalatod a Figmával, akkor simán belevághatsz – a kurzus felépítése úgy van kitalálva, hogy közben egyre biztosabban fogod kezelni az eszközöket is. Ha viszont teljesen új neked, először a Figma kurzust érdemes elvégezni, és onnantól ez a webdesign tanfolyam lesz a következő szint.
Milyen programmal dolgozunk a kurzusban?
Ebben a kurzusban végig Figmában fogsz dolgozni. Ez ma a világ legnépszerűbb designprogramja, amit a legnagyobb ügynökségek és freelance designerek is napi szinten használnak.
Kell fizetős szoftver vagy előfizetés a kurzushoz?
Nem, a Figma teljes körű használatához szükséges funkciókhoz segítségünkkel minden hozzáférést megkapsz. Tanulói fiók létrehozásával ingyenesen is használhatod a Figma Education verzióját a kurzus alatt, ehhez minden infót megkapsz majd.