Lekce 2 — přepis videa (čistý)

Automatický přepis (Whisper) mluveného slova z lekce, lehce vyčištěný — opraveny nejhorší přepisové chyby a vlastní jména, fragmenty sloučeny do odstavců a rozčleněny podle reálných sekcí lekce. Drobné přepisové nepřesnosti mohou zůstat; smysl odpovídá videu.

1 · Úvod — co stavíme (dva weby: firemní + osobní)

Ahoj, víte Vás v Lekci 2. Dneska nás čeká taková, myslím, nejpravděpodobnější scénas, které můžu nastat, když budete něco vibecodovat a to je, že se budete dělat vlastní vlastní webové stránky. Podíváme se jednak na firmní, nejdřív web, který uděláme velmi podrobně, podobně jako jsme ho dělali v Lekci 1, čili veš které je research a zjišťování podkladů.

A pro ten osobní výdu už něčeho, co mám relativně rozmyšlené a tam by ten proces byl samozřejmě velmi podobné, protože stahli byste se třeba CV (životopis) a podobné informace, ale to dejme tomu máte připravené a dejme tomu, že samozřejmě v osobe máte informace spíš pravěpodobně u sebe, takže nemusíme stahovat z nějakých svožitejich zdrův. Každopádně je to teda firma ProfesKontakt, která je personální agenturu, já jsem prostě řekl, dejme nějakou profesní agenturu personální, která má starej web a to je vlastně, jak jsme ji našli.

Vypadá ten web nějak takhle, což skutečně připomíná trošku 90, možná jako přelom 2000. Není je to úplně, je to paráda žádná, mají 20 let tradice, takže tím pádem to skutečně dělali 2000, ale úplně se jim to asi nepovedlo. A speciálou to se na recruitment, executive search, psychodiagnostiku, kariérní poradenství a tak dále.

Mají 20 let zkušeností, ale ten web prostě nebudí důvěru moc, je velmi zastanalej, nejde tam jasný projď zrovno ProfesKontakt. Ty se se senáře v posledě, že někdo jako z Google, LinkedInu nebo doporučení přijde na ten web a zatříze třeba potřeba pochopit, jakoby co agentura dělá, pro kogo a důka, že to funguje.

To je naše zadání. Je tam sechce, jak pro firmy, tak pro kandidáty, psanou jeho jazykem a tak dále. A je tam potřeba nějakého FAQ, garance, jak to probíhá a tak dále. A bude ta firma odešle poptávku a nebo kandidát pošla si CV a agentuři dorazí e-mail s kontextem do schránky. Takže ještě se rozzebereme detailní plan práce, ale zásadně nebo cílovku, personalizace, struktur obsah, stavba z modulů a to, že děláme dva weby.

Kamíříme, že máme web, který psaný jazykem, kandidátů nebo firm a je tam možnost odezle do poptávku nebo do CV (životopis). To je vlastně ten cíl, kam směřujeme. To je to podstatný, co jsem snažíme dostahnout.

2 · 10 principů vibecodingu očima Lekce 2

Takže poďme se podívat tento jedodlý principy, tak jak je procházíme vždycky, každou lekci. Pozdnajíme jdu do hloupky, první princip. Ten klíče se brace čísla v referenciích historii, týmu, zkušenostech, recenzí klientů a tak dále. Máme dve cílovky, potřebujeme vlastně zjistit, jakým způsobem mluvit na každou z nich.

A potom se podíváme vlastně, jak oni mluví ostatní firmy, weby, HR stránky, blogy a tak dále. To, co chceme vlastně dokázat, že ta firma je kvalitní, že je přesvětčivá, že je nějak unikátní, že má nějakou unikátní selling proposition. A že dokážu obsloužit ty potřeby toho kandidátá, mluví v tím jazyce.

