Gidsen

Een fotografiewebsite bouwen: galerijen, klantselectie en boekingen

Een fotografiewebsite heeft één taak: de juiste mensen laten willen dat ze je boeken. Dat betekent een paar zorgvuldig gekozen galerijen die snel laden op een telefoon, een duidelijk idee van wat je aanbiedt en ongeveer wat het kost, en een aanvraagformulier dat de datum en de gegevens vastlegt die je nodig hebt om te antwoorden. Al het andere — klantselectie, online boeken, verkoop van prints — is optioneel en moet alleen worden toegevoegd als het echt werk bespaart. Een AI-appbouwer kan de eerste versie maken uit één alinea; de moeite zit in het samenstellen van de foto's en het goed laten laden van afbeeldingen.

Wat de site nodig heeft

Pagina's

  • Home: één sterk beeld of een korte reeks, een zin over wat je fotografeert en waar, en een knop om een aanvraag te doen.
  • Galerijen: gegroepeerd naar het werk waar je meer van wilt — bruiloften, portretten, producten, architectuur. Drie galerijen van 15 tot 30 foto's werken beter dan tien galerijen van 200.
  • Over: een foto van jou, hoe je werkt, waar je reist.
  • Diensten en prijzen: pakketten of "vanaf"-prijzen. Prijzen helemaal verbergen levert meestal aanvragen op die je niet kunt aannemen.
  • Aanvraag of boeking: het formulier dat bezoekers in klanten verandert.
  • Optioneel: een journaal of blog over volledige shoots (goed voor zoekmachines), echte getuigenissen die je hebt ontvangen, en privégalerijen voor klanten.

Data

Een pure portfolio kan statisch zijn — foto's en tekst in de code, geen database. Je hebt een database nodig zodra je een van deze dingen toevoegt:

TabelBelangrijkste velden
GalerijenTitel, slug, categorie, omslagafbeelding, volgorde, openbaar of privé
Foto'sGalerij, bestandssleutel, breedte, hoogte, alt-tekst, bijschrift, volgorde
AanvragenNaam, e-mail, type opdracht, datum, locatie, budgetbereik, bericht, status
KlantgalerijenNaam van de klant, toegangstoken of wachtwoord, vervaldatum, download toegestaan ja/nee

Door de breedte en hoogte voor elke foto op te slaan, kan de pagina ruimte reserveren voordat de afbeelding binnenkomt, zodat de lay-out niet verspringt tijdens het laden.

Rechten

Bezoekers zien alleen openbare galerijen. Klanten zien hun eigen privégalerij en niets anders. Jij, als eigenaar, ziet alles plus de inbox met aanvragen. Als je nooit privégalerijen van plan bent, heb je alleen een login voor jezelf nodig.

Keuzes en afwegingen

Statische site of app met een database

Als je je galerijen een paar keer per jaar bijwerkt, is een statische site het eenvoudigst: je vraagt de AI om foto's te vervangen en opnieuw te publiceren. Als je elke week nieuwe shoots toevoegt, of wilt dat klanten galerijen hebben, bouw dan een klein beheergedeelte waar je foto's uploadt en galerijen indeelt zonder code aan te raken.

Waar de foto's staan

Foto's zijn het zwaarste onderdeel van de site. Opties, van eenvoudigst tot flexibelst:

  1. In het project zelf. Prima voor enkele tientallen geoptimaliseerde afbeeldingen op een statische site.
  2. De bestandsopslag van je app. Geüpload via een beheerpagina, geserveerd vanuit de opslag. Let op de omvang: opslag wordt meestal per volume gefactureerd.
  3. Een speciale beeldservice of CDN die on the fly verkleint. Dat is het waard voor grote archieven.

Wat je ook kiest, bewaar je originelen ergens anders. De website is een etalage, geen back-up.

Lay-out

Raster, masonry, diavoorstelling op volledig scherm of een enkele verticale kolom. Masonry past goed bij gemengde staande en liggende foto's; een enkele kolom werkt het best op telefoons en voor verhalen. Kies er één per galerij en houd bijschriften kort.

