Prijzen: AI Studio voorbeelden

AI Studio kan alles bouwen, van een enkele landingspagina tot complete, meerpagina-webervaringen met formulieren, boekingsstromen en aangesloten domeinen. Omdat elke aanvraag verschilt in omvang, varieert het werk dat AI Studio uitvoert — het aantal prompts, redeneringsstappen, gegenereerde middelen en verbindingsacties — van project tot project.

Dit artikel legt uit hoe AI Studio-projecten zijn gestructureerd, wat er gebeurt tijdens een bouwsessie en wat de hoeveelheid werk beïnvloedt, met behulp van voorbeelden uit de praktijk.

INHOUDSOPGAVE

• Understanding AI Studio Build Sessions
• AI Studio Pricing Overview
• Yoga Lead-Capture Landing Page
• Image-Forward Editorial Fashion Landing Page
• 7-Page Travel Website with a CMS
• What Affects AI Studio Usage?
• Frequently Asked Questions

Begrijpen van AI Studio Bouwsessies

Een AI Studio-project bestaat uit een of meer conversatieturns waarin de AI plant, redeneert, inhoud en visuals genereert, een live preview weergeeft en ondersteunde acties uitvoert, zoals het verbinden van een formulier of kalender. Elke sessie wordt gemeten aan de hand van het uitgevoerde werk en niet alleen het aantal ingediende prompts.

Een typische bouwsessie kan omvatten:

• Jouw aanvraag begrijpen
• Vervolgvragen stellen wanneer de aanvraag breed is
• Een referentie-URL, screenshot of geüploade afbeeldingen gebruiken voor richting
• Enkele pagina- of meerpagina-structuur plannen
• Lay-out, tekst en visuals genereren
• Een live, bewerkbare preview renderen
• Bij elke wijziging een nieuwe versie maken
• Ondersteunde componenten verbinden, zoals formulieren en kalenders
• Publiceren naar een preview of aangepast domein

Complexere projecten — meer pagina's, meer verfijningen, verbonden componenten — vereisen over het algemeen meer verwerking dan een enkelpagina-draft.

AI Studio Prijsoverzicht

AI Studio werkt op een gebruiksgebaseerd model, dus de kosten van de sessie variëren op basis van de complexiteit van de aanvraag, het aantal uitgevoerde AI-operaties en eventuele gegenereerde activa of verbonden acties.

De kosten zijn niet eenvoudigweg gebaseerd op het aantal pagina's. Door AI gegenereerde afbeeldingen en andere media kunnen een grotere impact op het gebruik hebben. Bijvoorbeeld, een enkele afbeeldingrijke landingspagina kan duurder zijn dan een gestructureerde site van 7 pagina's met minder gegenereerde afbeeldingen.

Wil je je gebruik inschatten? Gebruik de AI Plan Calculator om te zien hoe jouw inbegrepen AI Studio-gebruik eruit ziet.

Opmerking: AI Studio is beschikbaar via Labs. Sessiedetails tonen zowel het uitgevoerde werk (turns, acties en outputs) als de totale sessiekosten.

Omdat de kosten gebaseerd zijn op het uitgevoerde werk in een sessie, schalen de totale kosten over het algemeen met:

• Aantal redeneer- en planningsstappen
• Aantal gegenereerde pagina's
• Inhoud- en tekstgeneratie
• Door AI gegenereerde afbeeldingen en andere media
• Referentie-URL of afbeeldinganalyse
• Verbonden formulieren en kalenders
• Iteratieve verfijningen en versiegeschiedenis
• Publicatie en configuratie van een aangepast domein

Yoga Lead-Capture Landingspagina

Dit voorbeeld toont aan hoe AI Studio een gepolijste landingspagina voor het vastleggen van leads bouwt vanuit een korte prompt — het genereren van afbeeldingen, een thematisch ontwerpsysteem en een gevalideerd leadformulier, en biedt vervolgens aan om het aan de CRM te koppelen.

Overzicht