Ta zkušeností firma je obrovská, ale ten web to jako neukazuje moc dobře, nebudí důvěru a pravěpodobně ten biznes typicky je dělají na hlaví na základ do poručení, ani kole, že by drivovali z kampaní nebo tak. Takže použijeme e.g. na to vlastně jako zjistit, co všechno HR web může mít. Podíváme se na to, jaké stránky, sekce, call to action může mít.

Štvetej princip je vlastně zvážit variante, i čili můžeme se podívat na to, jakým způsobem třeba tam ty samotný materiály nahrávat, jak vlastně základ může komunikovat s tím s tou firmou, jak by to bylo ideální, jak to dělají jiné firmy, můžeme řešit cílovky a podobné věce. Když potom budeme samotnou tu stránku designovat a budeme řešit, jakým způsobem by měl vypadat, tak tam budeme se nechat ptát, aby jsme zjistili, co tam agentové chybí, aby udělal fakt perfektní stránku.

Ten záměrek, který máme, je, že chceme, aby to byl moderný web a vlastně to, jakým způsobem toho dostahnout právě, zase necháme na tom agentové, na těch datech a na těch rešerších, t.h. šestej principy, kterou uznáme. Ten cílové stáfi, že firmáky na příjd na web a okamžitě výco potřebuje, odešle poptávku, vytvoří zájembo naše služby.

To, co budeme rozpadat tady v tom případě, hlavně, která je na té sekce, na té komponente, t.h. prostě se nás čeká, je zběr toho obsahu, personalizace cílov za cílení, sitemap a zmast arhetytovatěch stránek, informační a vlastně, co tam všechno musí být, nějaký moduli, který můžeme připravit, vlastně můžeme různě potom adaptovat podle potřeby a více jazyčnost, vizuální stil a vlastně jak bude vypadat ten samotný formulář.

Takže samozřejmě postavíme jako hrubou verzi, postavíme čistě HTML prototypy třeba, který vlastně nám oditerujou, jakým způsobem, a ten web může vypadat. No a poslední princip, prostě definujeme hodnotu, definujeme ten, ty argumenty, ty podklady a z toho všechno vychází a na konce, jenom definujeme technologie a pojmenujeme, že chcem Next.js a React, takže chcem nějaký backend v Pythonu a to je celý a vlastně tím pádem už ten program víc co dělá.

3 · Plán práce (10 kroků)

Takže poďme se podívat na naš plan práce. Jako jedničku, budeme zbírat ten obsah, co jsem už vysetloval. Jako dva, vlastně zatředíme na konkrétní persony, zazvovaly se tím, co kolej vcou můžeme. Jako trojku budeme dělat sitemapu a strukturu a vlastně potom informační architektu důtěch stránek, jako čtyřku, navrhneme nějak čtyři moduli, který pro nás budou nejdutější, kde vlastně můžeme iterovat ten obsah a můžeme tam iterovat ty informace, aby to svojbo testoval, jak vlastně přesvětčivý to je.

Připravíme obsah, proti samotní stránky, jako by se trošku ujastníme, co, kde zmínět a tak dále, nejete finální texty ještě. Potom uděláme předtímuse je závisí samozřejmě na tom samotném webu na týděho struktůře žiologický. Nemůžeme definovat obsah kterého headingu, když nevíme, jaký heading potřebujeme a kde.

Potom více jazyčnost je vlastně o tom, že tam bude s nějakým systemem, který bude počítat s tím, že to má jazykvý mutace. Vizuální stil je vlastně, kde budeme definovat, jak se na to dívat, která zvědějská estetiké nějaký a kým způsobujeme vybrat ten nejlepší potenciální stil, který můžeme a uděláme si prototypy, toho, jak by tom ho vypadat a devítká je vlastně, jak se s ten samotný proces tý konverze vyrálizovat pomocí toho, jaký data tam se bedeme a jak by to vlastně mělo vypadat.

Takže a jako desítku uděláme ten osobný web a to uděláme až po, takže samozřejmě potřebujeme reference, číslát, tým, recenze, popy, služet a tak dále. Pojďme se podívat, jak jsme to zrealizovali.

