Építsd meg végre.
Brand alapokból élő weboldal, egy délután alatt. Nem kell hozzá sem Figma, sem fejlesztő.
A márkád már megvan a fejedben. 4 óra múlva egy linken is ott lesz. Együtt átgondoljuk a brand alapjaidat, megírjuk az üzeneteket, és felépítjük a weboldaladat - élőben, AI-val, a te márkahangodon. Nem vázlat. Működő oldal, amit azonnal elküldhetsz bárkinek.
Designereknek, freelancereknek, vállalkozóknak - mindenkinek, akinek kell egy oldal.
Nem varázslat.
De tényleg működik.
Brand alapokból élő weboldal. Ez az oldal is így készült.
Nem kell Figma
A brand alapjaidból indulunk - szín, hangulat, pozicionálás. Nem egy fájlból, hanem abból, amit tudsz a márkádról.
Nem kell fejlesztő
Az AI kódol. Te irányítasz. Nem kell egy sort sem írnod - a te dolgod a döntés, nem a szintaxis.
A végére élő link
Nem PDF, nem vázlat, nem "majd megcsináljuk". Egy URL, amit azonnal elküldhetsz az ügyfélnek, az ismerősnek, a világnak.
Ez az oldal is ezzel a módszerrel készült.
A helloyellow.hu-t nem fejlesztő építette. Egy designer, aki megtanulta ezt a workflow-t.
Brand alapokból élő weboldal.
4 fázisban építjük fel a saját weboldaladat. Mindenki a saját brandjével dolgozik, élő preview-val, és a workshop végén deploy-oljuk.
Brand
Szín, tipó, pozicionálás, hangulat
Tartalom
Reverse briefing, üzenetek, struktúra
Építés
Claude Code + Next.js, élő preview
Élesítés
Deploy Vercelre, élő link
A 4 óra, lépésről lépésre
Nem elmélet. Minden lépésnél te csinálod - a sajátodat.
Brand alapok
Megnézzük, mi van: szín, tipó, pozicionálás, hangulat. Akinek nincs - itt kap egyet. Nem kell Figma-fájl, nem kell kész design. Elég, ha tudod, mit csinálsz és kinek.
Reverse briefing + tartalom
A terméked vagy szolgáltatásod feltárása - reverse briefinggel megtaláljuk az üzeneteidet. Ebből oldalstruktúra: hero, bemutatkozás, szolgáltatások, CTA. Szöveg előbb, design utána.
Építés
A brand + tartalom alapján felépül az oldal Claude Code-dal és Next.js-szel. Élő preview, valós idejű szerkesztés. Itt jön a designer szemed: finomhangolod az arányokat, a ritmust, a térközöket.
Élesítés
Deploy Vercelre. Mindenki megkapja az élő linkjét - amit azonnal elküldhetsz bárkinek. Megnézzük, merre tovább: hogyan bővíts, hogyan adj hozzá aloldalakat, hogyan tartsd karban.
Szünet a 2. és 3. óra között. 15 perc, hogy kinyújtózz, igyál egy kávét - és utána jön a legjobb rész.
Amivel dolgozunk
Ugyanaz a stack, amin a helloyellow.hu fut. Megmutatom, és a végére nálad is működni fog.
Claude Code
Az AI, ami kódot ír a te utasításaidra
Next.js
A keretrendszer, amin a helloyellow.hu is fut
Craft Agents
Ingyenes app - a te munkafelületed
Vercel + Supabase
Hosting és adatbázis - a végén itt él az oldalad
Serfőző Péter
Designer, brand stratéga, a yellow alapítója
A yellow-t, a helloyellow.hu-t, a logolab.hu-t és a brandguide módszertant is ezzel a módszerrel építette - AI-jal, a brand szabálykönyvre alapozva. Nem elméletet tanít, hanem azt mutatja meg, amit minden nap csinál.
20+
éve a szakmában
100+
facilitált workshop
200+
brand
Időpont és ár
Egy freelancer fejlesztő egyetlen landing page-ért 150-300 ezer forintot kér. Itt 4 óra alatt megépíted magadnak - és a tudást minden következő projektedhez használhatod.
Szeptember 22. kedd
14:00 - 18:00
54 990 Ft bruttó (AAM)
Jelentkezés után küldünk videós útmutatót a beállításhoz.
Kinek szól?
Nem kell designernek lenned. Elég, ha van egy márkád - vagy akár csak egy ötleted.
A Figma-fiókodat tele a megtervezett, de sosem élesített oldalakkal. Fejlesztőre nincs keret, te meg nem akarsz kódolni. Pont erre való.
Ma este van egy élő linked.
Portfolió kell, de nincs honnan fizetni a fejlesztést. A workshopon megépíted a sajátodat - és az maga lesz a portfoliód legerősebb darabja.
A legjobb portfolió a saját oldalad.
Van egy szolgáltatásod, de nincs normális weboldalad. Vagy van, de 3 éves és szégyelted. 4 óra, és van egy friss, a márkádhoz illő landing.
Nem "majd egyszer" - ma.
Amit hazaviszel
Nem csak tudást - kész eszközöket és egy élő oldalt.
Sosem használtál ilyet?
A Craft Agents ingyenes - letöltöd, beállítod, 10 perc. Az előzetes videóban megmutatom, hogyan. 48 órával a workshop előtt egyeztetünk, hogy biztosan indulj.
Gyakran ismételt kérdések
Kell-e kódolni tudnom?
Mi kell hozzá?
Milyen oldalt tudok építeni 4 óra alatt?
Mi van, ha már van Webflow / Framer / Squarespace oldalem?
Mi van, ha nem tudok ott lenni az élő alkalmon?
Miben más ez, mint a Brand x AI workshop?
Mi a garancia?
Van kedvezmény yellow tagoknak?
A fiókodban marad, vagy megépíted?
15 hely. 4 óra. Egy élő oldal a végére.