PROIECT PREZENTAT · CREARE SITE DE LA ZERO

Un site pentru un regizor și fotograf, în care imaginile vorbesc primele

Am creat site-ul sorinmihai.com pentru Sorin Mihai Nuță, regizor de film și fotograf din București, premiat pentru fotografiile sale auto și nominalizat pentru scurtmetrajul „Hildegard”. A fost un proiect la care țin în mod special, pentru că am lucrat cu un om creativ, care știa exact ce vrea, și am construit împreună un site cu o latură artistică reală.

Vezi site-ul live Solicită o ofertă Sună: 0799 560 470

Problema, soluția și ce s-a schimbat

Problema

Sorin avea videoclipuri regizate pentru artiști cunoscuți, un scurtmetraj selectat la festivaluri și sute de fotografii auto, de stradă și de portret, dar nu avea un loc al lui în care să le arate împreună. Lucrările lui erau împrăștiate pe YouTube, pe rețelele sociale și în articolele din presă.

Soluția

Am creat un site în limba engleză, pe fundal închis la culoare, cu portofoliul împărțit clar între regie și fotografie. Pe fiecare pagină, imaginile și clipurile apar primele, iar textul vine după ele, astfel încât vizitatorul vede mai întâi munca și apoi citește despre autor.

Schimbarea

Sorin are astăzi un portofoliu pe care îl poate trimite oricărui client, festival sau artist cu care vrea să lucreze, iar galeriile le actualizează singur. Pentru un om care își petrece zilele căutând cadrul perfect, contează mult ca propriul site să fie construit cu aceeași grijă.

PE ACEASTĂ PAGINĂ

Detalii din ofertă Prima pagină Galeriile foto Cronologia colaborării Ce am învățat Costul proiectului Întrebări frecvente

Proiectul pe scurt

Este un site de prezentare construit în jurul unui portofoliu artistic, nu în jurul unei liste de servicii. Am pornit de la o ofertă detaliată, am prezentat prima variantă după aproximativ o săptămână și am ajustat apoi site-ul pas cu pas, pe baza observațiilor lui Sorin.

Am lucrat la structură, design, logo, integrarea fotografiilor și a clipurilor, formularul de contact și mutarea site-ului pe domeniul clientului, iar la final i-am arătat lui Sorin cum își administrează singur galeriile.

ClientSorin Mihai Nuță, regizor de film și fotograf
LocațieBucurești, cu proiecte în toată Europa
DomeniuRegie de film, videoclipuri muzicale și fotografie
PublicBranduri, agenții, artiști și producători care caută un regizor sau un fotograf
Data creăriiAprilie 2024
LimbiEngleză
Tip proiectCreare site de la zero
PlatformăWordPress
Termen de execuțiePrima variantă în aproximativ o săptămână, varianta finală în aproximativ două luni
InvestițieAproximativ 780 €
PlatăÎn trei tranșe: avans și două plăți pe parcursul proiectului

CONTEXTUL AFACERII

Un regizor care fotografiază și un fotograf care gândește în cadre de film

Sorin a absolvit regia de film și televiziune la UNATC și a regizat videoclipuri pentru artiști precum Cargo, Anton și Flowrea. Scurtmetrajul lui, „Hildegard”, a fost nominalizat la Central European Film Festival 2023, iar în același an a câștigat premiul pentru cea mai bună imagine la concursul de fotografie auto organizat de BMW România.

Clienții lui sunt branduri auto, artiști și echipe de producție, adică oameni care judecă un regizor sau un fotograf după ce văd în primele secunde. Pentru ei, site-ul trebuia să funcționeze ca un showreel bine montat: un design atent, imagini clare și un drum simplu până la contact.

Am avut și eu, ani la rând, pasiunea fotografiei, așa că am privit fiecare imagine primită de la Sorin și cu ochii unui om care știe câtă răbdare se ascunde în spatele unui cadru reușit. Poate de aceea acest proiect mi-a plăcut atât de mult.