4 · Research firmy ProfesKontakt (prompt + běh)

Takže promky, kde jsme zvolili, je podívej se na lekci 2 na projekt ProfesKontakt, děláme nové stránky, stahní vešké informace o této firmě, rešeršit na téma, jak se prezentuje, zakladatela, jak jsou, jak se prezentuje na internetu, co se o něj výjí, vytvořel ší složku, jak mnou i zákazníce, čeho si zákazníce váží, jakí jsou nevětší klienti, jaký má hodnoty, ta firma, přednosti, dovednosti služby a tak dále.

Teď to samozřejmě prochází, tak by staré stránky, zjišťuje toho veškteré informace a tak se zjišťuje, jak by na firma chci a zed, kdo je majtel a tak dále. Teď to vytvořilo document sources, kde jsou tisamotní zdroje, kteří tráne použil.

5 · Výsledky researche — identita, klienti, služby, kritika starého webu

Pojďme se podívat tisamotní dokumenty, čili přehlad, kde to vytvořilo je tohle to, tady jsou klíčví tisuché technické informace, faktoidní tisamotní dokumenty, takže identitá je, že je to personalní a poradenská agentura a specializána výběry, zaměstná cůlejků, když mám přichodit tisíké testy ukazyčů po zaměstnání a i stávícího personalu na tedy testy s namiřovou outsourcing a tak dále.

300 pozic občasovou ročně, takže jsou docela aktivní, dlouhrobá spolupráce takže je to taková tisíká klasická firma, co máte dlouhrbí klienty a moc se nemusí neumí prezentovat, jako by javé získala nový. Ten web je prostě fakt velmi zastarelej, na jobs.cz mají aktivní profil, mají velmi dobrý recense, což je skvělý, to by jsme měli očiče využít v tom webu.

Klienti jsou tihleti, tihleti různí segmenty, jsou následovící, indivíduální personelní přístup, dlouhodobost, kvalitá odbornost, znalost, střícná komunikace, lojálnost. Také klasické, velmi nic neříkající, nějak neodlišující věce, to asi budeme muset respektovat, samozřejmě nemůžu mít identitutí firmy, ale jako by musíme se s tím krativně vypořádat.

Tady jsou všichni služby kví děláj, recruitman executive search kví zaměstná vládní přikunistik a vzdělájící vlastně dělájící celou celý portfolu a věcí, ale slyší se podíváte na ten web, tak tady vlastně to portfolu jako by vůbec není vidět, tady vlastně vůbec není vidět, jaký maj portfolu služe, a by to také hodně utilitární rovnou jako call to action vlastně aniž by takové přesvětčily toho zákazníka, nějaké tej jsou výhody, ale to prostě za mě jako není úplně špatný, ale mohlo by to můžeme lepší, rozhodně máme co dělat.

6 · Persony a cílení — 5 segmentů a hodnotící rámec

Tak to si če, budu dvá, potřebame definovat cílovýho zákazníka a jak se vám personalizovat zprávou pro něj. My, tedy na tětíka, uděláme to, že si necháme dělat 5 skupin zákazníků, detalí rešerši, jaké výhodné pro něj, jaké by pro firmu se nejde zaměřovat, jak to zapára do ich portfole, jaké to lukrativí, jak bych pět aspektů pro každý utofit, pro každý ten segment, tady máme teda ty segmenty, kdy to jako počíte o nějaké skóre hodnotící rámec, nějaká metodiku to udělalo čili, půjď mi se na to podívat.

Tady ty kritéry jsou sova sportfolem, opakvatelnost, konkurence, snadost a kvizice. Tady jsou ty počty jednotlivé, pro logistiku farmace a stroj jedenství nejvíc. Logistik a farmace tam je takové s tím maj největší zkušenosti a jsou tam nejvější marže ve farmace hlavně. Takže na tyto tři obory zešet stroj jedenství se zkusíme zaměřit asi nejvíc samozřejmě i tím stelováním, jak vlastně tezákaznice přemejíšlej, jaké maj rádi, barvy, stely, fotky a tak.

