צילום · אתר תדמית
עידן אור
אתר לצלם שבו תיק העבודות אינו גריד — הוא כיפה של אלפי תמונות במרחב, והמבקר גורר בתוכה עדשה. השם של האתר הוא המשפט שהוא בא להפריך: "אין מה לצלם".
לאתר של צלם יש בעיה מובנית: כל התוכן שלו הוא תמונות, ולכן כל אתרי הצלמים נראים אותו דבר — גריד של ריבועים, שם, ליצירת קשר. הגריד מציג עבודות אבל לא מעביר את מה שהצלם באמת מוכר, שזו היכולת לראות. המשפט שכל צלם שומע, "אין מה לצלם", הפך לשם האתר ולנקודת המוצא שלו: אם אין מה לצלם, הנה אלפי רגעים שכן היה מה לצלם בהם, כולם באוויר בבת אחת. הפתרון הוא קנבס שמצייר את הארכיון ככיפה תלת-ממדית, ועדשה שהמבקר גורר בתוכה ומגלה תמונה אחת בכל פעם.
המטרהשהמבקר יעצור על תמונה אחת מרצונו — ומשם יגיע לפנייה, בלי טופס שנדחף אליו.
האתגר
חוויה כזאת נופלת בקלות לשני צדדים. מצד אחד — היא הופכת לצעצוע: יפה לגלול, ואי אפשר למצוא בה כלום ואי אפשר ליצור קשר. מצד שני — היא כבדה מדי ולא נטענת בטלפון. שני הדברים קרו בפועל בגרסאות הראשונות, וכל אחד מהם הוביל לפתרון אחר.
הרעיון
הארכיון כמרחב
אלפי תאים מצוירים על קנבס יחיד ומסודרים ככיפה. הכמות היא הטיעון — היא מה שמפריך את "אין מה לצלם".
עדשה, לא סמן
הגרירה מזיזה עדשה בתוך הכיפה. התמונה שמתחתיה גדלה ונפתחת — כמו מיקוד במצלמה, לא כמו hover באתר.
שער שמכייל את הביצועים
לפני שנכנסים בוחרים מכשיר, פריסט וכמות תאים. במקום להאט את החוויה למכנה משותף, המבקר מחליט כמה כבד המסך שלו יכול לשאת.
הפנייה נולדת מהתמונה
כשתמונה נבחרת, הכרטיס שלה מציע "להזמין צילום". הפנייה מגיעה ברגע שהמבקר כבר התרשם — לא בבאנר שקופץ בכניסה.
מבט מהאתר
”גריד מראה כמה עבודות יש לצלם. כיפה של אלפי רגעים מראה איך הוא רואה.“
החלטות עיצוב מרכזיות
שלושה פריסטים עם תצוגה מקדימה
מינימלי, עומק וכאוס. לכל אחד תצוגה מקדימה קטנה בכרטיס הבחירה — כי מילה לבדה לא אומרת למבקר מה הוא עומד לקבל.
כרטיס המידע עוקב אחרי העדשה
הוא לא יושב בפינה קבועה אלא נצמד למה שמסתכלים עליו, על סקרים מטושטש שמחזיק קריאוּת גם מעל תמונות בהירות.
יצירת קשר שהיא ערוץ, לא כפתור
אייקון קבוע בסרגל פותח גיליון עם וואטסאפ, טלפון ומייל לצד טופס קצר. כשהפנייה יוצאת מתמונה מסוימת, ההודעה המוכנה מזכירה אותה.
מצב בהיר לצד הכהה
ארכיון צילום נקרא אחרת על רקע לבן. המתג נשאר באתר כי הוא משנה איך התמונות עצמן נראות, לא רק את הממשק.
איך זה נבנה
- שלב 01
הקונספט
המשפט "אין מה לצלם" נבחר ככותרת, ומשם נגזר הכול: הכמות, השחור, והשקט סביב הכיפה.
- שלב 02
מנוע הקנבס
קובץ HTML יחיד, בלי ספריות. הכיפה, העומק, העדשה והגרירה נכתבו ידנית מול Canvas 2D.
- שלב 03
כיול ביצועים
שער הפתיחה מתרגם את בחירת המכשיר למספר התאים ולעומק הסצנה, כדי שהאתר ירוץ גם על טלפון חלש.
- שלב 04
QA וערוץ פנייה
סבב תיקונים על מרכוז השערים, קריאוּת כרטיס המידע והתאמת סרגל הפעולות למסך צר — ובנייה של גיליון יצירת הקשר.
התוצאה
- אתר צלם שאינו נראה כמו אף אתר צלם אחר — תיק העבודות הוא המרחב, לא רשת של ריבועים.
- ערוץ פנייה אמיתי: אייקון קבוע, גיליון עם וואטסאפ/טלפון/מייל, וטופס קצר עם אישור.
- שער כיול שמאפשר לאתר לרוץ גם על מכשיר חלש בלי להוריד את הרף למי שיש לו מסך חזק.
- קובץ HTML יחיד, בלי ספריות ובלי שלב build — נפרס כמו שהוא.
מה כלול בפרויקט
- קונספט ושם
- שפה ויזואלית וטיפוגרפיה
- קופירייטינג בעברית
- מנוע קנבס אינטראקטיבי
- גיליון יצירת קשר
- RTL מלא ורספונסיביות
הפרויקט הבא
קא-צ׳ינג ↖︎פרויקט קונספט. "עידן אור" אינו צלם אמיתי, הצילומים באתר הם צילומי הדגמה (Unsplash) ופרטי הקשר בו הם לדוגמה בלבד.