Cars-IL
AUTO · MARKETPLACE · UX/UI · 2023פלטפורמת מחקר ורכישת רכבים בישראל — מחקר UX מלא, IA, wireframes ו-UI. המשתמש יכול לחקור, לסנן ולהשוות רכבים לפי פרמטרים מרובים לפני שמגיע לסוחר.
30 שניות, אם אתה ממהר.
קניית רכב חדש בישראל מורכבת — הקונה מתמודד עם עשרות דגמים, מחירים שמשתנים, ציוד שונה בין ספקים, ותחושה שהמידע "נסתר" ממנו. אין כלי דיגיטלי ישראלי מקיף שנותן שקיפות מלאה.
UX Research מקיף (מחקר, personas, user flows) ← הגדרת פרמטרי השוואה קריטיים ← עיצוב search+filter מתקדם ← כרטיסי רכב עם rating ← Comparison feature.
פלטפורמה לחקר ורכישת רכבים: Search עם 8 פרמטרי סינון, כרטיסי רכב עם stars/reviews, דף רכב מלא עם specs, feature השוואה, ומדריך קנייה.
לתת לקונה הישראלי את השקיפות שמעולם לא קיבל.
הקונה הישראלי שמגיע לחפש רכב מגיע עם תחושה אחת: "אני לא יודע מספיק". Cars-IL לא רק מציג מידע — הוא מלמד את הקונה מה לשאול.
מחקר, Personas ו-User Flows
ביצעתי UX Research מלא שכלל: (1) ניתוח מתחרים ישראלים (Yad2, AutoTrader, iCar) ובינלאומיים (AutoTrader UK, CarGurus, Edmunds). (2) ראיונות עם 6 אנשים שקנו רכב בשנה האחרונה. (3) מיפוי Pain Points נפוצים.
ה-Pain Points המרכזיים שעלו: "לא יודע אם המחיר הוגן", "לא מבין מה ההבדל בין הדגמים", "כל סוחר אומר משהו אחר", "אני מרגיש שמסתירים ממני מידע". Cars-IL נבנה סביב פתרון ישיר לכל אחד מהם.
בניתי 3 personas: (1) "רותם" — קונה רכב ראשון, 26, מוצפת מידע. צריכה: guide פשוט. (2) "אלון" — מחליף רכב, 38, יודע מה הוא רוצה. צריך: השוואה מהירה. (3) "מרים" — קונה משפחתית, 45, מחפשת value. צריכה: מחיר + safety ratings.
User Flow ראשי: Landing → Search (model/year/budget) → Results List (filters) → Car Card → Car Detail Page → Compare → Contact Dealer. כל שלב מוצג בבירור, עם back navigation קלה.
אדום = אוטומוביל, מהירות, ביטחון
בחרתי אדום (#DC2626) כ-accent כי הוא מחובר עמוק לעולם הרכב — Ferrari, Toyota, Mitsubishi. זה צבע שמשדר passion ו-energy. על רקע לבן נקי, האדום יוצר contrast מיידי שגורם לפלטפורמה להיראות dynamic ולא generic.
כרטיסי הרכב עוצבו עם Stars rating בולט, מחיר גדול בראש, ותמונה גדולה. הצד הימני: specs קריטיים (שנה, ק"מ, ציוד). ה-Stars מיידיים — הקונה מסנן בעין בשנייה.
עמוד ה-Search Results עם Sidebar filter (מחיר, שנה, דגם, מנוע, 4WD, צבע, ציוד, דירוג). Filters תמיד גלויים — לא collapsed. בקניית רכב, filter הוא קריטי לחוויה, לא secondary.
המוצר עצמו.
דף הבית — Search + Brand Grid + Categories
מסך הכניסה לפלטפורמה: פורמט חיפוש ראשי עם בחירת "סוג רכב" ו"יצרן", grid של 12 יצרני רכב (Honda, Toyota, Kia, Skoda...), וקטגוריות גישה מהירה לפי סוג גוף הרכב. עיצוב נקי לבן עם Primary אדום #DC2626.
תוצאות חיפוש עם 8 פרמטרי סינון
מסך Search Results — הלב של הפלטפורמה. Sidebar filter תמיד גלוי: מחיר, שנה, קילומטרז׳, צבע, תיבת הילוכים, ספק ועוד. כרטיסי רכב עם תמונה, מחיר, דירוג stars + reviews. Price slider עם טווח 10K-100K ₪.
מבחני רכב — השוואת דגמים מרובים
מסך השוואת דגמים: כרטיסי רכב עם תמונה, מחיר, stars, ו-badge "הצעה ראשית". כל כרטיס כולל "ברוק לזמינות" ו-"חזור אלי" — הפעולות הקריטיות לקונה. מבוסס על 3 personas: First Buyer, Upgrader, Family Buyer.
חדשות רכב — News + Reviews עם Filter
מסך חדשות הפלטפורמה: grid כרטיסי תוכן עם תמונה, כותרת, תיאור קצר ו-CTA. Sidebar filter קבוע גם במסך זה — עקביות מלאה ב-UX. סעיף "יועץ מקצועי — שליחת פניה לסוכנות" משולב.
Search Filter — Presentation Mockup
מוקאפ פרזנטציה על Mac Studio: פורמט החיפוש המרכזי עם בחירת קטגוריה, יצרן ודגם. Price slider 10K-1.2M ₪. כפתורי "השוואה בין רכבים" ו-"הצג תוצאות" באדום. עיצוב clean לבן עם אדום Primary בולט.
איך ניגשנו לפרויקט.
העקרונות שהובילו אותי
שקיפות = אמון
מחירים ברורים, Stars ratings, specs מלאים — לא מסתירים כלום. הקונה מרגיש שהמידע בצדו.
Filter תמיד גלוי
Sidebar filter קבוע, לא collapsed. בקניית רכב, filter הוא הlb של החוויה.
3 Personas, 3 Flows
כל persona עם flow שונה: First Buyer, Upgrader, Family Buyer. ה-IA מנווט כל אחד למה שהוא צריך.
Pain Points → Features
"לא יודע אם המחיר הוגן" → מחיר שוק. "לא מבין הבדל" → Comparison. "מסתירים מידע" → Full Specs.
תהליך עבודה
תהליך מקיף שכלל מחקר משתמשים, הגדרת אסטרטגיה, יצירת מערכת עיצוב מקיפה, פיתוח ויישום סופי.
מה נמסר ללקוח.
מחקר מלא
ראיונות, competitors analysis, personas, pain point mapping, user flows.
פלטפורמת רכב
Search + Filters + Results + Car Detail + Compare. כל Flow מלא.
Wireframes
Low-fi ← Mid-fi ← High-fi. תיעוד תהליך מחשבה מ-UX ל-UI.