7 · Sitemapa — rešerše nejúspěšnější konkurence

Tak potím se podívat na zarání sitemapy, jak je způsoba jsme to udělali aby jsme dostali vlastně přehled toho, co by na těch stránkách všechno mělo byť. Takže řekli jsme zaměřili se nad sitemapou do klasmapou, jak podobná stránka podobných, jak to vypadají. Nejčínáč je na trhu, zjistí nejvyspěšnější firmy na světě, jakí mají stránky, jakou mají sitemapu, jak se prezentují, co tam všechno mají stávky.

Teď to začalo analizovat global staffing giants, recruitment specialist sites, executive search firm sites, check agency sites, jakéhle príncepy. Tady je to stahné best practices proti jednotlivítej. Teď jsou obemoví staffing recruitment specialist, které jsou největší firmy, které existujou, co se od nich naučit a se prezentujou initiátor, salary calculator.

To jsou všechno zajímavé príncepy, co by tam všechno mohlo byť na těch stránkách. Třeba se třeba hompage, tady jsou všechny věci, který tam nějakým způsobem jsou rozcesník dvou cílovek, to se myslím, že samozřejmě je důležitý, protože potřeba adresovat do barva. Prův důkazů, nějaké recenzé, který tady máme, stáváme se na klientu a tak dále, kdo pro kogo jsme, nějaké klémy, protože základní dvě firmy, obory, na který se specializuje samozřejmě, tam všechno chybí na těch současných stránkách.

Tady jsou nějaké klémy, co potřebojáme říct stránka pro firmy, jak by měla byť strukturovaná proti uchazeče, samozřejmě, jak by to mělo vypadat. Specializace těch oborů, co by tam všechno mělo byť, zezýska se, a tak dále.

8 · Informační architektura — rozpad do detailu pro agenta

Krok je ten prompt, který se hned znal je vytvořit informační architekturů na základě sitemapy stránek. Chceme to rozvrhnout do extrémího detailu, které stránky je dotlivé, co tam bude všechno zobrazené, jaký informací tam budou detalní plan, který se náslovat agentem z pohodu toho, jak spracovat jednotlivé sekce, zohlednit všechny informace, které máme a nechat je agenta spracovat.

Tady jsou ty jednotlivé Tudus, který nás čekaj. Pokud by vás zajímala postu pro agenta, tady jsou metodikám, faktážio, které jsme připravelej. Máme chybějící data, toco věci, které to má připravit, vytvořit, jsou tady jakoby te dokumenty po děch stránkách, tohle to je postup, který bude dělat, zohlednit SEO a tak dále je bloky, nad lidi rozvrhnout globální prevky, jako barvě typografy spacing, když si to převezme a somřeně potom stavba toho samotního webu a tak dále.

9 · Moduly — dekompozice na primitives → modules → blocks → pages, obsah v JSON

Tady máme detalní popis, že je jedna, že tam bude hídeuro se sní, proof bar, dvě karty, nebo jsme služby obory. Tohle to nás trošku limituje v tom, jakým způsobem to uspořádou stránku, nicméně myslím, že můžeme zustatěrát v mě flexibilný v tom, kde to přesně bude a pojď, že to tam někde musí bejt, ale myslím, že to můžeme ještě právě tak, aby to bylo flexibilnější.

Takhle v tom máme každou pro uchazeče, zase nějaká struktura vlastně. Takže, když je další jesekce, to jsou ty moduli, kdy potřebujeme připravit primárně. Ty moduli sou services, kdyjí testy mnou z FAQ a kejí stady a vlastně tedy mu říkám práv, aby to dekomponoval, jak vlastně dekomponoval tu architekturou na kód, tak aby cestně dobře pracovalo, aby vlastně ty moduli, jak by byli vlastně použitelní a nejvíce sradno-edituvatelní, aby vlastně bylo možný tyhle sekce v podstatě dynamické mění, tak aby jejich struktury. Takže máme oddělný hatomolu, jak to vypadá, od toho textu.

