Galerija radova i portfolio na sajtu: kako pokazati šta radite

Stolar, arhitekta, fotograf, građevinska firma ili salon lepote imaju nešto zajedničko: kupac želi da vidi šta su do sada uradili pre nego što pošalje upit. Zato je galerija radova i portfolio često najposećeniji deo sajta posle početne stranice. Ipak, na mnogim sajtovima galerija je samo gomila fotografija bez reda, opisa i konteksta, koja se sporo učitava na telefonu. U ovom tekstu prolazimo kroz izbor projekata, opise, ponašanje uvećanog prikaza, brzinu slika i stranice pojedinačnih projekata.

Manje, ali bolje: kako izabrati radove

Najčešća greška je objaviti sve što postoji. Posetilac ne pregleda dvesta fotografija; pregleda prvih desetak i na osnovu njih stvara utisak. Ako je među njima slaba fotografija ili posao kojim niste zadovoljni, ona povlači ceo utisak nadole. Pri izboru se pitajte:

• Da li ovaj rad predstavlja posao koji želite da dobijate? Ako želite veće projekte, prikažite veće projekte, čak i ako ih je manje.
• Da li fotografija pokazuje kvalitet? Mutna slika sa telefona u lošem svetlu može da ošteti i odličan posao.
• Da li postoji raznolikost? Različiti stilovi, veličine i vrste radova pomažu da se posetilac prepozna.
• Da li je rad aktuelan? Radove stare desetak godina zadržite samo ako i danas izgledaju dobro.

Dobro pravilo je da galerija ima jasan početak sa najjačim radovima, a da se ostatak otkriva postepeno, kroz filtere ili dugme za učitavanje još radova. Ako nemate dobre fotografije, uložite u fotografisanje pre nego u novu galeriju; o tome pišemo u tekstu fotografije za sajt: stock ili sopstvene.

Opisi i kategorije: kontekst prodaje

Fotografija bez opisa pokazuje kako nešto izgleda, ali ne i šta ste zapravo uradili. Kratak natpis ispod rada daje kontekst: vrstu posla, lokaciju, materijal, obim ili trajanje. Na primer, „Kuhinja po meri, hrastov furnir, Novi Sad“ govori mnogo više od „Projekat 14“. Opis istovremeno pomaže pretraživačima da razumeju sadržaj, jer Google ne vidi sliku kao čovek.

Kada radova ima više od dvadesetak, uvedite kategorije koje odgovaraju načinu na koji kupci razmišljaju, a ne vašoj internoj podeli. Kupac traži „kupatila“ ili „poslovne prostore“, ne „projekte 2024“. Filteri treba da rade bez ponovnog učitavanja cele stranice i da jasno pokažu koja je kategorija izabrana.

Lightbox i uvećan prikaz bez frustracije

Lightbox je prozor koji se otvara preko stranice kada se klikne na sliku i prikazuje je u većem formatu. Dobro urađen, olakšava pregled. Loše urađen, zarobi posetioca. Proverite sledeće:

• Prozor se zatvara klikom na X, klikom van slike i tasterom Escape.
• Na telefonu radi prevlačenje levo i desno, a dugme za zatvaranje je dovoljno veliko i uvek vidljivo.
• Strelicama na tastaturi može se prelaziti na sledeću i prethodnu sliku.
• Fokus tastature ostaje u prozoru dok je otvoren i vraća se na sliku posle zatvaranja.
• Natpis rada vidi se i u uvećanom prikazu.
• Dugme „nazad“ u pregledaču ne izbacuje posetioca sa cele stranice.

Na telefonu lightbox često nije ni potreban: slika ionako zauzima širinu ekrana. Tu je bolje da klik vodi na stranicu projekta. Više o tastaturi i čitačima ekrana u tekstu pristupačnost sajta: WCAG osnove.

Brzina: galerija ne sme da zakoči sajt

Galerije su najčešći razlog sporih stranica, jer sadrže mnogo velikih fotografija. Fotografija iz aparata ima nekoliko megabajta, a za prikaz u mreži dovoljna je sličica od nekoliko desetina kilobajta. Osnovna pravila:

1. Pravite više veličina iste slike: malu za mrežu, veću za lightbox, i pustite pregledač da izabere pomoću atributa srcset.
2. Koristite moderne formate poput WebP ili AVIF, uz rezervni JPEG gde je potrebno.
3. Uključite odloženo učitavanje (loading="lazy") za slike ispod prvog ekrana, ali ne i za prvu, glavnu sliku.
4. Navedite širinu i visinu slike da se raspored ne pomera tokom učitavanja.
5. Ne učitavajte stotine slika odjednom; prikažite prvih dvanaest do dvadeset i ponudite dugme za još.

Detaljan postupak opisali smo u tekstu optimizacija slika za sajt: WebP i lazy load. Posle izmena izmerite stranicu galerije posebno, jer je ona često sporija od početne.

Stranice projekata umesto jedne velike galerije

Za firme kojima je svaki posao drugačiji, poput arhitekata, građevinara ili agencija, jedna galerija nije dovoljna. Bolje je da svaki važniji projekat ima sopstvenu stranicu sa svojom adresom. Takva stranica može da sadrži:

• kratak opis zadatka: šta je klijent tražio i sa kojim ograničenjima;
• šta ste uradili i kojim redosledom;
• nekoliko odabranih fotografija, po mogućstvu i pre i posle;
• osnovne podatke: lokaciju, trajanje, materijale ili obim, ako to smete da objavite;
• link ka srodnoj usluzi i poziv na upit.

Stranica projekta ima šansu da se pojavi u pretrazi za konkretne upite, može se poslati potencijalnom klijentu kao primer i prirodno vodi ka stranici usluge. Ako uz projekat imate i stvarnu izjavu klijenta, uz njegovu dozvolu, ona dobija na težini; više u tekstu utisci klijenata i studije slučaja. Ne izmišljajte rezultate i ne objavljujte radove za koje nemate pravo prikaza.

Kontrolna lista pre objave galerije

1. Izabrani su najbolji i reprezentativni radovi, a slabi su uklonjeni.
2. Svaki rad ima natpis i smislen alt tekst.
3. Kategorije odgovaraju jeziku kupaca.
4. Lightbox radi mišem, tastaturom i prstom.
5. Slike su u više veličina i modernom formatu, sa odloženim učitavanjem.
6. Stranica je proverena na sporijoj mobilnoj vezi.
7. Posle galerije postoji jasan sledeći korak: upit, poziv ili stranica usluge.

Dobra galerija ne mora da bude velika; mora da bude izabrana, opisana i brza. Ako želite da zajedno složimo portfolio koji pokazuje vaš najbolji rad i vodi ka upitu, pošaljite nam upit.