Sådan bygger du en fotografiwebsite: gallerier, kundegodkendelse og bookinger

Et fotografiwebsite har én opgave: få de rigtige personer til at ville booke dig. Det betyder et par nøje udvalgte gallerier, der indlæses hurtigt på en telefon, en klar idé om, hvad du tilbyder, og cirka hvad det koster, og en henvendelsesformular, der fanger den dato og de oplysninger, du skal bruge for at svare. Alt andet — kundegodkendelse, online booking, printsalg — er valgfrit og bør kun tilføjes, hvis det sparer dig for reelt arbejde. En AI-app-builder kan lave første version ud fra et enkelt afsnit; indsatsen går til at kuratere billeder og få billedindlæsningen rigtig.

Hvad sitet har brug for

Sider

• Forside: ét stærkt billede eller en kort sekvens, en linje om hvad du fotograferer og hvor, og en knap til at henvende sig.
• Gallerier: grupperet efter det arbejde, du gerne vil have mere af — bryllupper, portrætter, produkter, arkitektur. Tre gallerier med 15–30 billeder slår ti gallerier med 200.
• Om: et billede af dig, hvordan du arbejder, hvor du rejser hen.
• Ydelser og priser: pakker eller „fra“-priser. At skjule priserne helt giver typisk henvendelser, du ikke kan tage imod.
• Henvendelse eller booking: formularen, der gør besøgende til kunder.
• Valgfrit: en journal eller blog for hele shoots (godt til søgning), anbefalinger, du rent faktisk har modtaget, og private kundegallerier.

Data

En ren portfolio kan være statisk — billeder og tekst i koden, ingen database. Du har brug for en database, når du tilføjer nogen af disse:

At gemme bredde og højde for hvert billede lader siden reservere plads, før billedet kommer, hvilket forhindrer layoutet i at hoppe rundt, mens det indlæses.

Rettigheder

Besøgende ser kun offentlige gallerier. Kunder ser deres eget private galleri og intet andet. Du, ejeren, ser alt plus henvendelsesindbakken. Hvis du aldrig planlægger private gallerier, behøver du kun et login til dig selv.

Beslutninger og afvejninger

Statisk site eller app med database

Hvis du opdaterer dine gallerier et par gange om året, er et statisk site enklest: du beder AI'en om at udskifte billeder og publicere igen. Hvis du tilføjer shoots hver uge, eller vil have, at kunder skal have gallerier, så byg et lille admin-område, hvor du uploader billeder og arrangerer gallerier uden at røre koden.

Hvor billederne ligger

Billeder er det tungeste på sitet. Muligheder, fra enkleste til mest fleksible:

1. I selve projektet. Fint til nogle få dusin optimerede billeder på et statisk site.
2. Din apps filopbevaring. Uploadet via en admin-side, serveret fra lageret. Hold øje med størrelsen: lagring faktureres typisk efter volumen.
3. En dedikeret billedtjeneste eller CDN der ændrer størrelse på farten. Det er umagen værd ved store arkiver.

Uanset hvad du vælger, så gem dine originaler et andet sted. Websitet er et butiksvindue, ikke en backup.

Layout

Gitter, masonry, fuldskærms-slideshow eller en enkelt lodret kolonne. Masonry smigrer blandede portræt- og landskabsbilleder; en enkelt kolonne fungerer bedst på telefoner og til fortælling. Vælg én pr. galleri, og hold billedtekster korte.

Henvendelsesformular eller booking i realtid

De fleste fotografer klarer sig bedst med en henvendelsesformular: datoer, lokationer og pakker kræver typisk en samtale. Online booking med faste tidsslots giver mening til korte, gentagelige sessioner — headshots, mini-sessioner, portrætter af kæledyr. Guiden om bookingapps dækker tidsslots og depositum.

En første prompt, der virker

Byg et fotografiwebsite for Lena Ortiz, bryllups- og portrætfotograf baseret i Lissabon, der rejser rundt i Portugal. Sider: forside med et fuldbredde hero-billede og en knap „Tjek din dato“; tre gallerier (Bryllupper, Par, Portrætter) i et masonry-gitter med lightbox; om; pakker med „fra“-priser (Elopement fra €1.200, Hel dag fra €2.800, Portrætsession fra €250); og en henvendelsesformular, der spørger om navne, e-mail, dato, sted eller lokation, antal gæster og en besked. Gem henvendelser i en database og vis dem på en privat admin-side med en status (ny, besvaret, booket, afslået). Serv hvert billede i flere størrelser som WebP med lazy loading og reserverede dimensioner, så siden ikke hopper. Roligt, redaktionelt design med masser af luft og en serif-overskriftsskrifttype. Mobile-first.