Že nám to rozdělalo na primitives, baton, heading, card, moduli, když se skláles těch bloky, když se skláles tých modulů, pages když se skláles tých bloků a layout když se skláles tých pages. Postatně, že texty nikdy nejsou napevno džavascriptu, ale jsou v tom, jako JSON, vytážený e-vangio. Tady si to na designovou strukturu toho JSON.

JSON je takový formát, kde má klíč hodnota, kde je klíč a hodnota a tady je zase klíč a hodnota. V nořeně, hran tý závorky má řeknu objekt, hran tý závorky blocks, a zatím další hran tý závorky data, a zatím další hran tý závorky headline. Vytahnu ten element, který potřebu. Tady je přímo definice toho modulu, services grid, jak má fungovat, máme tady takový laidíčka, těch je services, je tam ikona, je tam nějaký text, je tam nějaký odkáz vrám z tých stánky, jak to budeme odkazovat na to.

Když další rok se podíváme na to, jak připravit do těch modulů obsách nějakej. Tady už asi plníme nějakou logiku tý informační architektury, kde máme konkrétní texty, který chceme jakoby zobrazit. Máme teď zase různé stránky a jejich texty klíčový. Což sem říkne, tu struktur ještě můžeme změnit, ale prostě máme asi můj připravený, co tam chceme typicky říct.

10 · Vícejazyčnost

Jako další témama máme více jazyčnost. Já jsem ulastně neměl, že chci, aby to bylo mnoha nekolika jazycích, aby to bylo přepínat, aby ten každý jazyk byl v Česnu a aby bylo možný načí se libovalo můtace je těch textů podle toho na jaký jsem stránc, a tam je klíčový říct toho, že nechcem, aby žádný texty byly v tom, co to bylo samotným. To je důležitý říct, protože pak to může dělat problémy.

To, že to je taková nějaká standard, který jako říká, jaký tej majskratky a tak dále je to tak je popsený technický, jak to bude fungovat.

11 · Vizuální styl — 2D mapa konkurence + filtry, výběr

Pojďme už na ty postatní věci, a to je vizuální stíl a konzistance, čili chci mít jednotný stíl chceme, aby teď chce vypadali podobně a tak dále, ale to hlavní je samozřejmě jak je způsobem to udělat. Takže já tady říkám, pojďme k tomu samotnému designu, našel nejlepší firmy, co jsme našli, udělejí screen, čo teď jech stránek, udělejíme jak tej stránky vypadaj, ať se můžu podívat, udělejíme filtr dvě D-Mapů a filtery podle toho, jak vlastně tej stránky je k tímhle charakteristiky a nech mi filtrovat mezi nima a já si vyberu, co jsem dobro líbět nejvíc.

Takže tohle to máme vytvořilo dvě D-Mapů a je různých feature, tady jsem si dělal fíčury, vizuální odvahá, vzdušnost, důraz na data které máme jako přehlakově někde tam máme ty bohužel, koukí koncenty, to nevadí a když se na to kliknu, tak se to můžu proklikat a tohle se mi líbí velmi moc, to je moc pěkný, tohle je jaký standard, standard, standard, standard a tohle se zajímaví, bych řekl, už taky možná obyčení trochu, tohle se mi moc líbí, je to velmi jednoduchý, a tady to je taký standard, bych řekl, takže tady to jsou také stránky konkurence největší.

Jako další věc

12 · Kontaktní formulář — varianty a výběr strategie