Aanvraagformulier of boeking in real time

De meeste fotografen doen het beter met een aanvraagformulier: data, locaties en pakketten vragen meestal om een gesprek. Online boeken met vaste tijdslots is zinvol voor korte, herhaalbare sessies — zakelijke portretten, minisessies, huisdierportretten. De gids over boekingsapps behandelt tijdslots en aanbetalingen.

Een eerste prompt die werkt

Bouw een fotografiewebsite voor Lena Ortiz, een bruiloft- en portretfotograaf uit Lissabon die door heel Portugal reist. Pagina's: home met een hero-afbeelding over de volle breedte en een knop "Controleer je datum"; drie galerijen (Bruiloften, Koppels, Portretten) in een masonry-raster met een lightbox; over; pakketten met "vanaf"-prijzen (Elopement vanaf €1.200, Volledige dag vanaf €2.800, Portretsessie vanaf €250); en een aanvraagformulier dat vraagt naar namen, e-mail, datum, locatie of trouwlocatie, aantal gasten en een bericht. Sla aanvragen op in een database en toon ze op een privé-beheerpagina met een status (nieuw, beantwoord, geboekt, afgewezen). Lever elke foto in meerdere formaten als WebP met lazy loading en vaste afmetingen, zodat de pagina niet verspringt. Rustig, redactioneel ontwerp met veel witruimte en een serif-koppen-lettertype. Mobile-first.

De prompt legt het publiek, de galerijen, de prijzen, de formuliervelden en — belangrijk — de regels voor het laden van afbeeldingen vast, die een AI niet altijd toepast tenzij je erom vraagt.

Bouwstappen

  1. Kies eerst de foto's. Kies de galerijen en de 15 tot 30 beelden voor elk voordat je iets bouwt. Dit is de moeilijkste en waardevolste stap.
  2. Genereer de site met een prompt zoals hierboven, en bekijk hem daarna in een voorbeeld op telefoonformaat.
  3. Los het laden van afbeeldingen op. Controleer dat afbeeldingen zijn verkleind, lazy geladen worden en de lay-out niet verschuiven. Zie hoe je je website sneller maakt.
  4. Koppel het aanvraagformulier aan een database en aan een e-mailmelding via je eigen e-mailprovider, zodat je snel hoort van aanvragen.
  5. Beveilig de beheerpagina met een login voordat echte aanvragen binnenkomen.
  6. Voeg alt-tekst en paginatitels toe. Beschrijf elke foto kort ("bruid en bruidegom die bij zonsondergang over een kliffpad lopen") en geef elke galerijpagina een eigen titel en beschrijving.
  7. Privégalerijen voor klanten, als je die nodig hebt: links die niet te raden zijn, optioneel wachtwoord, vervaldatum, en een downloadknop die alleen verschijnt als je dat toestaat.
  8. Publiceer, koppel je domein, en stuur de link naar twee oud-klanten om hem op hun telefoon te laten controleren.

Veelgemaakte fouten

  • Cameraoriginelen uploaden. Een bestand van 20 MB per foto laat de site op mobiele data kapot aanvoelen.
  • Te veel foto's. Bezoekers beoordelen je aan de hand van je zwakste beeld. Snoei hard.
  • Helemaal geen prijzen. Je besteedt tijd aan het antwoorden van mensen die je niet kunnen betalen.
  • Rechtermuisknop blokkeren en zware watermerken. Ze irriteren bezoekers en stoppen niemand die echt wil. Deel webformaten en houd originelen privé.
  • Privégalerijen op te raden URL's zoals /gallery/smith-wedding. Gebruik lange willekeurige tokens.
  • Ontbrekende alt-tekst. Het schaadt de toegankelijkheid en verspilt zoekverkeer via afbeeldingsresultaten.
  • Een contactformulier dat stilzwijgend mislukt. Stuur jezelf na elke wijziging aan het formulier een testaanvraag.

