Atpakaļ uz visiem ierakstiem

AI vienā minūtē uzģenerē desmit landinga lapas. Tas nevar pateikt, kuru sūtīt.

·Lessons From the Trenches·4 min lasīšana

Pagājušajā mēnesī es nodeployoju puzzlywords.com — Facebook web 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 taisa 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 uz katru default-oja neatkarīgi, lapa lasās kā ģenēriska tā veidā, ko lietotāji jūt, pat ja nevar nosaukt.

Tas, kas projektu aizveda no šī uz sūtāmu, nebija labāks prompts. Tas bija process.

Slops nav elements. Tā ir kombinācija.

Pirmā lieta, kas jāsalabo galvā: radial blur nav slops. Glass-morphism nav slops. Bento režģi nav slops. Katrs no tiem ir leģitīma dizaina izvēle pareizajā kontekstā. Finālā puzzlywords.com landing 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 sample-ēta palete, īsti screenshoti) ap to ir saskaņota.

Tas, kas lasās kā AI-default, ir kombinācija. Pieci-līdz-desmit paterni, kas visi parādās kopā, jo modelis uz katru default-oja neatkarīgi. Noņem trīs no tiem, un pārējais beidz justies ģ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 beidz ar sterilu editorial layoutu, kas arī ir slops, tikai citas garšas. Pareizais gājiens ir pārliecināties, ka katrs elements lapā ir tur, jo tu izvēlējies, ne tāpēc, ka tas bija default.

Gaume joprojām ir radītāja darbs

LLM var uzražot desmit variantus minūtē. Tas var izdarīt perf pass. Tas var uzrakstīt JSON-LD schema. Tas var kvantizēt PNG un emitēt 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, sūta visu variantu vidējo — kas ir tieši tas, kā slops izskatās.

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 copy līnija ir godīga, kuru skaitli likt uz stat kartiņas.

Izslēgšanas metode

Ātrākais ceļš garām slopam ir atņemšana, ne radīšana. Trīs raundi.

Raunds 1 — 10 virzieni, 4 izdzīvo. Uzģenerē desmit atšķirīgus, pilnus landinga variantus vienā piegājienā. Variē virzienu, ne 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ā iframiem mērogotiem uz 50%, lai tie ir salīdzināmi uz viena ekrāna. Klients nosauc, kuri mirst. Neuzbāzies.

Raunds 2 — 50 paneļi, 10 izdzīvo. Ar četriem layout uz galda, pārslēdzies no layout-domāšanas uz valodas-domāšanu. Uzbūvē vienu lielu grid ar 50 maziem panel un button 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 skins, 1 uzvarētājs. Paņem uzvarētāja layoutu no Raunda 1. Applicē katru izvēlēto stilu kā skin — tāds pats saturs, tāda pati struktūra, mainās tikai panel un button valoda. Tāds pats H1, tāds pats hero attēls, tādi paši feature blurbi. Vienīgais, kas variē, 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ā. Gandrīz vienmēr sliktāk nekā izvēlēties vienu. Lapa sāk justies pārveidota — 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, applicē šo stilu tikai uz vienu vai diviem elementiem, atstājot pārējo lapu tīru. Jaunpierauta papīra feature kartiņas virs citādi atturīga layouta lasās kā autora-veidotas. Jaunpierauts papīrs visur lasās kā atrakciju parks.

Balss ir savs raunds

Pēc tam, kad vizuālais ir nofiksēts, izdari vēl 4–6 virzienus tikai virsrakstam, paziņojuma copy, feature blurbiem un SEO meta. Balsij ir tāds pats trieciena rādiuss 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 applicē to visur.

Šī ir arī vieta, kur SEO slānis nosēžas: <title>, meta description, JSON-LD VideoGame schema, FAQ strukturētie dati, OG attēls. Nekas no tā nav dizaina darbs. Visu to var batchot 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 panel konceptus no piecdesmit. Raunds 3 nosēdās uz jaunpierauta papīra / lentes stila ar nosaukumu v02-50. Trīs hibrīda mēģinājumi tika noraidīti. Finālā landing applicē stilu tikai uz feature kartiņām. Viss pārējais — hero, stats rinda, FAQ, footer — ir tīrs.

Visa secība aizņēma vienu dienu. Rezultāts ir landing, kas lasās kā kāda-veidots, projektā, kurā gandrīz katrs pikselis izgāja caur LLM.


Skatīt pilnu vizuālo sadalījumu — katrs raunds, katrs griezums, katrs screenshots.


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ā.