Vonti

Vonti voor developers · in de maak

Je klant wijst aan wat anders moet.Jij drukt op publiceren.

Een assistent die sites en apps voor je klanten ontwerpt, bouwt en online zet. In je eigen GitHub, op je eigen Vercel. Met alles eromheen in hetzelfde scherm: je klant die meekijkt, versies, je offertes en je betalingen.

Een kijkje in de editor zoals hij nu is. Nog volop in de maak.

Herkenbaar?

Het bouwen gaat snel. Alles eromheen niet.

Het is half elf. Je telefoon trilt. "Kan dat knopje op de tweede pagina iets groter? En die foto, die vind ik toch niks." Welk knopje? Welke foto? Je scrolt door een screenshot met een rode cirkel en gokt.

Ondertussen raken je credits in Bolt op aan kleine aanpassingen. Je offerte staat in Word, je factuur in een ander pakket, en de betaling moet je zelf najagen. En als de klant over drie maanden terugkomt, weet niemand meer waarom die knop groen is.

Vonti zet dat allemaal op één plek. Je klant geeft aan wat er anders moet, jij ziet het in je editor, je assistent past het aan en onthoudt waarom. Jij zet het live.

Zo werkt het

Van eerste ideetot betaalde factuur.

Zes stappen, allemaal in hetzelfde scherm. Wat je hieronder ziet zijn echte schermen uit de bouwer, met een demoproject: de webshop van een bloemist in Maastricht, gebouwd door een kleine webstudio. De assistent heet hier Lou.

01 · Start

Beschrijf de klus. Kies uit drie ontwerpen.

Je typt in een paar zinnen wat je klant wil en kiest wat het wordt: een website, een app of een lege HTML-site. De repo staat meteen op je eigen GitHub.

Nog voordat er één pagina gebouwd is, zie je drie echte ontwerprichtingen naast elkaar. Elk met een eigen palet en letterpaar. Past er één bijna? Laat hem aanpassen. Raak? Kies deze, en hij bouwt de hele site in die stijl.

  • Website op Next, app op React en Vite, of lege HTML
  • Drie richtingen met kleuren en lettertypes erbij
  • Foto’s uit vrije beeldbanken, met bronvermelding
  • Of begin vanuit je eigen sjabloon
agent.vonti.nl/studiosam
Drie ontwerprichtingen voor een bloemist naast elkaar: Atelier, Markt en Avond.
Drie ontwerprichtingen voor een bloemist naast elkaar: Atelier, Markt en Avond.Bekijk groot

02 · Bouwen

Praat, plan of pas het zelf aan.

Links de chat, rechts je site die meteen meeloopt. Zeg wat er anders moet en je ziet het in de preview gebeuren, op computer of telefoon.

Grote klus? Zet hem op Plan. Dan schrijft hij eerst een plan dat jij aanpast en goedkeurt, en pas daarna bouwt hij precies dat. Wil je alleen iets weten, kies Vraag: dan verandert er niets. En een tekst of kleur pas je zelf aan. Klik op Bewerk, klik in de preview, typ.

  • Bouwen, Plan en Vraag boven de chat
  • Verbeter maakt van een korte wens een volledige opdracht
  • Tag een bestand met @ en hij werkt precies daar
  • Bewerk: tekst direct aanpassen, kleur en grootte live in de preview
agent.vonti.nl/studiosam
De bouwer: links de chat met de assistent, rechts de preview van de webshop met de nieuwe kop.
De bouwer: links de chat met de assistent, rechts de preview van de webshop met de nieuwe kop.Bekijk groot

03 · Je klant kijkt mee

Je klant wijst zelf aan wat anders moet.

Met Deel met klant krijgt je klant een link naar de site zoals hij nu in je preview staat, ook wat je nog niet gepubliceerd hebt. Hij tikt op Wijs iets aan, klikt op de knop of foto die anders moet en typt erbij wat.

Bij jou komt een genummerd verzoek binnen, met de pagina en het stuk dat hij aanwees. Toon in preview zet er een rand omheen. Laat de assistent het doen zet het in de chat. Je klant ziet zelf hoe het ervoor staat. En zijn akkoord zet nooit iets live: dat blijft jouw knop.

  • Previewlink, gebouwd op je eigen Vercel
  • Verzoek met nummer, pagina en aangewezen stuk
  • Melding op je Home zodra er een binnenkomt
  • Je klant ziet de stand: ontvangen, in behandeling, afgerond