Întrebarea de la care am pornit

Cum construiești un site care pune în valoare fotografiile și filmele unui artist, fără ca designul să le fure atenția și fără să încetinească pagina?

sorinmihai.com

DECIZIILE IMPORTANTE

Trei alegeri care au dat forma site-ului

Fiecare decizie a pornit de la o întrebare simplă: ce ajută un vizitator să ajungă mai repede la lucrările lui Sorin? Am explicat de fiecare dată avantajele și limitele variantelor, iar alegerea finală i-a aparținut lui Sorin.

DETALII DIN OFERTĂ

O ofertă în care fiecare pagină avea timpul ei de lucru

Am trimis o ofertă cu propunerea de structură și stil, cu explicații despre găzduirea clipurilor și cu un tabel Excel în care fiecare pagină și fiecare modul aveau timpul de lucru estimat în minute. Sorin a analizat-o atent și a revenit cu câteva ajustări, iar oferta s-a schimbat odată cu ele.

Cea mai importantă schimbare a fost renunțarea la versiunea în limba română, pentru că publicul lui Sorin lucrează în engleză. Prețul a scăzut corespunzător, iar cerințele noi pentru fotografii au intrat în aceeași ofertă.

  • prețul se putea verifica rând cu rând, după timpul estimat pentru fiecare pagină;
  • modulele pentru GDPR, copii de siguranță, securitate, viteză și integrarea clipurilor au fost incluse de la început, toate cu licență;
  • mărirea fotografiilor la clic, textul afișat la trecerea mouse-ului și animațiile la derulare au intrat în prețul final;
  • paginile propuse pentru mai târziu, precum blogul, serviciile sau „Behind the scenes”, au rămas pentru momentul în care va exista material pentru ele;
  • optimizarea pentru Google și promovarea au rămas pentru după lansare, când obiectivele site-ului devin mai clare.

Dacă vrei să vezi cum arată astfel de propuneri, am adunat câteva exemple de oferte pentru site-uri și promovare.

Cum s-a schimbat oferta

Graficul arată valoarea ofertei înainte și după ajustări, rotunjită.

Prima ofertă · site în română și engleză

~ 850 €

Oferta finală · site doar în engleză, cu cerințele noi pentru fotografii

~ 780 €

Valori aproximative, din cele două variante ale ofertei trimise înainte de contract.

PRIMA PAGINĂ

Un showreel pe care îl poți derula

Cum funcționează

Pagina începe cu un slider pe toată lățimea ecranului, în care trei bannere prezintă serviciile de producție, regia și fotografia, iar pentru ele Sorin a pregătit imagini și un video special. Imediat dedesubt urmează cele patru categorii de fotografie, Automotive, Urban & Street, Portrait & Fashion și Landscape & Lifestyle, cu titlul scris direct pe imagine, într-o casetă transparentă.

Secțiunea „My filmmaking highlights” arată trei proiecte de regie, cu aceeași casetă și o animație de zoom pe imagine, iar pagina se încheie cu o prezentare scurtă a lui Sorin și butonul „Book a date with me”. Pe fiecare categorie și pe fiecare proiect se poate da clic direct pe imagine.

De ce contează pentru vizitator și pentru Sorin

Un vizitator care are doar câteva secunde vede de la început ambele direcții ale lui Sorin, regia și fotografia, și poate alege una dintre ele fără să caute în meniu. Pentru Sorin, prima pagină este o selecție a celor mai bune lucrări, pe care o poate schimba oricând își dorește.

GALERIILE FOTO ȘI VIDEO

Fotografii așezate cu spațiu în jurul lor

Cum funcționează

Fiecare categorie de fotografie are pagina ei, cu imaginile așezate pe trei coloane, cu spațiu între ele și față de marginea ecranului. La clic, fotografia se deschide mărită peste pagină, iar la derulare imaginile apar cu o animație ușoară, pe care Sorin a ales-o singur.