jsme vlastně chtěli zpracovat ten kontaktní formulář, vymyslíte tu strategii, jak na to, takže já jsem vlastně tady můžu řekl, jenom je doduše ať vlastně vymyslíte tu ten koncept, toho, jaký údá je tam dát, je se brát e-mail nebo jaký políčka iště je se by tam to mělo psát jako políčka nebo jako chat nebo jakým způsobem vlastně nejlepší strategii prostě kdo může navrhnout.

Takže tady právě vzvažujeme varianty, če máme tady variantu, že tam dáme jenom e-mail nebo jeden velký tekst je formulář můžeme zvírem polí nebo plou aplikace, jaký portal takže tady to je vlastně doporučilo tu cáčko podle toho, co se děje na zbytku těch aplikací těch zbytů, kterých stránek který jsme analizovali tohoto jsou tě jako by políčka, který chceme konceptu toho formuláře pro tě dvě různý základní use cases tady jsou samotný políčka zcela konkrétně jak budou dodesajnované

13 · První pokus o kód — a proč se nepovedl

no a pojďme na to samotný koudování toho webu takže tě vlastně říkám dělajme ten design těch stránek jak by mohlo vypadat tady to čte ty všechny dokumenty co jsme si připravili čte to tej agentní jakoby postupit co jsme si připravili samozřejmě a tady máme první home page která se teda úplně nepovedla je to strášně generický a strášně vypadá jak z Lavebo tady máme dětíka další což je taky dosť je to akventužio to prostě jako nedokázalo úplně dobře respektovat příležit dožítí naší struktury a nedoží se toho jak ten daný web úvodní vypadá inspirovaný vždyčku radikálnějšího tohoto jsou hrozně špatní véce a tam moje s ten můj spolehnutý na vlastně tů schopnou z toho modelu čistě z těch informací poskádat nějakej koncert designový úplně se nevydářil minulato fungovalo v lekci jednopadně jsme dělali velmi jednoduchou věc teď potřeba jmeme trochu se zamyslet víc a víc inspirace mít

14 · Designové principy + kritika vůči vzorům

vytvoříme designové principy podle kejich to budeme dělat takže vymysleme jako články jaký způsobem dělat tu strukturu já jsem říkala tímto stahle těch povodní články tady máme docela dobré typy don't make user stink to je taková základní pravidlo ux samozřejmě effective writing, strive for simplicity don't be afraid of white space bílej prostor harmonická paleta vizuální hrachie kontrast pročetelnost vyhně se čisté černé z jednuží ikony neboj se velkých prvků tady se to sumarizovalo na jakoby principy který jsme můžeme použít sumarizací těch principů který jsou pro nás nedolěžější struktur, kterost mě být odvážná obslag musí být jasný zdajímavé, že jsem se zeptal jaký způsobem se liší naše designy od vzoru tady máme emojis, to je veľmi neprofesální za mě náhodné akcenty, když je tady jedna se bydala akcentní barva, je to statický když je to živý hover je to natěsno, tady je velkory sý máme krabičky a linky všude a je to odjořený editorial kompozic se my nedůmo hraničení takže nekonsistentní stíny, jeden system elevace ty to jsou kýz dobrý, dobrý principy tohle to jsem myslím, že tady je to skoro užitečnější než ty principy co jsme se hnali tady z těch nejakejich blogů vidíte, že to a ja i vlastně když se zamyslí sama tak je skoro produkujé lepší nápady než jako nějaký bloger

15 · 50 tipů, 20 principů, technika se ptá (P5) a premium build s fotkami