AI Studio heeft een landingspagina voor yoga-vastlegging, “Sahaja,” gebouwd met een hero, voordelenrooster, lesstijlen, wekelijkse planning, instructeur-bio, getuigenissen en een gevalideerd leadformulier. Het was gethematiseerd met een saliegroene palet en Fraunces/Inter-typografie, en promptte de gebruiker om het formulier aan de CRM te koppelen.

Gebruikersverzoek

Maak een landingspagina om leads voor mijn yogalessen vast te leggen

De gegenereerde Sahaja yoga landingspagina met een “Vind je balans” hero en een call to action voor een gratis trial.

Hoe AI Studio de Taak Verwerkte

AI Studio:

• Gegenereerde zonsopgang yoga-afbeeldingen en het ontwerpsysteem parallel ingesteld
• De saliegroene ontwerpgegevens en Fraunces/Inter-lettertypen ingesteld
• Een gedeelde site header en de landingspagina (hero, voordelen, lesstijlen, schema, bio, getuigenissen) gebouwd
• Een gevalideerd lead-capture formulier (naam, e-mail, telefoon, lesinteresse, notities) met een successtatus gebouwd
• Gecontroleerd of de build schoon was
• De gebruiker gevraagd om het formulier aan de CRM te koppelen

De stappen van de bouwsessie — het genereren van afbeeldingen, het instellen van het ontwerpsysteem en het bouwen van de pagina en het leadformulier (14 tools gebruikt).

Wat Is Gebouwd

• Hero met zonsopgang yoga-afbeeldingen en een call to action voor een gratis trial
• Voordelenrooster en vier kenmerkende lesstijlen
• Wekelijks schema en instructeur-bio
• Studentgetuigenissen
• G gevalideerd lead-capture formulier (naam, e-mail, telefoon, lesinteresse, notities) met een successtatus
• Saliegroene palet met Fraunces/Inter-typografie

Sessiedetails

Afbeelding-vooruit Redactionele Mode Landingspagina

Dit voorbeeld laat zien hoe AI Studio een zeer ontworpen, animatie-rijke landingspagina bouwt vanuit een gedetailleerde prompt — het installeren van een afhankelijkheid, het genereren van een volledige set afbeeldingen, en het toepassen van aangepaste typografie en beweging.

Overzicht

AI Studio heeft een luxe redactionele mode-landingspagina, “Maison Noir,” gebouwd met een full-bleed parallax hero, afwisselende afbeelding/tekst verzamelsecties, een full-width masonrystijl en soepele hover-animaties — allemaal vanuit een enkele gedetailleerde prompt.

Gebruikersverzoek

Maak een visueel opvallende, afbeelding-vooruit landingspagina voor een modemerk. Full-bleed hero-afbeelding, gedurfde typografie, parallax scroll, afwisselende afbeelding/tekst secties, een full-width gallery grid, en soepele hover-animaties. Premium, redactionele uitstraling met genereuze witruimte en een coherente kleurenpalet.

De gegenereerde “The Art of Undressing the Dark” redactionele hero met parallax en Cormorant Garamond-displaytype.

Hoe AI Studio de Taak Verwerkte

AI Studio:

• Kies een Noir & Gold luxe richting met Cormorant display + Karla body-typografie

• Geïnstalleerd

  framer-motion  

  voor scroll- en hover-animaties

• De volledige set hero- en collectiebeelden in parallel gegenereerd
• Ontwerpgegevens ingesteld met de Noir & Gold-palet en redactionele typografie
• De pagina gebouwd — hero met parallax, afwisselende collectiesecties, gallery grid en footer
• De pagina-bestanden gemaakt en iteratief verfijnd

Wat Is Gebouwd

• Full-bleed parallax hero met scroll-gedreven afbeeldingsschaling en een vervagende kop
• Gedurfde Cormorant Garamond-displaytypografie gekoppeld aan Karla bodytekst

• Noir & Gold palet via semantische ontwerpgroepen in

  src/index.css  

• Drie afwisselende afbeelding/tekst collectiesecties met parallax afbeeldingsdreef en hover-zoom
• Full-width masonry gallery grid met hover-reveal captions en gestaggerde entree-animaties

Sessiedetails

7-Pagina Reiswebsite met een CMS

