Diana Chistruga

Capturând aroma

Scroll

CLIENTUL

Diana este un fotograf specializat în fotografia de mâncare, recuzită de specialitate și stilizarea preparatelor.

Cu ani de experiență în fotografia de mâncare, crează fotografii incredibile, ce îți lasă gura apă.

PROVOCAREA

Clientul a dorit un site web simplu, dar superb, în care să își poată afișa fotografiile și filmările video.

Una din cele mai mari provocări a fost integrarea împreună a fotografiilor și a filmărilor, dar păstrând viteza de încărcare a paginii cât mai mare. Acest lucru a fost provocator deoarece atât pozele cât și filmările trebuiau afișate la o calitate mare, acest lucru necesitând o dimensiune mare a fișierelor.

Această provocare a fost depășită aducâd 3 îmbunătățiri la felul în care se încarcă conținutul.

  • Una din îmbunătățiri se numeste lazy-loading, unde doar conținutul pe care vizitatorul îl vede pe pagină este încărcat. Când acesta începe să parcurgă pagina sau să deschidă imagini, site-ul va începe atunci să încarce și alte imagini. Acest lucru reduce din timpul necesar încărcării paginii, browser-ul ne mai încărcând 200 de fotografii disponibile pe pagină, ci doar aproximativ primele 20 ce sunt vizibile.

  • O altă îmbunătățire adusă a fost posibilitatea de încărcare a site-ului, chiar daca nu toate imaginile au fost la rândul lor încărcate. Astfel, un vizitator nou va avea o primă experiență cu site-ul plăcută, acesta încărcându-se foarte repede, fără să fie nevoie de zeci de seunde de așteptare pentru ca toate imaginile să finalizeze încărcarea. 

  • Cea de-a treia și ultimă îmbunătățire în a ceastă zonă, a fost încărcarea filmărilor în fundal, chiar dacă vizitatorul nu a început încă vizualizarea acestora. În acest mod, când cineva începe vizualizare propriu zisă a acestora, ele vor fi deja gata încărcate.

DIRECȚIA DE DESIGN

Un site web dedicat fotografiei necesită o flexibilitate ridicată din punct de vedere al design-ului, deoarece fotografiile în sine trebuie să definească design-ul paginii. Ca exemplu, în funcție de perioada anului, clientul poate adăuga fotografii reprezentative acelei perioade, site-ul având un aspect total diferit față de luniile precedente. În următoarea secțiune sunt comparate două direcții de design diferite, una reprezentând vara, iar cealaltă iarna.

FOTOGRAFII VARA

FOTOGRAFII IARNA

Pentru a permite această flexibilitate, am folosit o zonă de navigație îngustă, un font suplu, culori închise și puternic contrastate, și mult spațiu gol. Acest spațiu alb, gol, este vital și în momentul în care sunt vizionate imaginiile una câte una, fiind necesar ca atenția să fie concentrată pe imaginea în sine și nu pe alte elemente de pe site.

STRUCTURĂ SIMPLĂ TIP GRILĂ

Dorința a fost de a avea o structură tip grilă pentru galeria de imagini, ce ar permite alăturarea de imagini foarte late lângă imagini tip portret, fără a afecta structura generală a paginii sau raportul de aspect al fotografiilor.

Acest lucru a fost realizat prin utilizarea unei combinații între o structură tip rând și coloană. În această combinație, rândurile au o înălțime relativ fixă, setată dinamic, iar coloane vor avea o lățime automat setată pentru a umple rândul în întregime. Astfel, un rând poate avea 2 fotografii, dacă ambele sunt foarte late, iar altul 6, dacă acestea sunt foarte înguste.

PUNCTE ȚINTĂ ALE SITE-ULUI

Acest website este 100% concentrat pe conținut. 85% din pagină este reprezentată de fotografii sau filmări, atunci când pagina este accesată de pe un calculator. Doar 15% din pagină este rezervat pentru navigație sau alte elemente.e 

Pe lângă integrarea filmărilor și fotografiilor în aceeași galerie tip grilă, posibilitatea de a vizualiza conținutul la o dimensiune mai ridicată a fost de asemenea cerută. Acest lucru a fost îndeplinit prin utilizarea unui lightbox, unde doar o fotografie sau filmare este în prim plan. Vizualizat de pe calculator, acest lightbox are o navigație simplă, alcătuită din 2 săgeți (stânga și dreapta) și o miniatură a acesteia. Navigarea prin conținut se realizează prin apăsarea pe una din cele 2 săgeți, trecând la următorul conținut și totodată parcurgând prin zona de miniaturi. Pe telefonul mobil există o navigare și mai simplă, unde vizitatorul poate glisa stânga sau dreapta pe ecran pentru a naviga prin conținut.

Appusgroup sunt foarte profesioniști și vor face eforturi suplimentare pentru a-și ajuta clienții. Lucrează rapid si livrează rezultate de calitate. Au făcut o treabă grozavă creând site-ului nostru exact cum ne-am dorit și abia așteptăm să lucrăm cu ei din nou.

Diana & Mihai Chiștrugă