Portofoliul de regie are două pagini: „Projects”, cu videoclipurile muzicale, scurtmetrajul și filmările de prezentare, și „Showreel”, cu montajul care rezumă stilul lui Sorin. Previzualizările au un format mai înalt, pentru ca imaginea să nu mai fie tăiată pe verticală.

De ce contează pentru vizitator și pentru Sorin

Spațiul din jurul fotografiilor îl ajută pe vizitator să se oprească la fiecare imagine, ca într-o expoziție, nu să le parcurgă în grabă. Pentru Sorin, galeriile sunt ușor de completat, iar o fotografie nouă își găsește locul fără să strice așezarea paginii.

Portofoliul, în cifre

4

categorii de fotografie

80+

fotografii doar în galeria Automotive

7

proiecte în portofoliul de regie

1

showreel, pe o pagină dedicată

Numărătoare făcută pe site-ul live, la data publicării acestei pagini. Galeriile sunt actualizate de Sorin.

CE AM REALIZAT

Tot ce a intrat în proiect, pe categorii

Am abordat toate aspectele proiectului, de la ofertă și structură până la logo, imagini, formularul de contact și predarea site-ului, iar Sorin nu a trebuit să coordoneze mai mulți furnizori.

Identitate vizuală

  • logo-ul site-ului, într-o variantă albastră pentru antet și una galbenă pentru subsol, ajustat după observațiile lui Sorin;
  • o paletă de griuri foarte închise pe tot site-ul, inclusiv în antet și subsol, și o nuanță de gri pentru încărcarea imaginilor, în locul albastrului inițial.

Paginile About și Contact

  • pagina About, cu textul scris de Sorin, colaborările cu branduri și artiști, premiile și un slider cu imagini din filmul „Hildegard”, în format 16:9;
  • pagina de contact, refăcută fără texte inutile, cu un formular scurt care încape pe ecran fără derulare.

Partea tehnică

  • construcția pe un server de test, la care Sorin a avut acces, apoi mutarea pe domeniul lui și copia de siguranță;
  • verificarea trimiterii emailurilor din formular, împreună cu setările serverului de găzduire;
  • linkurile către rețelele sociale, subsolul cu harta site-ului și paginile pentru termeni, confidențialitate și cookie-uri;
  • adaptarea bannerelor și a casetelor de text pentru afișarea pe telefon.

Predare

  • explicații despre înlocuirea fotografiilor, ordinea din biblioteca media și optimizarea imaginilor înainte de încărcare.

CRONOLOGIA COLABORĂRII

De la prima variantă la ultimul detaliu

Site-ul a crescut prin încercări, cum se lucrează și la un film: o primă variantă, apoi ajustări succesive, până când fiecare pagină a arătat așa cum și-o imagina Sorin. Fiecare bulină de mai jos reprezintă o listă de observații, la care am răspuns cu o nouă variantă.

Înainte de contract · Oferta și structura

Am trimis oferta, am primit ajustările lui Sorin și am stabilit structura finală, doar în limba engleză.

Runde de observații: niciuna, etapă de planificare

Prima săptămână · Materialele și prima variantă

Sorin a trimis fotografiile pe categorii, linkurile către clipuri și articolele despre proiectele lui, iar eu am pregătit prima variantă, împreună cu logo-ul.

Runde de observații: ●

Următoarele săptămâni · Prima pagină, meniul și galeriile

Am ajustat mărimea fotografiilor, spațiile dintre ele, meniul și bannerele, iar textele au fost mutate sub imagini, pe toate paginile.

Runde de observații: ●●●●●

După mutarea pe domeniu · About, Contact și subsol

Sorin și-a organizat singur fotografiile în galerii, iar eu am refăcut paginile About și Contact, culorile de încărcare și subsolul.

