Studiu de caz · Proiect client

Portofoliu de Fotografie

Un portofoliu de nivel de producție pentru un fotograf profesionist — bilingv, gestionat din CMS, cu o zonă de prețuri privată și e-mailuri de cerere automate.

RolDesign & Full-Stack
TipProiect client
StatusLive în producție
An2024
Next.js 16TypeScriptSanitynext-intlSupabaseResendVercel
Portofoliu de Fotografie — desktop
Portofoliu de Fotografie — mobile

Prezentare generală

Un fotograf profesionist din Chișinău avea nevoie de un site de portofoliu care să-i prezinte munca într-un mod frumos, să gestioneze conținut bilingv (RO / EN), să-i permită să administreze totul singur, fără dezvoltator, și să protejeze pagina de prețuri cu o parolă.

Rezultatul este un site editorial curat, cu o estetică dark, încărcare rapidă a imaginilor prin pipeline-ul de imagini Sanity, un formular de contact complet funcțional prin Resend și o zonă de prețuri protejată, susținută de Supabase.

Cerința

  • Fidelitatea imaginilor — Lighthouse ≥ 90, fără artefacte de compresie
  • Complet bilingv RO/EN, cu comutare a limbii la nivel de rută
  • Headless CMS self-service, ca fotograful să actualizeze conținutul fără cod
  • Zonă de prețuri privată — parolă necesară pentru a vedea prețurile
  • Cereri fiabile — formular de contact cu confirmare pe e-mail

Abordare

Design editorial

Layout dark, spațios, care lasă fotografia să respire. Ierarhie tipografică cu Inter + JetBrains Mono.

Headless CMS

Sanity Studio pentru tot conținutul — galerii, bio, pachete, testimoniale. Fără cod pentru actualizări.

Cu adevărat bilingv

Localizare la nivel de câmp în Sanity, next-intl pentru rutare și gestionarea textelor, hreflang pentru SEO.

Zonă de prețuri privată

Flux de autentificare susținut de Supabase. Clienții introduc o parolă comună pentru a debloca pagina de prețuri.

E-mail tranzacțional

Integrare Resend pentru confirmările formularului de contact, atât pentru client, cât și pentru fotograf.

Carduri sociale brănduite

Rută OG image personalizată care randează imaginile din galerie cu overlay-ul de brand.

Aspecte tehnice

  • Sistem de fidelitate a imaginilor — URL-uri de imagine Sanity cu quality=90, format=webp, dimensiuni responsive
  • Rută OG image personalizată — next/og cu injectare dinamică a imaginilor din Sanity
  • Rutare i18n curată — /ro și /en cu redirecționare automată de la rădăcină

Rezultat

  • În producție din 2024
  • Clientul gestionează tot conținutul independent, prin Sanity Studio
  • Zonă de prețuri privată, care previne preluarea publică a prețurilor
  • Previzualizări sociale brănduite pe fiecare pagină de galerie

Vrei ceva similar?

Ai un proiect în minte? Hai să discutăm ce pot construi pentru tine.

Pornește un proiect
Portofoliu de Fotografie · vanyasmvdev