AI minūtes laikā uztaisa desmit landinga lapas, bet nepasaka, kura ir īstā.
Pagājušajā mēnesī es nodeployoju puzzlywords.com, Facebook tīmekļa spēli, kas pārcelta uz atsevišķu domēnu, pirms Meta slēdz platformu 2026-08-31.
Apraksts bija īss: lai neizskatās pēc AI ģenerētas.
Šis apraksts ir grūtāks nekā izklausās. Lielākā daļa mājaslapu, ko veido ar LLM palīdzību, izskatās vienādas: tāds pats radial-blur hero, tādas pašas glass-morphism kartiņas, tāds pats violets-uz-rozā gradients, tāds pats slīps telefona mockup, tāda pati triju kolonu feature rinda ar emoji ikonām. Neviens no šiem elementiem pats par sevi nav slikts. Bet, kad pieci no tiem parādās kopā, jo LLM katru reizi izvēlas ierastāko risinājumu, lapa šķiet ģenēriska tādā veidā, ko lietotāji jūt, pat ja nevar nosaukt.
Tas, kas projektu aizveda no šī stāvokļa līdz klientam gatavai lapai, nebija labāks prompts. Tas bija process.
Slops nav viens elements. Tā ir kombinācija.
Pirmā lieta, kas jāsalabo galvā: radial blur nav problēma. Glass-morphism nav problēma. Bento režģi nav problēma. Katrs no tiem ir leģitīma dizaina izvēle pareizajā kontekstā. Finālā puzzlywords.com landinga lapa lieto radial-gradient fonu, klients tieši lūdza to atpakaļ, kad agrīns variants to bija noņēmis. Tas iederas, jo pārējā lapa (chunky tile pogas, taped notes, no zīmola paņemta palete, īsti screenshoti) ap to ir saskaņota.
Tas, kas rada slopu, ir kombinācija. Pieci līdz desmit paņēmieni, kas visi parādās kopā, jo modelis katrā vietā izvēlas ierastāko risinājumu. Noņem trīs no tiem, un pārējais vairs nešķiet ģenērisks.
Tas ir svarīgi, jo dabiska reakcija uz "izskatās pēc AI ģenerētas" ir aizliegt atsevišķus elementus: nekādu gradientu, nekāda blur, nekāda bento. Tas ir nepareizais gājiens. Tu nonāc pie sterila editorial layout, kas arī izskatās AI-default, tikai citā veidā. Pareizais gājiens ir pārliecināties, ka katrs elements lapā ir tur, jo tu to izvēlējies, nevis tāpēc, ka tā bija noklusējuma izvēle.
Gaume joprojām ir radītāja darbs
LLM var uzražot desmit variantus minūtē. Tas var iziet cauri veiktspējas uzlabojumiem. Tas var uzrakstīt JSON-LD schema. Tas var kvantizēt PNG un izveidot WebP fallback. Ko tas nevar, ir pateikt tev, kurš variants ir pareizais. Tas var pateikt tikai, kurš ir statistiski biežāks.
Tā daļa ir tev. Katra izslēgšanas kārta zemāk ir cilvēks, kurš saka to, ne to. AI ir ražošanas līnija. Tu esi mākslinieciskais vadītājs.
Ja izlaid izvēlēšanos, tu nosūti visu variantu vidējo. Tieši tā izskatās ģenērisks slops.
Laikmetā, kad mājaslapas izveidošana nemaksā neko, šaurā vieta vairs nav ražošana. Tā ir spēja atšķirt. Diferenciācija nāk no specifiskiem lēmumiem, ko var pieņemt tikai cilvēks ar kontekstu: kurš viens elements nes zīmola balsi, kuru screenshotu lietot, kura teksta rindiņa ir godīga, kuru skaitli likt uz statistikas kartiņas.
Izslēgšanas metode
Ātrākais ceļš prom no ģenēriska slopa ir atņemšana, nevis radīšana. Trīs raundi.
Raunds 1: 10 virzieni, 4 izdzīvo. Uzģenerē desmit atšķirīgus, pilnus landinga lapas variantus vienā piegājienā. Variē virzienu, nevis pulēšanu: minimal/editorial, bold/playful, app-store, dark-tech, magazine, brutalist, migration-first, bento, arcade, screenshot-hero. Katrs ~100-150 HTML rindas. Uzbūvē galerijas lapu ar visiem desmit kā iframe elementiem, mērogotiem uz 50%, lai tos var salīdzināt vienā ekrānā. Klients nosauc, kuri mirst. Neuzbāzies.
Raunds 2: 50 paneļi, 10 izdzīvo. Ar četriem izkārtojumiem uz galda pārslēdzies no izkārtojuma domāšanas uz vizuālās valodas domāšanu. Uzbūvē vienu lielu režģi ar 50 maziem paneļu un pogu eksperimentiem, katrs demonstrē vienu stila apdari. Letter-tile, jaunpierauts papīrs, ribbon, hexagon, ticket, banner, taped note, comic burst, monēta, neon, brutalist, holografisks. Klients izvēlas desmit.
Raunds 3: 10 noformējumi, 1 uzvarētājs. Paņem uzvarētāja izkārtojumu no Raunda 1. Katru izvēlēto stilu uzliec kā skin: tāds pats saturs, tāda pati struktūra, mainās tikai paneļu un pogu valoda. Tāds pats H1, tāds pats hero attēls, tādi paši feature apraksti. Vienīgais, kas mainās, ir vizuālā vārdnīca. Klients izvēlas vienu.
Bieža pārkorekcija Raundā 3 ir kombinēt divus vai trīs stilus hibrīdā. Tas gandrīz vienmēr ir sliktāk nekā izvēlēties vienu. Lapa sāk justies pārtaisīta, katrs elements sacenšas par uzmanību. Atstāj hibrīda mēģinājumus arhīvā, lai klients var redzēt, ko viņš noraidīja, tad turpini.
Labākais gājiens ir akcenti. Pēc tam, kad uzvarētāja skin ir nofiksēts, izmanto šo stilu tikai vienam vai diviem elementiem, atstājot pārējo lapu tīru. Jaunpierauta papīra feature kartiņas citādi atturīgā izkārtojumā izskatās kā autora darbs. Jaunpierauts papīrs visur izskatās kā atrakciju parks.
Balss ir savs raunds
Pēc tam, kad vizuālais ir nofiksēts, izveido vēl 4-6 virzienus tikai virsrakstam, paziņojuma tekstam, feature aprakstiem un SEO meta. Balsij ir tāda pati ietekme kā dizainam: tas pats produkts var lasīties kā kult-y, warm, direct vai heritage atkarībā no tā, kā vārdi ir noskaņoti. Izvēlies vienu virzienu un izmanto to visur.
Šī ir arī vieta, kur nosēžas SEO slānis: <title>, meta description, JSON-LD VideoGame schema, FAQ strukturētie dati, OG attēls. Nekas no tā nav dizaina darbs. Visu to var sagatavot vienā piegājienā, tiklīdz balss ir izvēlēta.
Kā tas izskatījās praksē
Raunds 1 nogalināja sešus no desmit nepilnā minūtē: klients ierakstīja "1., 4., 5., 6., 7., 9. mirst" un tas bija viss. Raunds 2 izvēlējās vienpadsmit paneļu konceptus no piecdesmit. Raunds 3 nosēdās uz jaunpierauta papīra un lentes stila ar nosaukumu v02-50. Trīs hibrīda mēģinājumi tika noraidīti. Finālā landinga lapa izmanto stilu tikai feature kartiņām. Viss pārējais, hero, statistikas rinda, FAQ, footer, ir tīrs.
Visa secība aizņēma vienu dienu. Rezultāts ir landinga lapa, kas izskatās kā cilvēka veidota, projektā, kurā gandrīz katrs pikselis izgāja caur LLM.
Skatīt pilnu vizuālo sadalījumu: katrs raunds, katrs griezums, visi screenshoti.
Vajag landinga lapu, kas neizskatās pēc AI ģenerētas? Rezervē zvanu.
Pragmatiskais Būvētājs
Iknedēļas ietvari un mācības no būvēšanas ar AI aģentiem. Bez lieka trokšņa, tikai tas, kas darbojas.
Nekāds spams. Atteikties jebkurā laikā.