תיק עבודות מרשים בדיוק כמו הצילומים שהוא מציג
לקוח
להזו
תעשייה
צילום וקריאייטיב
שירותים
עיצוב אתרים, פיתוח ב-Framer, מערכת ניהול תוכן לתיק עבודות, ואנימציות גלילה
ארסנל טכנולוגי
Framer, CMS, גלילה חלקה, טעינה עצלה
שנה
2024
ראו כיצד AGR Studio בנתה את אתר פורטפוליו הצילום של Lahzo עם תמונות במסך מלא, גלריות מבוססות מערכת ניהול תוכן (CMS) ואנימציות גלילה חלקות ב-Framer.
Lahzo הוא סטודיו לצילום ושירותים קריאטיביים שעבודותיו משתרעות על פני פרויקטים מערכתיים, מסחריים ודוקומנטריים. האתר הקודם שלהם היה תבנית בסיסית שקברה את הדימויים המדהימים שלהם מאחורי זמני טעינה איטיים ופריסות גנריות. עבור מותג הבנוי על מצוינות ויזואלית, האתר היה נקודת המפגש החלשה ביותר שלהם.
הם היו זקוקים לאתר שעושה דבר אחד בצורה יוצאת מן הכלל: מאפשר לצילום לתפוס את מרכז הבמה. כל החלטה עיצובית, פריסה (layout), טיפוגרפיה ואינטראקציה, היו חייבות לשרת את הוויזואליה, ואף פעם לא להתחרות בה.
גישת "התוכן תחילה" (Content-First)
התחלנו בסקירה מקיפה של תיק העבודות המלא של Lahzo – למעלה מ-200 פרויקטים שנפרסו על פני חמש שנים. יחד, אצרנו את 30 הפרויקטים החזקים ביותר וארגנו אותם בקטגוריות התואמות את האופן שבו לקוחות מחפשים צלמים בפועל: לפי תעשייה (אופנה, קולינריה, אדריכלות) ולא לפי טכניקת הצילום.
עבור כל פרויקט נדרש עמוד פנימי ייעודי המציג את ההקשר המלא: הבריף, הגישה האמנותית והתוצרים הסופיים. מהלך זה הופך את תיק העבודות מגלריית תמונות פשוטה להוכחת יכולת ממשית (proof-of-capability), המראה ללקוחות פוטנציאליים לא רק מה Lahzo יודעים לצלם, אלא איך הם חושבים ומספרים סיפור חזותי.
עיצוב סמוי מן העין
אתרי הפורטפוליו הטובים ביותר הם אלו שבהם העיצוב נשאר סמוי מן העין. מערכת העיצוב משתמשת בממשק משתמש (UI) מינימליסטי, ללא צבעים מתחרים, ללא אלמנטים קישוטיים וללא רעש ויזואלי. פלטת צבעים מונוכרומטית עם צבע דגש יחיד לאלמנטים אינטראקטיביים. הטיפוגרפיה נקייה ומאופקת, והניווט אינטואיטיבי אך אינו מסיח את הדעת.
תמונות בגודל מלא (Full-bleed) תופסות 80% משטח המסך בדפי הפרויקטים. פיתחנו עבור Lahzo שלוש תבניות פריסה לגלריות – גריד חופשי (Masonry), פריסה מגזינית (Editorial) ופריסה קולנועית (Cinematic) – לבחירה בעת הוספת פרויקטים חדשים. כל תבנית מותאמת באופן אופטימלי ליחסי גובה-רוחב שונים ולסוגי פרויקטים מגוונים.
ביצועי תמונות
אתר צילום קם או נופל על מהירות טעינת התמונות. הטמענו מנגנון טעינת תמונות הדרגתי (Progressive): מצייני מיקום מטושטשים וקטנים מופיעים באופן מיידי, לאחר מכן נטענות תמונות ממוזערות (Thumbnails) אופטימליות, ולבסוף התמונות ברזולוציה מלאה עם כניסתן לאזור התצוגה (Viewport). התוצאה מרגישה מיידית, גם בחיבורים איטיים יותר.
אנימציות הגלילה הן מעודנות ומכוונת - אפקטים של הופעה הדרגתית (Fade-reveal) ופרלקס עדין שמשדרגים את חוויית הצפייה מבלי להסיח את הדעת. כל אנימציה משרתת את התוכן בלבד, ולא את האגו של המעצב.
סביבת עבודה ב-CMS
מערכת ניהול התוכן (CMS) מוגדרת כך ש-Lahzo יכולים להוסיף פרויקט חדש בפחות מ-10 דקות: העלאת תמונות בכמות גדולה, בחירת תבנית גלריה, הוספת טקסט קצר, שיוך לקטגוריות ופרסום. ללא צורך בידע טכני כלל.
תוצאות
האתר החדש הפך לכלי המכירות המרכזי של Lahzo. פניות הלקוחות דרך האתר גדלו, מכיוון שתיק העבודות מציג כעת את הפרויקטים בהקשר המדויק שלקוחות פוטנציאליים מחפשים, בחלוקה לפי תחומי פעילות, ועם דרכי יצירת קשר ברורות בכל עמוד. השליטה המלאה שמעניקה מערכת ניהול התוכן (CMS) איפשרה ל-Lahzo להתחיל לעדכן את תיק העבודות שלהם על בסיס חודשי במקום שנתי.
+30
פרויקטים נבחרים
3
תבניות גלריה
4 שבועות
ציר זמן