Runde de observații: ●●●●●

Ultima etapă · Telefon, formular și lansare

Am verificat site-ul pe telefon, am reparat legăturile dintre butoane și pagini și am confirmat că mesajele din formular ajung în căsuța de email.

Runde de observații: ●

Numărul rundelor este aproximativ și a fost stabilit pe baza corespondenței din timpul proiectului. Pe lângă emailuri, am discutat la telefon și în întâlniri video.

CE AM ÎNVĂȚAT DIN ACEST PROIECT

Un ochi de fotograf vede fiecare pixel. Și site-ul trebuie să țină pasul.

Sorin a privit site-ul cu aceeași atenție cu care își alege cadrele: a observat compresia unei imagini, un banner mai mare decât celelalte sau o casetă de text așezată cu câțiva pixeli mai sus pe telefon. Un astfel de client ridică nivelul întregului proiect, pentru că nu se mulțumește cu „aproape bine”.

Pe un site, însă, fiecare detaliu vizual are și un efect asupra vitezei, a afișării pe ecrane diferite sau a întreținerii. Rolul meu a fost să explic aceste efecte, iar deciziile le-am luat împreună.

1. Calitate fără fișiere uriașe

Un fotograf vrea ca imaginile să arate impecabil și la mărire, dar fișierele foarte mari încetinesc pagina, iar copiile de siguranță devin mai greu de făcut și mai scumpe, pe măsură ce site-ul crește.

  • am recomandat un instrument gratuit de optimizare, care reduce mărimea fișierelor cu aproximativ 40–50%, fără o diferență vizibilă;
  • Sorin a redimensionat fotografiile la aproximativ 2K și a păstrat la mărime mare doar câteva imagini-cheie.

Ce poți aplica: pregătește fotografiile pentru dimensiunea la care vor fi afișate, nu la cea a fișierului original, iar originalele păstrează-le separat. Dacă vrei să înțelegi mai bine cum influențează imaginile viteza site-ului, merită să începi de aici.

2. Fotografii gândite pentru banner

O fotografie excelentă nu este întotdeauna potrivită pentru un banner, mai ales dacă peste ea trebuie așezat un text. Pe telefon, același banner este decupat diferit, iar subiectul poate ajunge sub text.

  • am recomandat imagini orizontale, cu subiectul așezat la o treime de marginea cadrului, ca textul să aibă loc în zona liberă;
  • am adaptat bannerele și casetele de text pentru telefon, iar Sorin le poate repoziționa după ce schimbă imaginea.

Ce poți aplica: dacă pregătești o ședință foto pentru site, întreabă web designerul înainte unde va fi așezat textul și cum va fi decupată imaginea pe telefon.

3. Designul se găsește prin încercări

Mărimea fotografiilor de pe prima pagină a trecut prin mai multe variante: la început erau prea mari, apoi prea mici, iar varianta finală a ieșit undeva la mijloc. Este firesc, pentru că un design se judecă mai bine pe ecran decât în descriere.

  • am pregătit variante alternative, notate V1 și V2, pentru secțiunile importante;
  • Sorin a trimis capturi de ecran cu zona exactă la care se referea, ceea ce a scurtat mult discuțiile.

Ce poți aplica: când trimiți observații despre design, adaugă o captură de ecran și spune pe ce dispozitiv ai văzut problema, pentru că o imagine arată mai exact decât o descriere.

4. Recomandări sincere, decizii comune

Nu execut doar o listă de cerințe. Analizez afacerea, identific ce poate aduce rezultate și recomand clar ce merită făcut și ce nu.

Am propus, de exemplu, eliminarea secțiunii cu fotografii mici de la finalul primei pagini, pentru că nu aducea nimic nou, și am amânat blogul până când Sorin va avea timp să scrie. Când o idee era greu de explicat în scris, am vorbit la telefon sau într-o întâlnire video.

