Know Your Car – בניית אתר תוכן בינלאומי
בפרויקט זה פיתחנו ועיצבנו מאפס את אתר Know Your Car, כולל יצירת לוגו ושפה עיצובית ייחודית. האתר משלב צבעוניות דינמית בגווני כחול וטורקיז עם אלמנטים גרפיים מותאמים לעולם הרכב, במטרה לשדר חדשנות, דיוק וטכנולוגיה.
הטיפוגרפיה נקייה וקריאה, והתמונות הדינמיות מחזקות את החיבור לעולם הרכב. האתר מותאם רספונסיבית לגלישה במובייל ודסקטופ, ומאפשר לגולש חוויית שימוש זורמת ונוחה. השילוב בין לוגו ייחודי, צבעים עוצמתיים ואלמנטים עיצוביים מותאמים מעניק למותג נראות מקצועית ובינלאומית.
צבעים
צבעי האתר נבחרו כחלק מתפיסה עיצובית כוללת שמחברת בין עולם הרכב לערכים של חדשנות, אמינות וסמכותיות. שילוב הגוונים כחול כהה ו־טורקיז אינו רק בחירה אסתטית – הוא מהווה שפה ויזואלית שמעניקה לגולש תחושת ביטחון לצד דינמיות וטכנולוגיה מתקדמת. הוספת שחור יוצרת שכבת עומק ויוקרה, בעוד ש־לבן משמש כרקע פונקציונלי שמאזן את המערכת ומבטיח קריאות אופטימלית. הבחירה הזו מבוססת על עקרונות עיצוב בינלאומיים של קונטרסטיות, היררכיה ופסיכולוגיית צבעים, והיא זו שמעניקה למותג Know Your Car מראה מקצועי, מודרני ובינלאומי שמציב אותו בקדמת הבמה.
צבע ראשי
#52ffea
הצבע הראשי של הכפתורים באתר הוא טורקיז בהיר, בחירה אסטרטגית שנועדה לשדר רעננות, אנרגיה וחדשנות. זהו צבע חי ודינמי שמבוסס על עקרונות פסיכולוגיית צבעים ומוכח כמעורר סקרנות ופעולה מיידית מצד המשתמש. שילובו בעיצוב הכפתורים אינו מקרי,הוא יוצר ניגוד חד מול גווני הכחול והשחור הדומיננטיים באתר, מה שמבטיח שהקריאה לפעולה תמיד תהיה האלמנט הבולט ביותר במסך. הבחירה בטורקיז מבדלת את המותג, מעניקה לאתר מראה מודרני וקליל, וממקמת את חוויית המשתמש במרכז, עם דגש ברור על הנעה לפעולה בצורה אינטואיטיבית ומובנית.
צבע משני
#264572
הצבע המשני באתר הוא כחול עמוק , שנבחר כדי לשדר יציבות, סמכות ואמינות. הגוון הכהה יוצר איזון מול הטורקיז הבהיר, מעניק עומק ואלגנטיות לעיצוב, ומשמש כרקע מצוין לטקסטים ולכפתורים. בזכות הניגודיות שלו, הוא מחזק את הקריאות ומסייע בהדגשת תכנים חשובים מבלי להשתלט על העיצוב הכללי.
גופן
באתר נעשה שימוש בגופן Raleway, שנבחר בזכות המראה המודרני, הנקי והקריא שלו. הגופן משדר מקצועיות ואלגנטיות תוך שמירה על פשטות וקלות קריאה, מה שהופך אותו לאידיאלי עבור אתר אינפורמטיבי וטכנולוגי. השימוש ב־Raleway במידות מותאמות מבטיח חוויית משתמש חלקה הן במסכי מחשב והן במובייל, תוך שמירה על אחידות עיצובית שמחזקת את השפה הגרפית של המותג.
משפחת גופנים
Raleway
כפתורים
כפתור ראשי
הכפתור הראשי עוצב בצורה מינימליסטית עם רקע כחול כהה וטקסט לבן, כדי לשמור על ניגודיות גבוהה וקריאות מושלמת. הקצוות המעוגלים מעניקים מראה מודרני ונגיש, בעוד הפשטות של העיצוב מבליטה את הקריאה לפעולה בצורה ברורה וישירה. השילוב בין הצבעים והצורה מחזק את תחושת המקצועיות ומניע את המשתמש להעמיק בתוכן ללא הסחות דעת.
כפתור משני
הכפתור המשני עוצב בסגנון נקי ועדין עם רקע לבן, מסגרת דקה בצבע כהה וטקסט כחול אלגנטי. הבחירה בעיצוב מינימליסטי יוצרת היררכיה ברורה בין הכפתורים, הוא פחות דומיננטי מהכפתור הראשי, אך עדיין קריא ובולט בזכות הניגודיות מול הרקע. הקווים הישרים והעיצוב הפשוט משדרים מקצועיות ומאפשרים להדגיש פעולות משניות באתר מבלי להעמיס על חוויית המשתמש.
אזור עליון - Header
אזור עליון גרסת מובייל - Header Mobile
ההדר בגרסת הטלפון עוצב בצורה נקייה ופשוטה, עם מיקוד בשימושיות מהירה. בצד שמאל מופיע לוגו המותג שמעביר זהות ברורה וזיהוי מיידי, ובצד ימין תפריט "המבורגר" בצבע טורקיז בולט שמושך את העין ומאפשר ניווט נגיש בלחיצה אחת. מתחת להדר שולב שדה חיפוש רחב עם אייקון זכוכית מגדלת בצבע כחול כהה, שמעניק לגולש אפשרות לאתר מידע במהירות ובקלות. הבחירה בצבעוניות ניגודית (טורקיז, כחול כהה ולבן) מבטיחה חוויית משתמש ברורה, מודרנית ונוחה במיוחד למובייל.
אזור עליון גרסת מחשב- Header Dasktop
ההדר באתר במחשב משלב מיתוג ברור עם שימושיות גבוהה. בצד שמאל מופיע לוגו צבעוני שמייצר זהות חזקה וזיהוי מיידי, בצד ימין שדה חיפוש פונקציונלי עם אייקון זכוכית מגדלת בולט, ובמרכז פרוס בר ניווט רחב על רקע טורקיז בהיר. תפריט הניווט כולל קטגוריות מרכזיות מעולם הרכב כשהקטגוריה הפעילה מסומנת בהדגשה אדומה ליצירת היררכיה ברורה. הבחירה בצבעוניות חזקה אך נקייה, יחד עם פריסה מאורגנת, מעניקה חוויית משתמש נוחה ומודרנית תוך שמירה על אסתטיקה תוססת שמחזקת את המותג.
אזור ,תחתון - Footer
אזור תחתון גרסת מובייל - Footer Mobile
הפוטר במובייל תוכנן להעניק לגולש חוויית שימוש פשוטה ונוחה, תוך שמירה על שפה עיצובית עקבית עם צבעי המותג. בחלקו העליון מופיע טופס הרשמה לניוזלטר עם שדה מייל וכפתור שליחה מודגש, המעודד הצטרפות לקבלת טיפים ומבצעים. מתחתיו מוצגת חלוקה ברורה לשתי קבוצות מידע: Good To Know – קישורים לקטגוריות עיקריות באתר כמו תחזוקת רכב, רכבים חשמליים ואביזרים; ו־Need Help? – קישורים פונקציונליים כמו יצירת קשר, מפת אתר ומדיניות פרטיות. הצבע הטורקיז הבולט יוצר תחושת רעננות וקלילות, והטיפוגרפיה הקריאה מבטיחה ניווט אינטואיטיבי גם במסכים קטנים.
אזור תחתון גרסת מחשב- Footer Dasktop
הפוטר במחשב עוצב על רקע טורקיז בולט שממשיך את שפת הצבעים של האתר ומעניק תחושת רעננות וחדשנות. בחלקו העליון מופיע טופס הרשמה לניוזלטר עם שדה מייל וכפתור שליחה כהה ובולט, המעודד את המשתמשים להצטרף ולקבל טיפים, חדשות והטבות. מתחתיו הפוטר מחולק לשלושה אזורים ברורים: Good To Know – קישורים לקטגוריות ותכנים עיקריים באתר; Need Help? – קישורים שימושיים כמו יצירת קשר, מפת אתר ומדיניות פרטיות; ו־Follow Us – אייקונים לרשתות החברתיות המרכזיות, המאפשרים חיבור ישיר לקהילה.