Visualisering av agentisk markedsføring
Hvordan visualisere en agentisk AI-drevet markedsføringsmotor for eiendomsmeglere på en estetisk og interaktiv måte?
Kunstig intelligens representer for mange noe syntetisk og umenneskelig ved å gi svar og veilede med en tilsynelatende uendelig kognitiv evne, men teknologien har samtidig en nærmest organisk evne til å tilpasse seg som en ikke finner i tradisjonelle algoritmer. For en kunde i tech-feltet for eiendomsmeglere som tar i bruk agentisk AI for å kombinere ulike datakilder fra menneskelig aktivitet og spisse markedsføringen basert på modellens beslutninger, ble en levende visualisering av AI-kjernen svaret for å formidle produktkonseptet estetisk.
En sentral blobb i sentrum skulle representere AI-kjernen som systemet, som en hybrid av den syntetiske algoritmen som omfavner organisk menneskelig aktivitet og responderer på utvendig påvirking, samt styres fra innsiden mot best markedsføringseffekt. Utskytende sonder henter eksterne datapunkter (respons på annonser, sosiale medier, salg osv.) og returnerer til kjernen med data for analyse og utførelse av beslutninger sentralt basert på et helhetlig datagrunnlag.
Med Christoffer Lorang Dahl og Mari Høgberget Veggum fra det prestisjetunge byrået Anti på konsept og design, ble konseptet utviklet og revidert over flere runder med skisser, prototyping og idémøter.
Med teknisk utgangspunkt i at scenen skulle implementeres på en React-basert nettside, ble prototypen bygget naturligvis i React med ThreeJS for håndtering av 3D-scenen. Performance og ressurseffektivitet var viktig helt fra begynnelsen av (løsningen skulle tross alt på forsida av nettstedet), og det ble dermed gjort et par tekniske beslutninger på grunnlag av dette.
- Færrest mulig kalkulasjoner for geometri
- Færrest mulig kalkulasjoner for lyssetting
Der en vanligvis i en ressursrik situasjon vil benytte vertex shaders med noise-funksjoner og håndtere interagering mellom objektene, ble en relativt enkel vertex shader benyttet her med stort sett kun sine waves og enkle komputasjonelle funksjoner.
Utkast #1
På lik linje med geometrien ble håndtering av lys mest mulig laget på forhånd for å slippe tunge prosesser client-side. Irisering og lysbryting er særlig krevende kalkulasjoner, men er samtidig en såpass viktig del av de naturlige omgivelsene rundt oss at de heller ikke kan utelates. Vi har alle sett det før, i alt fra såpebobler til oljesøl. Fellesnevneren for irisering rundt oss er at dette ofte er syntetiske forbindelser, og dermed også passende for å visualisere noe så uorganisk som en AI-modell.
Sammen med et standard PBR (physically based rendering) materiale med høyt gjenskinn på blobbene, ble det lagt inn HDRI map for å eliminere ekstra kalkulasjoner knyttet til lyssetting og fargegradering, i tillegg til å raskt kunne justere mappet i Photoshop for å prøve ulike fargegraderinger. PBR er i utgangspunktet mer krevende enn basic materialer, men scenen ble underveis testet uten problem blant annet på en Fairphone 3 med Snapdragon 632 (som til sammenligning har dårligere benchmark scores for grafikk enn iPhone 6 fra 2014). WebGL-renderer ble benyttet, men støtte for WebGPU i ThreeJS og nettlesere ble godt forbedret i 2025 slik at overgangen til dette også ville gitt forbedret ytelse.
Utkast #2
Visualiseringen skulle gi et kvalitetsinntrykk og reflektere produktet, og den kunne da ikke virke impulsiv og ukontrollert. En AI-kjerne skal ta informerte beslutninger basert på et solid datagrunnlag, ikke respondere vilt på små variasjoner. Ulike "personligheter" for blobben ble dermed testet ut for å finne noe som best passet den ønskede estetikken og væremåten.
Med smart justering av uniformsene på shaderen kunne en maskere enkelheten av vertex shaderen og begynne å skimte auraen av "det levende" prosjektet hadde som mål å finne for kjernen. Hver blob som ble skutt ut fikk også egen seed for å gi dem egen personlighet og unngå lik bevegelse på alle, men samtidig slippe for mange komplekse kalkulasjoner og tung kodebase.
Den visuelle helheten av scenen ble forsterket ved å legge til en glorie og subtil bakgrunngradient som alle reagerte på endring av form og intensitet på blobben ved utskyting.
Resultatet er en mystisk organisk masse med selvsikkerheten og dynamikken som kreves av et agentisk verktøy for eiendomsmeglere, omkranset av en glorie med energien fra de menneskelige interaksjonene som står bak datasettet som samles inn.
Prototypen var i utgangspunktet en del av et større nettsideprosjekt for kunden, men ble lagt til side etter endring i det generelle konseptet. Eksperimentet gir likevel lærdom ved å vise hvordan en kan se helhetlig på abstrakte konsepter som en AI-kjerne og benytte kjente menneskelige konsepter og assosiasjoner for å visualisere disse på en estetisk og interaktiv måte.
Resultat