agent.vonti.nl/studiosam/deel/…
De deelpagina voor de klant: hij wijst de knop in de hero aan en typt zijn wijzigingsverzoek.
De deelpagina voor de klant: hij wijst de knop in de hero aan en typt zijn wijzigingsverzoek.Bekijk groot

04 · Versies

Elke stap terug te draaien.

Voor elke vraag die je stelt legt hij vast hoe het was. Viel het tegen? Ongedaan, en je bent terug. Onder Versies staan je laatste vragen en elke gepubliceerde versie van de site.

Terugzetten gebeurt eerst in de preview. Live gaat het pas als jij publiceert. Onder Wijzigingen zie je regel voor regel wat er anders is dan je live site.

  • Ongedaan per vraag
  • De laatste 25 gepubliceerde versies
  • Wijzigingen per regel, zoals in Git
agent.vonti.nl/studiosam
Versies: terug naar voor je laatste vragen, of een gepubliceerde versie terugzetten.
Versies: terug naar voor je laatste vragen, of een gepubliceerde versie terugzetten.Bekijk groot

05 · Publiceren

Eerst gecontroleerd. Dan live, op je eigen Vercel.

Druk je op Publiceren, dan kijkt hij eerst of er een sleutel in je code staat, een .env meegaat naar GitHub of een geheime waarde in de browser belandt. Hij let ook op achtergebleven sjabloontekst, plaatjes zonder alt-tekst en een ontbrekende titel of sitemap. Is er iets mis, dan laat je het hem oplossen.

Daarna gaat het naar je eigen GitHub, bouwt je eigen Vercel de site en zie je wanneer hij live staat. Mislukt de bouw, dan zie je de fout en laat je hem fixen. Eigen domein? Hij koppelt het aan je Vercel-project en laat zien welk DNS-record je bij je domeinbeheerder zet.

  • Controle op sleutels, .env en geheime variabelen
  • Ook alt-teksten, titel en sitemap
  • Bouwstatus van Vercel in beeld
  • Eigen domein met het juiste DNS-record
agent.vonti.nl/studiosam
Eerst dit oplossen: een geheime Stripe-sleutel in de code, met Laat de assistent het oplossen.
Eerst dit oplossen: een geheime Stripe-sleutel in de code, met Laat de assistent het oplossen.Bekijk groot

06 · Betaald

Van offerte tot betaald, in hetzelfde scherm.

Je klanten, offertes en facturen staan in Facto en je regelt ze vanuit je studio. Maak een offerte als concept, zet hem op akkoord zodra je klant ja zegt en maak er met één knop een factuur van. Versturen gaat als PDF met je eigen factuursjabloon.

Koppel je eigen Stripe en je maakt bij elke open factuur een betaallink. Betaalt je klant, dan zet hij de factuur in Facto op betaald. Het geld gaat rechtstreeks naar jou.

  • Klanten, offertes en facturen uit Facto
  • Offerte wordt met één knop een factuur
  • Factuur als PDF versturen, met je eigen sjabloon
  • Betaallink via je eigen Stripe
agent.vonti.nl/studiosam
Facturatie: offertes klaar om te factureren, openstaande facturen met betaallink en een concept om te versturen. Bedragen vervaagd.
Facturatie: offertes klaar om te factureren, openstaande facturen met betaallink en een concept om te versturen. Bedragen vervaagd.Bekijk groot

Door alles heen

Hij onthoudt de klant.Niet alleen de code.

Bolt en Lovable zijn sterk in bouwen. Wat ze je niet geven is een geheugen per klant, per website.

Elk project in Vonti heeft dat wel. De assistent schrijft er zelf in wat je klant wil, wat er eerder gevraagd is en waarom de site zo gebouwd is. Elke wijziging komt er met datum bij, elke publicatie ook. Jij hoeft nooit een notitie te typen.

Elk project heeft zijn eigen chats, en elke nieuwe chat leest eerst dat geheugen. Belt je klant over drie maanden, dan weet hij nog waarom die knop groen is.