Wanneer een kant-en-klaar product de betere keuze is

Als je vooral grote sets volledige-resolutie-afbeeldingen aan klanten moet leveren, met favorieten, klantselectie en verkoop van prints, dan is een speciale klantgalerijdienst daarvoor gebouwd en kost het minder werk dan je eigen opslag, downloads en printafhandeling bouwen. Websitebouwers met fotografiesjablonen zijn ook prima als je een eenvoudige portfolio wilt en tevreden bent met hun lay-outs.

Bouw zelf je site als je een ontwerp wilt dat van jou is, een aanvraag- of boekingsstroom die past bij hoe je werkt, of een site die aansluit op andere dingen die je doet — een CRM, een winkel, een agenda voor minisessies. Veel fotografen doen beide: een eigen website die voor de galerijen zelf linkt naar een fotoleveringsdienst.

Bouwen met Mythex

In Mythex beschrijf je de site in de chat, zie je hem verschijnen in een live preview en publiceer je naar een mythex.ai-adres of je eigen domein (eigen domeinen zijn voor Pro). Foto's die je via een beheerpagina uploadt, gaan naar de bestandsopslag van het project, die wordt toegevoegd wanneer de app uploads nodig heeft; het gratis abonnement begrenst de opslag op 1 GB, en opgeslagen bestanden en downloads gaan van je creditsaldo af, dus houd webformaatkopieën in plaats van originelen. Aanvragen gaan in een Postgres-database die de agent toevoegt wanneer je vraagt ze op te slaan. E-mailmeldingen en klantlogins worden gekoppeld aan je eigen providers — Mythex verstuurt zelf geen e-mail en regelt geen login voor eindgebruikers.

Als startpunt kun je de sjablonen fotografieportfolio, masonry-fotogalerij of studio-fotosite proberen, of de bredere gids over portfoliowebsites lezen.

Veelgestelde vragen

Wat moet een fotografiewebsite bevatten?

Een klein aantal sterke galerijen, gegroepeerd naar het soort werk waarvoor je ingehuurd wilt worden, een over-pagina met een echte foto van jou, duidelijke prijzen of een startprijs, en een aanvraagformulier dat vraagt naar de datum, locatie en het type opdracht.

Hoe voorkom ik dat een fotografiewebsite traag laadt?

Lever nooit het originele cameraboestand. Verklein elke foto naar een paar webformaten, gebruik een modern formaat zoals WebP of AVIF, laad afbeeldingen onder de vouw pas later, en laat de browser het juiste formaat voor het scherm kiezen.

Kan ik klanten privégalerijen geven?

Ja. De eenvoudige versie is een niet-vermelde galerij achter een lange willekeurige link. De veiligere versie voegt een wachtwoord of klantlogin toe, slaat bestanden privé op, en levert downloads via links die verlopen.

Moet ik zelf bouwen of een fotohostingdienst gebruiken?

Als je vooral duizenden afbeeldingen naar klanten moet leveren, met verkoop van prints en klantselectie, dan is een speciale fotoleveringsdienst meestal goedkoper en minder werk. Bouw zelf wanneer de website zelf — je merk, je boekingsstroom, je content — het belangrijkst is.

Mythex · Pricing · Bouw alles met AI · Website- en app-templates · Mythex vergeleken · Woordenlijst voor apps bouwen met AI · Gratis tools voor apps bouwen met AI · English

English አማርኛ العربية Български বাংলা Bosanski Català Čeština Dansk Deutsch Ελληνικά Español Español (España) Eesti فارسی Suomi Français Français (Canada) ગુજરાતી हिन्दी Hrvatski Magyar Հայերեն Bahasa Indonesia Íslenska Italiano 日本語 ქართული Қазақ тілі ಕನ್ನಡ 한국어 Lietuvių Latviešu Македонски മലയാളം Монгол मराठी Bahasa Melayu မြန်မာ Norsk bokmål ਪੰਜਾਬੀ Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Srpski Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(香港) 繁體中文(台灣)