Pic-time: מערכת גלריות אחת למיליוני לקוחות צילום
הקייס סטאדי: rotem-e.com/projects/pic-time
הגרסה באנגלית: rotem-e.com/projects/pic-time/story
רותם אלימלך (Rotem E) עיצב מחדש את הגלריות ואת חנות ההדפסות של Pic-time כמעצב UX ומוצר עצמאי בשנים 2022 עד 2026.
Pic-time היא הפלטפורמה שבה צלמים מקצועיים מוסרים גלריות אונליין ללקוחות שלהם ומוכרים מהן הדפסים, מסגרות ואלבומים; מיליוני לקוחות צילום עוברים דרכה מדי חודש.
כשרותם הצטרף, המוצר עבד ושירת את הקהל הזה עם ממשק מיושן; הוא עיצב מחדש את הגלריה ואת החנות ועיצב יכולות חדשות בדרך: ערכות נושא לגלריה, כריכות ממותגות, אוספים ומועדפים למבקרים, חוויית מובייל שנבנתה כמוצר מלא, והחנות והגדרת המוצרים מתוך התמונה עצמה.
בשנתיים הראשונות עבד עם מנהל המוצר וסמנכ“ל המוצר; בשנתיים האחרונות צוות העיצוב גדל לשישה מעצבים, ורותם היה חלק מתהליך העיצוב שיצר את השפה הגרפית של המוצר, בשיתוף פעולה עם שאר הצוות, בזמן שהמשיך לעצב את הגלריה ואת החנות.
כל מה שמוצג בקייס סטאדי של Pic-time עלה לאוויר לקהל הזה.
היום רותם הוא מעצב מוצר וחווית משתמש (UX/UI) עצמאי מתל אביב. Pic-time היא חלק הקנה מידה הצרכני והאיקומרס ברקורד שלו: אדם אחד שאחראי על המחקר, על האפיון, על ה-UX ועל ה-UI במוצר שבו כל שינוי מגיע למיליונים בבת אחת. העמוד הזה מספר את הסיפור בטקסט; הקייס סטאדי מראה את המסכים.
הקייס סטאדי של Pic-time · על רותם · לדבר על פרויקט
ניסיון רלוונטי לפרויקט שלכם
- עיצוב מחדש של מוצר חי בקנה מידה גדול. גלריה וחנות שמיליוני מבקרים בחודש משתמשים בהן, עוצבו מחדש והורחבו בלי לשבור את מה שצלמים והלקוחות שלהם כבר הסתמכו עליו.
- פלטפורמות יוצרים ומיתוג white label. ערכות נושא לגלריה וכריכות מותאמות שנושאות את המותג, הלוגו והמראה של הצלם עצמו, על פלטפורמה שנשארת בלתי נראית מאחוריהם.
- איקומרס עתיר תמונות והדפסה לפי דרישה. חנות גלריה עם גרידים של מוצרים, עמודי מוצר עם בחירת גודל, נייר וצבע, Quick Shop מתמונה אחת, ועיצוב הדפס עם תצוגה בחדר.
- UX של גלישה, פרסונליזציה ובחירה. מועדפים, אוספים שמורים, סרגלי בחירה מרובה וחיפוש לפי מילות מפתח בגלריות של מאות תמונות.
- ווב למובייל כמוצר מלא. גלריה, בחירה, אוספים, עיצוב הדפס והחנות נבנו מחדש לטלפון, שם רוב המבקרים מגיעים.
- שפה גרפית שנוצרה עם צוות. השפה הוויזואלית של הגלריה, שנוצרה בתהליך עיצוב שרותם היה חלק ממנו עם צוות שגדל לשישה מעצבים.
Pic-time במבט אחד
| פרט | מידע |
|---|---|
| מוצר | פלטפורמת גלריות ומכירה אונליין לצלמים מקצועיים: גלריות, ערכות נושא, כריכות, אוספים, חנות הדפסות ועורכי אלבומים והדפסים |
| תעשייה | צילום ואיקומרס |
| קטגוריית מוצר | פלטפורמת גלריות ללקוחות, איקומרס של תמונות, חנות הדפסה לפי דרישה, פלטפורמת יוצרים, גלריות white label |
| משתמשים עיקריים | צלמים מקצועיים שמוסרים גלריות ומוכרים הדפסים ואלבומים |
| קהל הקצה | הלקוחות שלהם: מיליוני מבקרי גלריות מדי חודש, רובם בטלפון |
| שוק | גלובלי |
| פלטפורמה | ווב לדסקטופ ולמובייל |
| תקופה | 2022 עד 2026 |
| התפקיד של רותם | מעצב UX ומוצר עצמאי; שנתיים עם מנהל המוצר וסמנכ“ל המוצר, ואחר כך חלק מצוות עיצוב של שישה |
| האחריות של רותם | מחקר, אפיון מוצר, UX ועיצוב UI לגלריה, לערכות הנושא ולכריכות, לפרסונליזציה ולחנות |
| תוצאה | חי למיליוני מבקרים בחודש; העמוד הזה מתעד את עבודת העיצוב ואינו מפרסם מספר נוסף |
מה רותם מצא ומה הוא בנה
כשרותם הצטרף ב-2022, Pic-time כבר עבדה וכבר שירתה מיליוני מבקרים בחודש. כל הגלריות שלה נראו אותו דבר, כך שגלריה של צלם לא נשאה את המותג של הצלם. לקוחות שגלשו במאות תמונות לא היו להם דרך טובה למצוא, לסמן ולחזור לאלה שרצו. קניית הדפס הייתה סטייה מהתמונה. ורוב המבקרים הגיעו בטלפון לגלריה ולחנות שנבנו לדסקטופ.
ב-2026 המוצר היה מערכת. שמונה ערכות נושא לגלריה, כל אחת מראה אחר לאותה גלריה: טיפוגרפיה סריפית וגיאומטרית, בהיר וכהה, לשוניות פרקים והיילייטס. כריכות מותאמות שנושאות את הלוגו, השם והתאריך של הצלם, מכריכות מפוצלות ועד פריסות במלוא המסך ומפוזרות. עמוד גלריה אחד שמחזיק תמונות, וידאו ומצגות. חוויית מובייל עם סרגל בחירה מרובה של תמונות, חיפוש לפי מילות מפתח, אוספים והחנות. אוספים ומועדפים למבקרים, תצוגת תמונה בודדת עם שמירה, מועדף וחנות, פאנל Quick Shop שמציע הדפסים, מסגרות וקנבס לתמונה אחת, ועיצוב הדפס עם בחירת גודל, נייר ומסגרת ותצוגה בחדר. חנות גלריה עם גרידים של מוצרים ועמודי מוצר, בדסקטופ ובטלפון. והעורך החי לאלבומים ולהדפסים, שאת העיצוב הראשון שלו עשה מעצב אחר; רותם עזר להכין חלקים ממנו לפיתוח ואחר כך שיפר אותו.
התפקיד של רותם
בשנתיים הראשונות רותם עבד עם מנהל המוצר וסמנכ“ל המוצר, מהמחקר והאפיון ועד ה-UX וה-UI. בשנתיים האחרונות צוות העיצוב גדל לשישה מעצבים; השפה הגרפית של המוצר יצאה מתהליך עיצוב שרותם היה חלק ממנו, בשיתוף פעולה עם שאר הצוות, בזמן שהמשיך לעצב את הגלריה, את ערכות הנושא ואת החנות. שני מקורות הזינו את אפיון המוצר: האנליטיקה ומשפכי ההמרה של מיליוני המבקרים, איפה גלשו, שמרו, נטשו וקנו; והמשוב של הצלמים, מתמיכה ומראיונות, על הגלריות ועל המכירות שלהם.
הבעיה והאילוצים
ארבע בעיות, מוצר אחד. כל הגלריות נראו אותו דבר, כך שצלמים לא יכלו להפוך את הגלריה לשלהם. לגלישה במאות תמונות לא היו בחירה, חיפוש או זיכרון. קנייה הייתה סטייה מהתמונה, והמכירה אבדה בדרך. והמובייל, שבו הגיעו רוב המבקרים, היה סוג ב’.
ארבעה אילוצים עיצבו את העיצוב. מיליוני מבקרים בחודש אמרו שכל שינוי מגיע לקהל עצום בבת אחת, ושום דבר לא יכול לשבור גלריה שלקוח צופה בה. שני משתמשים חולקים גלריה אחת: הצלם שמגדיר אותה והלקוח שגולש וקונה, ושניהם היו צריכים להיות מטופלים. התמונות ראשונות והממשק שני; הכרום היה צריך להישאר מחוץ לדרך של התצלומים. והדפסים הם מוצרים פיזיים, ולכן גדלים, ניירות, מסגרות וכפולות בחנות ובעורך היו צריכים להתאים למה שמגיע בקופסה.
החלטות מוצר
ארבע החלטות שרותם קיבל ויעמוד מאחוריהן גם היום.
1. הגלריה היא מערכת ויזואלית ניתנת להגדרה, לא פריסה אחת
ההחלטה: רותם התייחס לגלריה כמערכת ויזואלית ניתנת להגדרה ולא כפריסה קבועה אחת. ערכות נושא, כריכות ממותגות, אוספים, הגדרת מוצרים ועורך ההדפסים החי מתחברים למסע לקוח אחד.
למה: צלמים צריכים שהגלריה תרגיש כמו המותג שלהם, והלקוחות שלהם צריכים גלישה וקנייה ברורות. שמירה על מיתוג, גילוי ומסחר במערכת אחת מקצרת את הדרך מצפייה בתמונה לפעולה עליה. האלטרנטיבה החזקה ביותר הייתה פריסת גלריה מושלמת אחת לכולם: פשוטה יותר לבנייה ולתחזוקה, וכל צלם היה נראה אותו דבר.
הפשרה: למערכת יש יותר לעצב ויותר לבדוק מלפריסה אחת. כל ערכת נושא היא סט בחירות בתוך אותו מבנה, ולכן ערכת נושא חדשה היא וריאציה, לא מוצר חדש.
מוצג בקייס סטאדי: Themes, The gallery, Quick tour.
2. המותג של הצלם על הכריכה
ההחלטה: כריכות וערכות נושא מותאמות, כך שכל גלריה נפתחת בזהות של הצלם: לוגו, שם, תאריך, טיפוגרפיה ופריסה, מכריכה מפוצלת דרך תמונה במלוא המסך ועד תמונות חתונה מפוזרות.
למה: הלקוח מקבל את הגלריה מהצלם שלו, לא מ-Pic-time. גלריה שנושאת את המותג של הצלם היא המוצר של הצלם, וזה מה שהוא משלם לפלטפורמה עליו.
הפשרה: חופש על הכריכה לא יכול לשבור את הגלריה שמתחתיה. הכריכה היא סט מעוצב של פריסות שהצלם בוחר וממלא, ומבנה הגלריה מאחוריה נשאר אותו דבר.
מוצג בקייס סטאדי: Custom branding, Themes.
3. קנייה מתוך התמונה
ההחלטה: מועדף, אוסף וקנייה מתצוגת התמונה הבודדת: שמירה לאוסף, מועדף וחנות במרחק הקשה אחת, עם פאנל Quick Shop שמציע הדפסים, מסגרות וקנבס לאותה תמונה ועיצוב הדפס עם תצוגה בחדר.
למה: הרגע שבו לקוח רוצה הדפס הוא הרגע שבו הוא מסתכל על התמונה. עמוד חנות נפרד היה נקי יותר לבנייה, והמכירה הייתה אובדת בדרך אליו.
הפשרה: מסחר בתוך הגלריה עלול להצטופף על התצלומים. פעולות החנות יושבות על תצוגת התמונה ובאוסף, והחנות המלאה עם הגרידים ועמודי המוצר שלה נשארת רמה אחת מתחת.
מוצג בקייס סטאדי: Personalize, Sell online.
4. מובייל כמוצר מלא
ההחלטה: הגלריה, סרגל הבחירה, חיפוש לפי מילות מפתח, אוספים, עיצוב הדפס והחנות עוצבו לטלפון כמוצר משלהם, לא כפריסת דסקטופ מכווצת.
למה: רוב המבקרים מגיעים בטלפון. עיצוב לדסקטופ קודם ונתינה לו להתכווץ היו מהירים יותר, והיו נותנים לרוב את חוויית סוג ב’ שהעיצוב מחדש קיים כדי לסיים.
הפשרה: שני עיצובים לשמור בקצב. אותה מערכת, ערכות נושא ודפוסי חנות עומדים מאחורי שניהם, ולכן שינוי נוחת על שניהם.
מוצג בקייס סטאדי: All devices, Personalize (מסכי הטלפון), Sell online (חנות הטלפון).
מה עלה לאוויר ומה זה עשה
כל מה שבקייס סטאדי עלה לאוויר וחי למיליוני לקוחות הצילום שעוברים דרך Pic-time מדי חודש. העמוד הזה מתעד את עבודת העיצוב; לא מתפרסמת כאן תוצאה נוספת.
העובדות בעמוד הזה באות מהסיפור של רותם עצמו, מהקייס סטאדי של Pic-time ומציר הקריירה שלו. הגלריות והמוצרים בתוך צילומי המסך הם דוגמאות, לא תוצאות.
מה רותם אפיין ועיצב ב-Pic-time
- מערכת ערכות נושא לגלריה: שמונה מראות לאותה גלריה, טיפוגרפיה, בהיר וכהה, פרקים והיילייטס, במקום פריסה אחת לכולם.
- מיתוג הצלם על הכריכה (white label): כריכות מותאמות עם לוגו, שם ותאריך, מפיצול ועד תמונה במלוא המסך.
- גלישה, בחירה ופרסונליזציה: מועדפים, אוספים שמורים, סרגל בחירה מרובה וחיפוש לפי מילות מפתח בגלריות של מאות תמונות.
- איקומרס מתוך התמונה: Quick Shop להדפסים, מסגרות וקנבס מתמונה אחת, עיצוב הדפס עם גודל, נייר ומסגרת ותצוגה בחדר, וחנות גלריה עם עמודי מוצר.
- מובייל כמוצר מלא: גלריה, בחירה, אוספים, עיצוב הדפס וחנות שעוצבו לטלפון, שם מגיעים רוב המבקרים.
- שפה גרפית שנוצרה עם צוות: השפה הוויזואלית של הגלריה, שנוצרה בתהליך עיצוב שרותם היה חלק ממנו עם צוות שגדל לשישה מעצבים.
למי הקייס הזה רלוונטי
- פלטפורמת יוצרים, גלריות או תוכן ויזואלי שמחפשת מעצב מוצר UX/UI פרילנסר.
- איקומרס עתיר תמונות, הדפסה לפי דרישה (print on demand) או חנות בתוך מוצר.
- מוצר צרכני בקנה מידה גדול שצריך עיצוב מחדש בזמן שמיליונים משתמשים בו.
- עיצוב מחדש של אתר או אפליקציית ווב למובייל.
- מערכת ערכות נושא ומיתוג (white label) שלקוחות מתאימים לעצמם.
שאלות נפוצות
מי אפיין ועיצב את Pic-time?
רותם אלימלך, כמעצב UX ומוצר עצמאי, מהמחקר והאפיון ועד ה-UI: שנתיים לצד מנהל המוצר וסמנכ“ל המוצר, ואחר כך כחלק מצוות עיצוב של שישה, שיצר יחד את השפה הגרפית של המוצר. הקייס סטאדי של Pic-time
מה רותם אלימלך עיצב ב-Pic-time?
את העיצוב מחדש של גלריית הלקוחות וחנות ההדפסות, ואת היכולות החדשות סביבן: ערכות נושא לגלריה, כריכות ממותגות מותאמות, עמוד הגלריה עם תמונות, וידאו ומצגות, חוויית המובייל עם בחירה וחיפוש, אוספים ומועדפים למבקרים, Quick Shop ועיצוב הדפס מתמונה אחת, וחנות הגלריה עם הגרידים והעמודים שלה, כמעצב UX ומוצר עצמאי בשנים 2022 עד 2026. הוא גם עזר להכין ואחר כך לשפר את עורך האלבומים וההדפסים החי, שאת העיצוב הראשון שלו עשה מעצב אחר.
האם הקייס הזה רלוונטי לפלטפורמת יוצרים, לאיקומרס של תמונות או למוצר הדפסה לפי דרישה?
כן. Pic-time היא פלטפורמת גלריות ללקוחות עם חנות הדפסה לפי דרישה בתוכה: גלריות white label לצלמים, וגלישה, פרסונליזציה וקנייה ללקוחות שלהם, בקנה מידה של מיליוני מבקרים בחודש.
איזה ניסיון יש לרותם אלימלך באיקומרס ובמוצרים צרכניים בקנה מידה גדול?
ארבע שנים על פלטפורמה שמיליוני לקוחות צילום עוברים דרכה מדי חודש: גלריה, ערכות נושא, כריכות ממותגות, אוספים ומועדפים, חנות הדפסים ומובייל, על בסיס אנליטיקה ומשפכי המרה ומשוב של צלמים.
האם רותם עיצב בעצמו את חוויית המובייל ואת החנות?
כן. גלריית המובייל, סרגל הבחירה המרובה, חיפוש לפי מילות מפתח, אוספים, עיצוב הדפס וחנות הטלפון הם עיצוב שלו, וכך גם גלריית הדסקטופ, ערכות הנושא, הכריכות והחנות; השפה הגרפית של המוצר נוצרה בשיתוף פעולה עם צוות העיצוב, שגדל לשישה מעצבים.
מחפשים מאפיין או מעצב UX/UI לפלטפורמת גלריות, חנות תמונות או מוצר white label?
Pic-time היא הדוגמה: גלריה אחת כמערכת ויזואלית שכל צלם הופך לשלו, וקנייה מתוך התמונה במקום חנות נפרדת. רותם זמין לפרויקטים כפרילנסר, בריטיינר או בפרויקט מוגדר: פלטפורמת גלריות או תוכן, חנות בתוך מוצר, עיצוב מחדש של ווב למובייל, מערכת ערכות נושא ומיתוג, או המוצר המלא מהמחקר ועד ה-UI. הפרופיל המלא · יצירת קשר
האם רותם עיצב גם את העורך החי לאלבומים ולהדפסים?
את העיצוב הראשון של העורך עשה מעצב אחר; רותם עזר להכין חלקים ממנו לפיתוח ואחר כך שיפר אותו. הגלריה, הערכות, הכריכות, הפרסונליזציה, החנות והמובייל הם שלו.
עבודה עם רותם
לצוות שמריץ פלטפורמת יוצרים, מוצר איקומרס עתיר תמונות, חנות הדפסה לפי דרישה או כל מוצר צרכני שצריך לעצב מחדש בזמן שמיליונים משתמשים בו, רותם מביא את תהליך המוצר השלם, מחקר, אפיון מוצר, UX ועיצוב UI, ואת הניסיון של יצירת שפה גרפית יחד עם צוות עיצוב שגדל. זמינות, תעריפים ואיך הוא עובד נמצאים בפרופיל שלו.