Ce poți aplica: nu adăuga o secțiune pe site doar pentru că arată bine, ci întreabă-te ce informație nouă îi aduce vizitatorului.

COSTUL PROIECTULUI

Costul acestui proiect a fost de aproximativ 780 €

Termen de execuție: prima variantă a fost gata în aproximativ o săptămână, iar varianta finală în aproximativ două luni, inclusiv perioada în care Sorin a pregătit fotografiile, textele și imaginile speciale pentru bannere.

Modalitatea de plată: în trei tranșe, un avans de aproximativ jumătate din valoare la început și restul în două plăți pe parcursul proiectului.

Logo-ul simplu al site-ului a fost inclus în acest cost.

Calculează prețul site-ului

CONTINUITATE

Un site pe care artistul îl actualizează singur

Sorin are cont de administrator și își actualizează singur galeriile, bannerele și textele, pe măsură ce adaugă proiecte noi. Site-ul are module cu licență pentru copii de siguranță și securitate, care permit refacerea lui la nevoie.

Pentru cine preferă să nu se ocupe de actualizări și verificări tehnice, mentenanța site-ului poate fi preluată separat, iar costul se poate estima cu calculatorul de preț pentru mentenanță.

ÎNTREBĂRI DESPRE PROIECT

Ce merită să știi înainte de un site pentru fotografii și filmele tale

Protecția este doar parțială: un modul poate opri clicul dreapta și descărcarea directă, deci îi descurajează pe vizitatorii obișnuiți, dar oricine are puține cunoștințe tehnice poate salva o imagine afișată într-un browser. I-am explicat lui Sorin această limită încă din etapa ofertei, ca decizia despre ce fotografii publică și la ce rezoluție să fie luată în cunoștință de cauză.

În ofertă am inclus o comparație între cele două platforme: YouTube are cel mai mare public, iar Vimeo oferă mai mult control asupra playerului și asupra confidențialității. Pentru că videoclipurile lui Sorin erau deja publicate pe YouTube, le-am preluat de acolo, iar Vimeo a rămas o variantă pentru trailerele viitoarelor filme. Clipul principal, care rulează automat pe pagina de regie, este încărcat direct pe site.

Ca fișier, MP4 este formatul pe care îl redau fără probleme aproape toate browserele. Ca proporție, i-am recomandat lui Sorin 16:9 pentru ecranele orizontale și 9:16 pentru cele verticale, pentru că nu există o proporție care să se potrivească perfect pe toate monitoarele, laptopurile și telefoanele.

Da, Sorin și-a organizat singur fotografiile în galerii încă din timpul proiectului, iar eu i-am arătat cum înlocuiește o imagine cu o versiune mai bună: șterge varianta veche și o încarcă pe cea nouă sub alt nume. Animațiile setate pe imagini rămân active și după înlocuire.

SITE PENTRU ARTIȘTI ȘI CREATORI

Munca ta merită un cadru pe măsura ei

Dacă ești fotograf, regizor sau creator și lucrările tale stau împrăștiate pe mai multe platforme, spune-mi ce vrei să vadă primul un client când îți deschide site-ul. Îți voi spune sincer ce funcționează, ce ar încetini pagina și cum pot fi puse în valoare imaginile tale, fără să fie acoperite de design.

Sună: 0799 560 470

Dacă ești interesat de prețul unui astfel de site sau dorești informații suplimentare, introdu adresa de email în formularul de mai jos și vrei primi următoarele informații:

  • Prețul estimativ al site-ului;
  • Costurile cu întreținerea site-ului;
  • Termenul de creare al unui astfel de site;
  • Informații despre promovarea site-ului.

Poți consulta și colecția de instrumente gratuite pentru site, SEO și marketing.

Site pentru regizor și fotograf

Site în engleză pentru regizorul și fotograful Sorin Mihai: imaginile pe primul plan, galerii foto și video, ofertă transparentă și sfaturi utile.