Dit voorbeeld toont AI Studio die een grotere, meerpagina site bouwt met bewerkbare inhoudscollecties, een contactformulier en gedeelde navigatie — het soort gestructureerd project dat de meeste planning en paginageneratie met zich meebrengt.

Overzicht

AI Studio heeft een complete 7-pagina website, “Bharat Voyages,” gebouwd voor een reisbedrijf in India — met gedeelde nav en footer, een CMS voor blogberichten en rondleidingen, responsief ontwerp, SEO-metadata en een contactformulier klaar om aan de CRM te koppelen.

Gebruikersverzoek

Bouw een 7-pagina website met een CMS voor een reisbedrijf in India. Home, Over, Diensten, Blog (CMS-collectie), Portfolio/Projecten (CMS-collectie), Prijzen en Contact (met formulier). Gedeelde nav en footer, responsief ontwerp, bewerkbare inhoudscollecties voor blogberichten en projecten, en SEO-vriendelijke structuur.

De gegenereerde startpagina van Bharat Voyages met gedeelde nav, hero en statistiekenband — plus de “Koppel aan CRM” prompt voor het contactformulier.

Hoe AI Studio de Taak Verwerkte

AI Studio:

• Een 7-pagina structuur met gedeelde navigatie en footer gepland
• Inhoud en beelden over de pagina's gegenereerd
• Bewerkbare CMS-inhoudscollecties voor blogberichten en rondleidingen gebouwd
• Responsief ontwerp en SEO-metadata toegepast
• Een contactformulier gebouwd en gevraagd om het aan de CRM te koppelen

Pagina's Gecreëerd

Sessiedetails

Wat Beïnvloedt AI Studio Gebruik?

AI Studio-gebruik is gebaseerd op het uitgevoerde werk tijdens een sessie in plaats van alleen het aantal prompts. Sessies worden meer resource-intensief als extra redeneer-, generatie- of verbindingsacties vereist zijn. Factoren die het totale werk verhogen zijn:

• Meerpagina-structuren en grotere projecten
• Vervolgvragen en meerdere verfijningen
• Door AI gegenereerde afbeeldingen en andere media
• Referentie-URL en afbeeldinganalyse
• Verbonden formulieren en kalenders
• Aangepaste domeinconfiguratie en publicatie
• Versiegeschiedenis van herhaalde wijzigingen

Op basis van de bovenstaande voorbeelden:

• Door AI-gegenereerde afbeeldingen zijn vaak de grootste enkele drijfveer — afbeeldingrijke pagina's kunnen meer kosten dan sites met meer pagina's maar minder gegenereerde media.
• Het aantal pagina's alleen is geen betrouwbare voorspeller voor kosten; een gestructureerde 7-pagina site kan minder kosten dan een enkele afbeelding-rijke landingspagina.
• Tekst, lay-out en CMS-structuur vereisen over het algemeen minder verwerking dan het genereren van visuals.

Veelgestelde Vragen

V: Hoeveel kost AI Studio?

AI Studio gebruikt gebruiksgebaseerde prijzen, dus de kosten zijn afhankelijk van het uitgevoerde werk in elke sessie.

V: Doet elke prompt dezelfde hoeveelheid werk?

Nee. Het werk varieert met de complexiteit van de aanvraag — het aantal pagina's, verfijningen, gegenereerde activa en betrokken verbindingsacties.

V: Vereist afbeeldingsgeneratie meer werk dan tekst?

Over het algemeen, ja. Het genereren van afbeeldingen of andere visuele activa vereist doorgaans meer verwerking dan alleen het genereren van tekst.

V: Zijn formulieren en kalenders automatisch verbonden?

Nee. AI Studio bouwt eerst de lay-out van het formulier of de boeking, en verbindt deze dan nadat je het vraagt of op Koppel klikt. Indienen en boeken gaan pas naar jouw account na die stap.

V: Kan AI Studio een site exact reproduceren vanaf een URL?

Een referentie-URL of afbeelding moet worden behandeld als inspiratie voor structuur, lay-out en stijl in plaats van een exacte kopie één-op-één.