AI-designet hjemmeside: sådan skiller du dig ud

Hastighed er nu inden for alles rækkevidde. Derfor afgøres det, om du skiller dig ud, af det, du selv bringer ind i arbejdet.

En AI-designet hjemmeside er en fristende tanke for en selvstændig. Du skriver et par sætninger, og på skærmen dukker en forside op med overskrift, knapper og pæne kortgitre. Problemet er, at alle andre kan gøre det samme. Når konkurrentens side er lavet på samme måde, kan den besøgende måske ikke kende jer fra hinanden.

I Y Combinators afsnit af serien Design Review, How To Stand Out In A World Of AI Designs, behandles emnet fra synsvinklen hos en, der bygger et designværktøj. Ifølge afsnittets beskrivelse er gæsten Alex Danilowicz fra Magic Patterns (YC W23), og samtalen ledes af Aaron Epstein fra YC. Ifølge beskrivelsen hjælper Magic Patterns produktteams med at omsætte idéer til interaktive, kodebaserede prototyper på få minutter.

Værktøjet opstod af skabernes eget problem

Ifølge afsnittets beskrivelse er Danilowicz og hans medstifter begge frontendudviklere. De byggede Magic Patterns for at løse deres eget problem: hvordan man hurtigere gør en idé synlig. Ifølge beskrivelsen var de i 2023 blandt de første til at bygge værktøjer, hvor en skrevet prompt bliver til et design. Ved 2:11 handler det om rejsen fra et kursskifte i YC-tiden til et fungerende product-market fit.

For en iværksætter er læren velkendt. Et godt værktøj opstår ofte i ens egen hverdag, men det betaler sig at teste det hurtigt på andre. Samme tanke dukker op mod slutningen af afsnittet: ved 44:20 er emnet, hvorfor alle hos Magic Patterns taler med brugerne. Vi har tidligere skrevet om, hvorfor AI-virksomheder skal starte med kundens dyreste problem. Det samme gælder hjemmesiden: dens opgave er at tjene kunden, ikke at se pæn ud i et tomrum.

Konteksten adskiller resultatet fra det generiske

I afsnittets beskrivelse præsenteres Magic Patterns’ nye MagicOS-lærred. Her kan et team samle prompts, billeder, produktkrav og andet baggrundsmateriale og udforske idéer visuelt. Ved 11:23 handler det om at designe med kontekst på et lærred og ved 14:50 om, hvordan man får bedre resultater ud af AI-designværktøjer.

Jeg ser det som afsnittets vigtigste fingerpeg til en lille virksomhed. Giver du AI kun en generel forespørgsel, får du et generelt svar tilbage. Giver du den kundernes egne ord, rigtige produktbilleder, prislisten, virksomhedens stemme og et eksempel på en side, I ikke vil have, begynder resultatet at ligne netop jeres virksomhed. Samme princip går igen i andet AI-arbejde: en AI-agent har brug for en arbejdsgang, man kan stole på, og et designværktøj har brug for godt baggrundsmateriale.

Hvordan genkender man en vibe coded side?

I afsnittets anden halvdel gennemgås fire startups’ hjemmesider: Ego, Sentient OS, Cerenovus og Slashy. Ifølge beskrivelsen er målet at finde ud af, hvad der får en side til at føles vibe coded, altså hurtigt sat sammen med prompts, hvor stiftere går galt i byen, og hvordan AI-skabt design kan føles mere gennemtænkt. Detaljerne i gennemgangene er værd at se i selve videoen.

Din egen side kan du dog allerede nu tjekke med et par spørgsmål. Jeg vil foreslå disse:

• Kunne forsidens overskrift flyttes over på konkurrentens side, uden at nogen opdager det?
• Viser siden noget, som kun I har: et rigtigt produkt, rigtige mennesker, en rigtig kundehistorie?
• Fortæller det første skærmbillede, hvem tjenesten er til, og hvad den besøgende skal gøre som det næste?
• Har hver sektion en opgave, eller er den kun med, fordi værktøjet foreslog den?

Hastighed og kvalitet udelukker ikke hinanden

Ved 43:33 handler det om, hvordan man udvikler en bedre designsans, og ved 45:07 om at balancere hastighed og designkvalitet. Begge dele rammer en lille virksomheds hverdag. Når et udkast tager få minutter, frigøres der tid til at træffe valg. Vi har tidligere skrevet, at den sparede tid skal have et formål. For en hjemmeside betyder det, at den vundne tid bruges på at finpudse indholdet, billederne og kundens vej gennem siden.

I praksis ville jeg lade AI lave flere alternativer, vise dem til nogle kunder og spørge, hvilket af dem der efter deres mening lyder mest som os. Jeg ville også bede dem fortælle med egne ord, hvad virksomheden laver. Deres ord er ofte bedre materiale til en overskrift end nogen færdig skabelon.

Hvad bør iværksætteren gøre nu?

En AI-designet hjemmeside er et godt udgangspunkt, når du giver den dit eget materiale og vurderer den med kundens øjne. Saml inden næste fornyelse kundefeedback, rigtige billeder og tre hjemmesider, du kan lide eller ikke kan lide, i én mappe. Giv dem til værktøjet som baggrund, og tjek resultatet med spørgsmålene ovenfor.

Ifølge beskrivelsen slutter afsnittet med en samtale om fremtiden for design og for Magic Patterns. For en iværksætter er den vigtigste konklusion allerede klar: når alle har de samme værktøjer, opstår forskellen af det, man fodrer dem med, og af hvem der godkender resultatet.

▶

Se det oprindelige afsnit på YouTube: Y Combinator.

Kilder

• Y Combinator: How To Stand Out In A World Of AI Designs (Design Review) — Kilde: YC’s afsnitsbeskrivelse og tidsstemplede program, ikke en gennemgået transskription.
• Magic Patterns — Værktøjets hjemmeside.