Kerntekst — AI Samenvattingen
Een zakelijke dienst rond AI-ondersteunde documentsamenvattingen presenteren met focus op vertrouwen, vaste prijzen en een glashelder werkproces.
Preview op desktop en mobiel
Wat je hierboven ziet is een echte screenshot van de live site op desktop — direct uit de browser, geen mock-up.
Echte mobiele rendering — knoppen worden duim-vriendelijk, blokken stapelen verticaal, lettergrootte schaalt mee.
De volledige pagina in één beeld
Zo ziet de hele site eruit als je 'm helemaal naar beneden scrolt — alle secties, in volgorde.
Wat betekent dit eigenlijk?
Voor als je geen developer bent — hier is wat we deden, zonder jargon.
Een zakelijke AI-dienst presenteren met focus op vertrouwen, vaste prijzen en een glashelder werkproces — geen vage marketing-praat.
- Op mobiel staat de upload-knop direct in beeld — bezoekers kunnen vanaf hun telefoon een document insturen.
- Document-upload via versleutelde verbinding; bestanden worden na verwerking automatisch gewist.
- De landing is volledig statisch (SSG): laadt in onder de 1 seconde, ook bij een spike in verkeer.
- Schema-markup voor 'Service' + 'Offer'; rich snippet met levertijd en prijs in zoekresultaten.
Engineering write-up
// hoe deze site technisch in elkaar zit
Een AI-product moet vertrouwen winnen vóór het iets samenvat. Daarom staat de prijs (vast, geen credits) bovenaan, gevolgd door een 'wat je krijgt'-tabel die het verschil met ChatGPT-out-of-the-box duidelijk maakt.
De upload-flow doet de zware verwerking pas ná betaling. De file gaat eerst naar private Supabase Storage met een signed URL; pas na webhook-bevestiging van Stripe vuren we de AI-pijplijn af via Lovable AI Gateway.
Privacy is technisch gemaakt, niet alleen beloofd: documenten worden 24u na verwerking automatisch verwijderd via een pg_cron job; samenvatting blijft alleen in de mail naar de klant staan.
Stack en integraties
Routes en componenten
- /→ Pitch + vaste prijs + werkwijze
- /upload→ Document-upload + Stripe Checkout
- /werkwijze→ Stappen + levertijd
- /over→ Vertrouwen + privacy
<PitchHero /><UploadDropzone /><PriceCompare /><ProcessSteps /><TrustList /><StripeCheckoutBtn />src/ ├─ routes/ # file-based routing (TanStack) ├─ components/ # presentational + UI primitives ├─ lib/ # data, helpers, schema └─ styles.css # design tokens (oklch)
Conversie-flow
// pad van bezoeker → klant
- 01Bezoeker leest pitch + vaste prijs
- 02Upload document (drag & drop, server-side virus-scan)
- 03Stripe Checkout (hosted) → betaling
- 04Verwerking via AI Gateway → samenvatting per mail
Performance, toegankelijkheid en SEO
- WCAG 2.2 AA contrast op alle tekstniveaus
- Toetsenbord-volledige navigatie + zichtbare focus-rings
- Semantische landmarks (header/main/footer/nav)
- Alt-teksten op alle inhoudelijke afbeeldingen
- prefers-reduced-motion gerespecteerd
- Per-route <title> en meta description
- Open Graph + Twitter Card per pagina
- JSON-LD (LocalBusiness / Service / Product)
- Sitemap.xml + robots.txt
- Canonical tags + responsive viewport
Wat we bouwden
Doelgroep
Juristen, consultants en bedrijven die snel kerninformatie uit documenten willen.
Kernfeatures
- Document-upload-flow met vaste prijs
- 'Wat je krijgt'-vergelijking
- Werkwijze in heldere stappen
- Vertrouwens-USP's: levertijd, vertrouwelijkheid
Deliverables
- ›Volledige source in Git
- ›Vaste prijs + 7 dagen oplevering
- ›1 jaar hosting + SSL inbegrepen
- ›Gratis kleine wijzigingen 30 dagen
Brand kit
Visuele identiteit zoals die op de live site terugkomt — klik op een kleur om de hex-code te kopiëren.
Kleurpalet
Light modeTypografie
Stijl
"Minimalistisch, zakelijk en strak."
