השקת מותג משקאות פרימיום באמצעות ויזואליזציה תלת-ממדית של המוצר
לקוח
קודי דיר
תעשייה
מוצרי צריכה / משקאות
שירותים
אסטרטגיית מותג, עיצוב דיגיטל, פיתוח ב-Framer, ושילוב אלמנטים בתלת-ממד
ארסנל טכנולוגי
מובנה ל-Framer, רינדורי 3D בפורמט WebP, מערכת ניהול תוכן (CMS), ומוכן למסחר אלקטרוני
שנה
2024
כיצד סטודיו AGR בנה את אתר מותג משקאות הפרימיום של Cody Deer עם רינדורי תלת-מימד אופטימליים של המוצרים ומערך מוכן למסחר אלקטרוני (e-commerce) על גבי Framer.
Cody Deer הוא מותג משקאות פרימיום שנכנס לשוק תחרותי הנשלט בידי שחקנים מבוססים. בלי נוכחות קמעונאית קיימת, האתר היה נקודת המגע המרכזית של המותג והמקום שבו מפיצים, קמעונאים וצרכנים יגבשו רושם ראשון.
המייסדים השקיעו בהדמיות מוצר תלת-ממדיות מקצועיות, מודלים, קומפוזיציות של פחיות וסצנות לייף-סטייל, ונזקקו לאתר שיציג את הנכסים האלה באותה עוצמה של תצוגה פיזית בחנות. האתר היה צריך להרגיש ברמת פרימיום מהפיקסל הראשון.
מיצוב המותג באמצעות הרשת
חקרנו כיצד מותגי משקאות מצליחים משתמשים באתרי האינטרנט שלהם: הטובים ביותר גורמים לך לרצות להושיט יד דרך המסך ולקחת את המוצר. הצילום (או במקרה זה, רידורי תלת-ממד) עושה את העבודה הקשה. הטקסטים מינימליסטיים ובטוחים בעצמם. החוויה הכוללת מרגישה כמו כניסה לחנות מעוצבת להפליא.
מבנה האתר עוקב אחר הקשת הרגשית של גילוי המוצר: סקרנות (תמונת הירו עם מוצר מרחף), תשוקה (תמונות לייפסטייל ותיאורי טעמים), אמון (רכיבים, סיפור המקור) ופעולה (נתיב הרכישה).
עיצוב שמעמיד את המוצר במרכז
ההדמיות התלת-ממדיות הגדירו את השפה החזותית. בנינו את מערכת הצבעים מתוך המוצר, עם גוונים שנלקחו מעיצובי הפחיות ושימשו כרקע לאזורים השונים. כך נוצר קשר רציף בין המוצר לעמוד, כאילו הפחיות צובעות את הסביבה שסביבן.
הטיפוגרפיה נועזת ומצומצמת, עם גופן תצוגה לכותרות וגופן קריא לטקסט. הפריסה נעה בין תמונות מוצר רחבות לבין אזורי פרטים צפופים יותר ויוצרת קצב של קנה מידה שמעודד גלילה.
אופטימיזציה לנכסי תלת-ממד
ההדמיות נמסרו כקובצי PNG ברזולוציה גבוהה, איכותיים וכבדים. כל תמונה עברה תהליך שכלל הסרת רקע, המרה ל-WebP עם אופטימיזציית איכות וגרסאות רספונסיביות לשלוש נקודות שבירה. התוצאה שומרת על חדות במסכי Retina עם טעינה של פחות מ-500 אלפיות השנייה לכל תמונה.
גלריית המוצר משתמשת ברכיב גריד מותאם ששומר על יחס תמונה עקבי בכל גודל מסך. עמודי המוצר נמשכים מאוסף CMS ומאפשרים ל-Cody Deer להוסיף טעמים ו-SKU חדשים בלי מעורבות מפתח.
השפעת ההשקה
האתר הפך לכלי המכירה היעיל ביותר של Cody Deer. פגישות עם מפיצים שהתבססו בעבר על דוגמאות פיזיות מתחילות כיום בסיור באתר. הנוכחות הדיגיטלית ברמת פרימיום סייעה למותג להשיג נוכחות קמעונאית שבדרך כלל דורשת היסטוריה מוכחת, משום שהאתר הציג את החברה כמותג מבוסס כבר בתחילת הדרך.
26 אופטימיזציות
הדמיות תלת-ממד
< 500 מילישניות לתמונה
זמן טעינה
4 שבועות
ציר זמן