agent.vonti.nl/studiosam
Het project met zijn eigen chats en het geheugen: wat de klant wil, besluiten en elke wijziging met datum.
Het project met zijn eigen chats en het geheugen: wat de klant wil, besluiten en elke wijziging met datum.Bekijk groot

Onder de motorkap

Alles wat er gebeurt, zie je ook.

Code en terminal staan voor iedereen open. Bouw je al jaren, dan voel je je meteen thuis. Nog nooit gebouwd? Je hoeft er niets mee, maar je ziet altijd wat hij doet.

Terminal en foutbalk

Een echte shell in je projectmap, de uitvoer van je server en je build. Gaat het compileren mis, dan staat de fout in een balk. Eén tik en hij lost hem op.

agent.vonti.nl/studiosam
Een compileerfout in de foutbalk met Laat de assistent fixen, en de terminal eronder.
Een compileerfout in de foutbalk met Laat de assistent fixen, en de terminal eronder.Bekijk groot

Je hele studio op één Home

Nieuw project, je projecten, facturatie, offertes, klanten en de verzoeken van je klanten. Alles één tik weg.

agent.vonti.nl/studiosam
Home van de studio: Nieuw project, Projecten, Facturatie en de tegels voor offertes, facturen, klanten en verzoeken.
Home van de studio: Nieuw project, Projecten, Facturatie en de tegels voor offertes, facturen, klanten en verzoeken.Bekijk groot
De bouwer op de telefoon: preview van de webshop met Publiceren en Deel met klant bovenin.

Ook op je telefoon.

Dezelfde bouwer, passend op je scherm. Een verzoek van je klant afhandelen in de trein kan gewoon.

Alles staat op jouw naam.

Je koppelt je eigen accounts. Stop je met Vonti, dan neem je alles mee. Geen lock-in, geen exportknop die net niet werkt.

  1. 01GitHubJe code, met elke versie bewaard.
  2. 02VercelWaar je sites draaien.
  3. 03FirebaseDe data van je apps. Dat project maak je zelf aan.
  4. 04StripeWaar je klanten jou betalen.
  5. 05Je domeinGewoon bij je eigen domeinbeheerder.

Hoe je betaalt

Je ziet precies waar elke credit heen gaat.

Je kent het. Je vraagt of een knop iets groter kan en ziet je credits wegsmelten, zonder te weten waaraan. Bij Vonti weet je na elke klus wat hij kostte. Zwart op wit, onder het antwoord.

Een maandbundel, en bijkopen als je wilt

Bij je abonnement hoort elke maand een vaste bundel credits. Druk maandje? Dan koop je er los bij, zonder een ander abonnement te nemen.

De prijs staat onder elk antwoord

Een klus kost wat hij echt kost. Een titel aanpassen kost weinig, een hele webshop meer. Na elke klus zie je meteen hoeveel credits eraf gingen, en in je overzicht staat per klus wat hij kostte en voor welk project.

Klein werk kost niets

Een tekst pas je zelf aan in de preview, zonder dat er een credit van af gaat. Kleur en grootte probeer je daar ook gratis uit; pas als je opslaat telt het als klus. Je saldo staat altijd in je editor, dus aan het eind van de maand schrik je nergens van.

Wat de bundels kosten staat op onze prijzenpagina.

Eerlijk is eerlijk

Het is nog niet af.

De editor werkt en we bouwen er elke dag aan. Prijzen liggen nog niet vast. We laten de eerste developers er in kleine groepen in, zodat we samen kunnen schaven aan wat jij mist.

Wat nog niet kan: inloggen met Vercel (je koppelt Vercel nu met een token) en plaatjes laten maken door de AI (hij zoekt nu vrije foto's). Staat er iets niet bij wat jij nodig hebt? Zet het bij je aanmelding.

Nog nooit een site gebouwd? Ook welkom. Geef het aan bij je aanmelding, dan zetten we de uitleg voor je klaar, stap voor stap.

Zet je naam op de lijst.

Je hoort van ons zodra je plek klaar is. Tot die tijd geen mailtjes vol beloftes.

Gratis en zonder verplichtingen. Je hoort van ons zodra je plek klaar is.