tady už jsem byl trošku nešťastný tak jsem řekl, jak mi na 50 typů můžeme vylepšit 20 principů je ty stránky udělat fakt kvalitně vlastně principuje k leu udělat nějak chytře, aby fungoval dával smysl což tady máme takto vytvořený vlastně myslím si, je to, co jsem ukazoval tady jsem řekl, jak se mě zeptá právě ta technika, tady jsem je 5 otázek, co potřebuješ vědět aby si udělal fakt do vůpráci tak se mě to zeptalo na jako by s těch webů je nejlepší s těch inspirací jaké podklady můžu dodat jak poznám, že to je úspěch to je jako vytvořené vádraze že můžeme chápnit poslít se je to od značky já jsem řekl, že chci aby to udělal podle všechny k designu a těch diblu mi udělal různý design chci aby jako respektoval co nejvíc reálné fotky že mě přijde, že to je vel CAP a uvidíte, že ten výsledek já měl lepší díky díky díky díky fotkám práve je tu jednu velkou fotku přes cvídí pozadí měl by to byli exklusivní lidský, konservativní a prémiový aby respektor z ten jednu formací architektuře a vlastně tam byly všechny, co svojí bode v tomčí architektuře

16 · Premium výsledek — tohle už funguje

rozmístit různě. A tohle to už zabralo. Tady je jen design, který už jsme mělo jako dřív, který nějak to zvlášit za zvláštního důvodu připravilo výsledně dobrý, už jako do předů. Tady vidí, že fotky jsou stále jako velmi malý. Tady pojďme na té designy, které za mě už relativně vypadají obstojně. Všechny ty elementy tam jsou, je tam všechno, co tam má bejt. Tady jsou ty služby, tady jsou ty obory.

Takže já si myslím, že to je velmi kvalitní, to je nějaký referenci, tady jsou ty lidi, když teda nemáme jejich fotky, ale máme tady potenciál, tam nastaví ten tým. Já si myslím, že toho to už vypadá velmi dobře. Tady máme nějakou variantu kráze, mě můžná ještě lepší. Tady další varianta, vlastně jak by to mohlo vypadat. Myslím, že taky docela v pohodě, další varianta, další varianta.

Asi ten první mě přišel nejlepší, nebo tohle to taky případně je docela v pohodě. Takže tak.

17 · Osobní web — mentor politiků v agentní AI

No a teď už nám zbývá jenom dokončit vlastně ten poslední úkol a to je udělat ten osobný web. Já jsem se rozhodl, že vlastně zkusím udělat web pro sebe, pro mojí nevou iniciativu pomáhat politikům, jak implementovat agenty do reštvejch, rešersí a pomoc těm vlastně pochopit, jak dělat lepší politikou pomocí agentů.

Takže to je ten cíl. Tady je teda brutálně dlouhy prompt, kdy jsem to se znažil všechno vědnou, to co bych normálně dělal na několikrát. Takže vlastně je to moje osobní stránka, podívej se na moje CV, že jsem mentor politiku a coach politiku, jak použet agenty, kde ho to udělat jednou z kůstánku, kde se tič koncert a manifest vlastně, jaké spůsobny to jako funguje, co je zatím, co je můj cíl.

Chci se podívat na originalní weby, kde prezentujou coache, jak by to vlastně mohlo vypadat. Chci, aby si udělal screen shots a portfolio těch webů, aby jsem se na ně mohlo podívat, jak by to mohlo vypadat. Chci, aby si vyzistil, jaký spůsobny potřád komunikavučí politiku, my vlastně mentální modely a hodnoty mají politice, aby rozuměli tomu, co říkám.

Podívat se na ty profily těch pharem a ekspertů a služby, jak vlastně vypadají ty služby. Takže tam je to stahloty fotky těch slavných coachů, jak vlastně mají jejich weby, jak vypadají. Vidíte, že to je taký fok, jako velmi velkorysí. Tady to znalazalo to portfolio, jak vlastně tejernotlivý lidi se prezentujou, jakou mají filozofy, jaký mají barvy a tak dále.

Tady jsou nějaký klíčový paper, který prezentujou tu komunikace z politiky. Takže citáte, jak prezentovat tu EI, Lobin, Český zákon, Národní i Strelgen, měli inteligence, jak oni mluvili politice. Teď to všechno vňavnit, jako připravilo. Vidíte, že prostě třeba skrát je ten prompt na velmi krátkou část.