Prompten sætter publikum, galleriere, priserne, formularfelterne og — vigtigst — billedindlæsningsreglerne, som en AI ikke altid anvender, medmindre du beder om det.

Byggetrin

1. Vælg billederne først. Vælg gallerierne og de 15–30 billeder til hvert, før du bygger noget. Det er det sværeste og mest værdifulde trin.
2. Generér sitet med en prompt som ovenfor, og gennemgå det i en forhåndsvisning i telefonstørrelse.
3. Ret billedindlæsningen. Tjek at billeder har ny størrelse, lazy-loades og ikke flytter layoutet. Se sådan gør du dit website hurtigere.
4. Forbind henvendelsesformularen til en database og til en e-mailnotifikation via din egen e-mailudbyder, så du hører om henvendelser hurtigt.
5. Beskyt admin-siden med et login, før rigtige henvendelser begynder at komme.
6. Tilføj alt-tekst og sidetitler. Beskriv hvert billede kort („bruden og brudgommen går langs klippestien ved solnedgang“), og giv hver galleriside sin egen titel og beskrivelse.
7. Private kundegallerier, hvis du har brug for dem: svære at gætte links, valgfri adgangskode, udløbsdato og en downloadknap, der kun vises, når du tillader det.
8. Publicér, forbind dit domæne, og send linket til to tidligere kunder for at få dem til at tjekke det på deres telefoner.

Almindelige fejl

• At uploade kameraoriginaler. En fil på 20 MB pr. billede får sitet til at føles ødelagt på mobildata.
• For mange billeder. Besøgende dømmer dig ud fra dit svageste billede. Skær hårdt.
• Ingen priser overhovedet. Du bruger tid på at svare folk, der ikke har råd til dig.
• Blokering af højreklik og tunge vandmærker. De irriterer besøgende og stopper ikke nogen, der er fast besluttet. Del i stedet webstørrelse-filer og hold originalerne private.
• Private gallerier på gætbare URL'er som /gallery/smith-wedding. Brug lange tilfældige tokens.
• Manglende alt-tekst. Det skader tilgængeligheden og smider søgetrafik fra billedresultater væk.
• En kontaktformular, der fejler i stilhed. Send dig selv en testhenvendelse efter hver ændring af formularen.

Når et færdigt produkt er det bedre valg

Hvis dit primære behov er at levere store sæt billeder i fuld opløsning til kunder, med favoritter, godkendelse og printsalg, er en dedikeret kundegallerietjeneste bygget præcis til det, og det bliver mindre arbejde end at bygge din egen lagring, downloads og printproduktion. Websitebyggere med fotografi-skabeloner er også fine, hvis du vil have en simpel portfolio og er tilfreds med deres layouts.

Byg dit eget site, når du vil have et design, der er dit, et henvendelses- eller bookingflow, der matcher, hvordan du arbejder, eller et site, der forbinder med andre ting, du driver — et CRM, en shop, en mini-session-kalender. Mange fotografer gør begge dele: et skræddersyet website, der linker til en fotodelingstjeneste for selve gallerierne.

Byg det med Mythex

Med Mythex beskriver du sitet i chatten, ser det dukke op i en live forhåndsvisning og publicerer til en mythex.ai-adresse eller dit eget domæne (egne domæner er på Pro). Billeder, du uploader via en admin-side, går ind i projektets filopbevaring, som tilføjes, når appen har brug for uploads; Free-planen begrænser lagring til 1 GB, og gemte filer og downloads bruger din kreditsaldo, så behold webstørrelse-kopier i stedet for originaler. Henvendelser går ind i en Postgres-database, som agenten tilføjer, når du beder om at gemme dem. E-mailnotifikationer og kundelogins kobles til dine egne udbydere — Mythex sender ikke e-mails eller håndterer slutbrugerlogin for dig.

Som udgangspunkt, prøv fotoportfolio-skabelonen, masonry-fotogalleriet eller studie-fotositet-skabelonen, eller læs den bredere guide til portfolio-websites.

Spørgsmål