מתחילים פרויקט מתחילים
מקרי בוחןתבנית מקרה · MV Agusta
אתר סוכנות MV Agusta ב-MacBook שחור מודרני וב-iPhone, עם Superveloce הצהוב בעמוד הבית
MV Agustaרכב · עיצוב אתר לסוכנות
המסך הראשון בעמוד הבית: תקריב של אופנוע צהוב על רקע אדום כהה, עם כותרת ברוכים הבאים ושורה על זמינות, הצעות ונסיעות מבחן
העיצוב שהוזמן, שמומש בסטודיו כאולם תצוגה פעיל

שירותים

  • עיצוב UX/UI
  • מערכת עיצוב
  • פיתוח פרונטאנד
  • עיצוב בתנועה

כלים

  • ניתוח אתרי מותגים
  • ניתוח מתחרים
  • מחקר לוקליזציה
  • תהליכי משתמש

מערך טכנולוגי

  • HTML
  • CSS
  • JavaScript ללא ספריות
  • Web Animations API

MV Agusta

עיצוב אתר בהזמנה לסוכנות MV Agusta, שבהמשך נבנה בסטודיו כאולם תצוגה פעיל. החוויה שומרת על האופי החזותי של המותג לאורך היכרות עם הדגמים, בחירה מהמלאי ויצירת קשר עם הסוכנות.

שני צדדים של הסוכנות

האתר עוזר לקונים למצוא אופנוע ולפנות. סביבת העבודה נועדה להעביר את ההקשר הזה לעבודה היומיומית בסוכנות. ההדגמות פועלות בנפרד; החיבור ביניהן אינו פעיל.

הבריף

התאמת השפה החזותית המגזינית של המותג לאתר סוכנות. הקונים היו צריכים לראות מה זמין, להשוות פרטים של אופנוע מסוים ולמצוא צעד הבא ברור מול הסוכנות.

החלטות עיצוב

התחלנו מבריף מבני שסופק ושינינו את הסגנון החזותי, הקומפוזיציה, הרכיבים וחלק מסדר העמודים. צילום גדול מבסס את המותג; כרטיסי מלאי, מפרטים ופעולות ישירות תומכים בתהליך הקנייה.

לאחר מסירת העיצוב, בנינו ממנו אתר פעיל בעצמנו. תבניות עמוד משותפות שומרות על אותו ניווט, הצגת דגמים ובחירת מלאי בכל אולם התצוגה.

התרומה שלנו

סיפקנו עיצוב UX/UI ורכיבים לשימוש חוזר, ואז פיתחנו את הפרונטאנד והתנועה של אולם התצוגה כפרויקט סטודיו. זהות המותג ותמונות האופנועים שייכות ל-MV Agusta.

עמוד הבית מסוף תמונת הפתיחה ומטה: ארבעה אופנועים במלאי עם מצב, שנה ומחיר, כפתור להצגת הכול ואז כרטיסי נסיעת מבחן ושירות
מלאי, נסיעות מבחן ושירות יוצרים את המסלול הראשון באולם התצוגה

הציבו אופנועים זמינים קרוב לכניסה.

עמוד הבית מציג את המלאי מיד אחרי תמונת הפתיחה. המצב, השנה והמחיר גלויים יחד, כך שההחלטה הראשונה יכולה לעסוק באופנוע שיש לסוכנות להציע.

נסיעות מבחן ושירות מופיעים כפעולות ישירות. אלה הסיבות היומיומיות לביקור בסוכנות, ויש להן מקום ברור בהיררכיית העמוד.

כרטיס הדגם Dragster RR SCS: האופנוע מהצד, חצים לשינוי הזווית, דוגמיות צבע, שישה נתוני מפרט וכפתור להצגת המלאי
פרטי הדגם מובילים ישירות למלאי של אותו דגם

שמרו את הצעד הבא לצד הדגם.

איחדנו את האופנוע, התצוגות הזמינות, המפרט המרכזי והצגת המלאי בכרטיס מוצר עקבי אחד. הקונים יכולים לבחון את הדגם כשהפרטים המעשיים נשארים במקומם.

הצגת המלאי מעבירה את הדגם שנבחר למסנן המלאי. כך עמוד הדגם מלא ההבעה מתחבר לאופנועים הזמינים אצל הסוכנות.

אופנועים במלאי בסינון Dragster RR SCS: אופנוע אחד עם מחיר, מפרט, חלק מה-VIN, שנה, קילומטראז', בעלים, צבעים וכפתור פנייה
מבחר Dragster עם פרטים של אופנוע אחד שמוצע למכירה

תנו לכל אופנוע פרטים משלו.

מודעת מלאי צריכה יותר משם דגם. הצבנו מחיר מבוקש, שנה, קילומטראז', בעלים קודמים וחלק מה-VIN לצד האופנוע, עם פעולה לפנייה.

מסנני משפחה, דגם ומצב מצמצמים את הרשימה; המיון תומך בהשוואת מחיר ושנה. התצוגה המסוננת שומרת את הבחירה בכתובת כדי לאפשר שיתוף. המלאי המוצג כאן הוא נתונים לדוגמה.

המסך הראשון של Dragster RR SCS: אופנוע אדום ושחור בגדול על רקע כהה, עם שם הדגם ושורת טקסט קצרה
הצגת הדגם מבססת קנה מידה ואופי
בלוק תוכן של Dragster: תקריב גדול של החיפוי הצהוב עם הכותרת «בקרת אחיזה לזינוקים מהירים כברק» וטקסט קצר
תקריב נותן הסבר ממוקד לתכונה טכנית אחת

שמרו על המותג לאורך מסע הקנייה.

תמונות אופנועים גדולות, טיפוגרפיה חזקה וניגוד בין בהיר לכהה משאירים את אולם התצוגה מזוהה כ-MV Agusta. השתמשנו בצילומי המותג בתוך מערכת חדשה של קומפוזיציה ורכיבים.

עמוד הדגם מעניק לפרטים הטכניים קצב חזותי משלהם: תקריב, כותרת ברורה והסבר קצר. התנועה עוקבת אחר ההיררכיה הזאת, עם פתיחה מלאת הבעה ומעברים שקטים יותר בין הפרטים.

עיצוב שנמסר ואולם תצוגה פעיל.

העיצוב שהוזמן נמסר. בהמשך פיתחנו בסטודיו את אולם התצוגה בן 28 העמודים, עם עמודי דגמים, מסנני מלאי, נסיעות מבחן ושירות. הגרסה המוצגת משתמשת בתוכן לדוגמה; הטפסים שלה מאמתים קלט בלי לשלוח אותו.

מקרים נוספים

HE