Tady jsou nějaké koučové kríprací z politiky, takže tohle jsou vlastně jejich profili, jak se prezentujou, jak vo sobem mluví a tak dále. Tady jsou potom vypřesečovací strategie, které fungujou na politiky. Reciprocit a autoritá sociální důka závazek, sympativ, zácnosti, jednota. To jsou nějaké principy krí, který je potřeba aplikovat snížení rezika politické kríky, sociální úkaz jen od svých, bude hrdinou svých voličů, strah zaostání a tak dále.

Tady je tam moje biografie, takže z toho můžeme čerpat. A tady je ten konsep vlastně toho webu, ten manifest, kde je velmi krátký, když se to ještě dalo velmi zlepšit samozřejmě. Takže opět na poprvé to nebylo úplně nic moc. Já jsem řekl, že to respektuje moje stránky jako jakubbares.com, pravda vyparají docela podobně.

A vlastně jako úplně špatný to asi není, ale mě se to úplně zaostak moc nelíbí. Myslím si, že můžeme být mnohem krátivnější. Já jsem řekl, ať se podíváří složky designové principy a zkusí, který jsme připravili pro tom první projekt, že udělá fotky 5x5 cm, udělá nechci jako spoustu. Sežené fotky politiku, které by tam mohli být zobrazený napozadí.

To je to, co jsem udělal. Tady se rozhodlo, jaké fotky sežené. Řekl jsem, aby fotky byli za darmo, aby jsem ne dostal žádnou pokutu, že používám něco, co není dostupný. 160 je na portrétu, máme vlastně stažené. A teď už se můžeme podívat ten finalní produkt, který vypadá takhle. A to sem myslím, že už je docela zajímavý.

Ten text je můžeme být velký, ale fotky těch politiků zapozadí mě přídou moc fajn. A jsem můj velžně řekl, aby to udělal. Takže vlastně je tam ta část napozadí, která zustává. A zbyt se prostě seval přesto. To mě přijde jako skilly principle boj. Tohle to je za mě můj favorit. To je to hládle lupa. To mě přijde úplně genialní.

Tohle to bych zmenšil. Zmenšil ten text a udělal to trochu jinak. Ten text myslím, že může být lepší. A jinak vlastně struktura víceme je stejná. Tohle to je to samý asi a tohle to jsme už viděli. To jsou tam různí variante. Já jsem řekl, že udělal dalších 5 variantů. U tomozka náteví není. Zajímaví, že to v nějakým momentu výt svítí.

Przechází takhle, což je to sa cool. To jsem asi líbí více, než ta první varianta.

18 · Závěr — jak dotáhnout design (řekni, v čem se to liší od vzoru)

Takže tohle to byla druhá lekce. Zazem jsme možná vždy přetahli. Každopádně já myslím, že to bylo pro vás přínozní v tom spohledu se podívat na to, jak vlastně děla ten design a jak se inspirovat různýma stylama, jak se inspirovat tím, jak se jiné webi dělaj, jak definovat principy, jak definovat tu sitemapu, tu strukturu informační, architekturu a takovéhle věce a z toho vlastně víc hledězka toho, co tam má být a pak ten samotný styl už může být relativně samozřejmě fleksibilní podle toho, kde je ta inspirace, která se vám líbí.

Takže jako dejštel model druh díté, tak bude schopné vlastně nějakým způsobem imitovat tady stránky, které se vám líbí a když vlastně to chcete jako fakt dotahnout, tak vidíte to, co pomohlo mě, bylo, že jsem vlastně řekl, řekni v čím to je jiné, řekni v čím to je jiné, než vlastně jsem chtěl, řekni mi podívat se na ten vzor, na to inspiraci a podívat se na to, co si vyslořil a najdějí rozíle.

A tím vlastně jsme to dotahli do té podoby, ten prvný firmy web, který opravdu už za něco stál. Takže díky mohou zapozornost a udíme se příště.

Lekce 2: Osobní + firemní web v Cursoru