Guies

Com crear un lloc web de fotografia: galeries, validació de clients i reserves

Un lloc web de fotografia té una sola feina: fer que les persones adequades vulguin contractar-te. Això vol dir unes quantes galeries escollides amb cura que es carreguin ràpid en un mòbil, una idea clara del que ofereixes i aproximadament quant costa, i un formulari de consulta que capti la data i les dades que necessites per respondre. La resta —la validació amb clients, les reserves en línia, les vendes d'impressions— és opcional i només s'ha d'afegir si t'estalvia feina real. Un creador d'aplicacions amb IA pot produir la primera versió a partir d'un sol paràgraf; l'esforç va en la selecció de fotos i en fer que la càrrega d'imatges funcioni bé.

Què ha de tenir el lloc

Pàgines

  • Inici: una imatge forta o una seqüència curta, una descripció d'una línia de què fotografies i on, i un botó per fer una consulta.
  • Galeries: agrupades pel treball que vols aconseguir més: casaments, retrats, productes, arquitectura. Tres galeries de 15 a 30 fotos són millor que deu galeries de 200.
  • Sobre mi: una foto teva, com treballes i per on viatges.
  • Serveis i preus: paquets o preus «des de». Amagar els preus completament sol atreure consultes que no pots atendre.
  • Consulta o reserva: el formulari que converteix visitants en clients.
  • Opcional: un diari o blog per a sessions completes (bo per a la cerca), testimonis que hagis rebut de veritat, i galeries privades per a clients.

Dades

Un portfoli pur pot ser estàtic: fotos i text dins del codi, sense base de dades. Necessites una base de dades quan afegeixes algun d'aquests elements:

TaulaCamps clau
GaleriesTítol, slug, categoria, imatge de portada, ordre, pública o privada
FotosGaleria, clau del fitxer, amplada, alçada, text alternatiu, peu de foto, ordre
ConsultesNom, correu, tipus de sessió, data, ubicació, rang de pressupost, missatge, estat
Galeries de clientsNom del client, token d'accés o contrasenya, data de caducitat, descàrrega permesa sí/no

Guardar l'amplada i l'alçada de cada foto permet que la pàgina reservi l'espai abans que arribi la imatge, cosa que evita que el disseny salti mentre es carrega.

Permisos

Els visitants només veuen les galeries públiques. Els clients veuen la seva galeria privada i res més. Tu, com a propietari, ho veus tot més la safata d'entrada de consultes. Si mai no planifiques galeries privades, només et cal un inici de sessió per a tu.

Decisions i compromisos

Lloc estàtic o aplicació amb base de dades

Si actualitzes les galeries uns quants cops l'any, un lloc estàtic és el més simple: demanes a la IA que canviï les fotos i tornis a publicar. Si afegeixes sessions cada setmana, o vols que els clients tinguin galeries, construeix una petita àrea d'administració on puges fotos i ordenes les galeries sense tocar el codi.

On viuen les fotos

Les fotos són la cosa més pesada del lloc. Opcions, de la més simple a la més flexible:

  1. Dins del propi projecte. Bé per a unes quantes dotzenes d'imatges optimitzades en un lloc estàtic.
  2. L'emmagatzematge de fitxers de la teva aplicació. Pujades des d'una pàgina d'administració, servides des de l'emmagatzematge. Vigila la mida: l'emmagatzematge sol facturar-se pel volum.
  3. Un servei d'imatges dedicat o una CDN que redimensiona sobre la marxa. Val la pena per a arxius grans.

Sigui quina sigui l'opció, guarda els originals en un altre lloc. El lloc web és un aparador, no una còpia de seguretat.

Disposició

Quadrícula, maçonteria, presentació de pantalla completa o una sola columna vertical. La maçonteria afavoreix les fotos mixtes de vertical i horitzontal; una sola columna funciona millor en els telèfons i per explicar històries. Tria'n una per galeria i mantén els peus curts.

Formulari de consulta o reserva en temps real

La majoria de fotògrafs van millor amb un formulari de consulta: les dates, les ubicacions i els paquets solen necessitar una conversa. La reserva en línia amb franges fixes té sentit per a sessions curtes i repetibles —retrats de cap, mini-sessions, retrats de mascotes. La guia d'aplicacions de reserves explica les franges i les bestretes.

Un primer prompt que funciona

Crea un lloc web de fotografia per a Lena Ortiz, fotògrafa de casaments i retrats amb base a Lisboa que viatja per tot Portugal. Pàgines: inici amb una imatge de pantalla completa i un botó «Comprova la teva data»; tres galeries (Casaments, Parelles, Retrats) en una quadrícula de maçonteria amb un visor a pantalla completa; sobre mi; paquets amb preus «des de» (Escapada des de 1.200 €, Dia complet des de 2.800 €, Sessió de retrat des de 250 €); i un formulari de consulta que demani noms, correu, data, lloc o ubicació, nombre d'invitats i un missatge. Desa les consultes en una base de dades i mostra-les en una pàgina privada d'administració amb un estat (nova, respost, reservat, rebutjat). Serveix cada foto en diverses mides com a WebP amb càrrega diferida i dimensions reservades perquè la pàgina no salti. Disseny tranquil i editorial, amb molt espai en blanc i un tipus de lletra serif als títols. Primer el mòbil.

Aquest prompt defineix el públic, les galeries, els preus, els camps del formulari i, el que és més important, les regles de càrrega d'imatges, que una IA no sempre aplica si no li ho demanes.

Passos de construcció

  1. Tria primer les fotos. Escull les galeries i les 15 a 30 imatges de cada una abans de construir res. És el pas més difícil i el més valuós.
  2. Genera el lloc amb un prompt com l'anterior i després revisa'l en una vista prèvia de mida de telèfon.
  3. Corregeix la càrrega d'imatges. Comprova que les imatges estan redimensionades, carregades de manera diferida i no desplacen el disseny. Consulta com fer el teu lloc web més ràpid.
  4. Connecta el formulari de consulta a una base de dades i a una notificació per correu a través del teu propi proveïdor, perquè t'enteris de les consultes amb rapidesa.
  5. Protegeix la pàgina d'administració amb un inici de sessió abans que arribin consultes reals.
  6. Afegeix text alternatiu i títols de pàgina. Descriu breument cada foto («nuvis caminant per un camí de penya-segat al capvespre») i dona a cada pàgina de galeria el seu propi títol i descripció.
  7. Galeries privades per a clients, si les necessites: enllaços impossibles d'endevinar, contrasenya opcional, data de caducitat, i un botó de descàrrega que només aparegui quan ho permetis.
  8. Publica, connecta el teu domini i envia l'enllaç a dos clients anteriors perquè ho revisin al seu telèfon.

Errors habituals

  • Pujar originals de la càmera. Un fitxer de 20 MB per foto fa que el lloc sembli espatllat amb dades mòbils.
  • Massa fotos. Els visitants et jutgen per la teva imatge més feble. Retalla amb duresa.
  • Cap preu. Acabes responent a gent que no et pot pagar.
  • Bloquejar el clic dret i marques d'aigua pesades. Molesten els visitants i no aturen ningú decidit. Comparteix fitxers de mida web i mantén els originals privats.
  • Galeries privades amb adreces fàcils d'endevinar com /gallery/boda-garcia. Fes servir tokens llargs i aleatoris.
  • Text alternatiu que falta. Perjudica l'accessibilitat i desaprofita el trànsit de cerca des de les imatges.
  • Un formulari de contacte que falla en silenci. Envia't una consulta de prova després de cada canvi al formulari.

Quan és millor un producte ja fet

Si la teva necessitat principal és lliurar grans conjunts de fotos a resolució completa als clients, amb favorits, validació i vendes d'impressions, un servei de galeries per a clients està pensat exactament per a això i et donarà menys feina que construir el teu propi emmagatzematge, les descàrregues i la gestió d'impressions. Els constructors de llocs web amb plantilles de fotografia també són vàlids si vols un portfoli senzill i estàs content amb els seus dissenys.

Construeix el teu propi lloc quan vulguis un disseny que sigui teu, un flux de consulta o reserva que s'adapti a com treballes, o un lloc que s'enllaci amb altres coses que gestiones —un CRM, una botiga, un calendari de mini-sessions. Molts fotògrafs fan les dues coses: un lloc web propi que enllaça amb un servei d'entrega de fotos per a les galeries en si.

Construir-ho amb Mythex

Amb Mythex descrius el lloc en el xat, veus com apareix en una vista prèvia en directe i el publiques en una adreça mythex.ai o en el teu propi domini (els dominis personalitzats són al pla Pro). Les fotos que puges des d'una pàgina d'administració van a l'emmagatzematge de fitxers del projecte, que s'afegeix quan l'aplicació necessita pujades; el pla gratuït limita l'emmagatzematge a 1 GB, i els fitxers emmagatzemats i les descàrregues consumeixen el teu saldo de crèdits, així que mantingues còpies de mida web en lloc d'originals. Les consultes van a una base de dades Postgres que l'agent afegeix quan demanes que es desin. Les notificacions per correu i els inicis de sessió de client es connecten amb els teus propis proveïdors: Mythex no envia correus ni gestiona l'accés dels usuaris finals per a tu.

Per començar, prova les plantilles de portfoli de fotografia, galeria de fotos en maçonteria o lloc de estudi fotogràfic, o llegeix la guia més àmplia de llocs de portfoli.

Preguntes

Què ha d'incloure un lloc web de fotografia?

Un nombre reduït de galeries fortes agrupades pel tipus de treball que vols que et contractin, una pàgina «sobre mi» amb una foto real teva, preus clars o un preu de sortida, i un formulari de consulta que demani la data, la ubicació i el tipus de sessió.

Com evito que un lloc web de fotografia carregui lentament?

No serveixis mai l'original de la càmera. Redimensiona cada foto a unes quantes mides web, fes servir un format modern com WebP o AVIF, carrega les imatges de manera diferida quan són fora de la vista i deixa que el navegador triï la mida adequada per a la pantalla.

Puc donar als clients galeries privades?

Sí. La versió simple és una galeria no indexada darrere d'un enllaç llarg i aleatori. La versió més segura afegeix una contrasenya o un inici de sessió de client, guarda els fitxers en privat i serveix les descàrregues mitjançant enllaços que caduquen.

Hauria de construir el meu propi lloc o fer servir un servei d'allotjament de fotos?

Si el que necessites és lliurar milers d'imatges als clients amb vendes d'impressions i validació, un servei dedicat a l'entrega de fotos sol ser més barat i suposa menys feina. Construeix-lo tu mateix quan el que més importa és el propi lloc web —la teva marca, el teu flux de reserves, el teu contingut.

Mythex · Pricing · Crea qualsevol cosa amb IA · Plantilles de llocs web i aplicacions · Mythex comparat · Glossari de creació d’aplicacions amb IA · Eines gratuïtes per crear aplicacions amb IA · English

English አማርኛ العربية Български বাংলা Bosanski Č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 Nederlands ਪੰਜਾਬੀ 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 简体中文 繁體中文(香港) 繁體中文(台灣)