בניית אתר קטלוג לכלי בינה מלאכותית – How-to Ai
How-to Ai הוא מאגר כלי הבינה המלאכותית בעברית הגדול בישראל, עם למעלה מ-1,400 כלים שמתעדכנים מדי שבוע. האתר בנוי סביב חיפוש: הגולש מקליד מה הוא צריך, מסנן לפי קטגוריה או לפי תקציב, ומגיע לכרטיס כלי עם הסבר בעברית. לצד המאגר יש בלוג, מדריכים ומרכז למידה שהופכים אותו לנקודת התחלה ולא רק לרשימה.
צבעים
העיצוב נשען על שני צבעים עיקריים על רקע לבן אוורירי:
- הצבע הראשי : כחול עז: צובע את ההדר, את באנר החיפוש ואת כל כפתורי הפעולה.
- הצבע המשני : כחול לילה כהה: משמש לכותרות, לכפתורים המשניים ולפוטר.
שני הכחולים יחד יוצרים שפה טכנולוגית וברורה, בלי לעייף את העין בגלילה ארוכה בין מאות כלים.
הצבע הראשי באתר הוא כחול עז. בעולם הטכנולוגיה הכחול מסמן אמינות ומקצועיות, וכאן הוא גם עובד קשה: הוא צובע את כל רצועת החיפוש הראשית, את ההדר ואת כפתורי הפעולה, כך שבכל מסך העין יודעת מיד איפה נמצאת הפעולה הבאה.
הצבע המשני הוא כחול לילה כהה, כמעט שחור. הוא מחזיק את הכותרות, את הכפתורים המשניים ואת הפוטר, ומספק את הניגודיות שהאתר צריך: כשיש מאות כרטיסי כלים על רקע לבן, הכחול הכהה הוא זה שמסמן מה כותרת ומה תוכן.
גופן
Heebo
כפתורים
הכפתור הראשי הוא «ראו את כל הכלים», כפתור מעוגל בגרדיאנט מכחול לטורקיז. הוא הכפתור היחיד באתר עם גרדיאנט, וזו בדיוק הסיבה שהוא עובד: בתוך עמוד מלא כרטיסים ותגיות הוא הדבר הבולט ביותר, והוא מוביל אל הפעולה שהאתר כולו קיים בשבילה, לגלוש במאגר המלא.
אזור עליון - Header
ההדר במחשב הוא רצועה כחולה שנשארת צמודה לראש המסך לאורך כל הגלילה. בצד אחד הלוגו של How-to Ai, במרכז תפריט הניווט עם כלי הבינה המלאכותית, הבלוג, אודות ויצירת קשר, ובצד השני שדה חיפוש מהיר ומתג מצב תצוגה. שדה החיפוש בהדר הוא לב האתר, ולכן הוא זמין מכל מקום ובכל רגע.
בטלפון ההדר שומר על הרצועה הכחולה אבל מתקצר: הלוגו בצד אחד, תפריט המבורגר בצד השני ומתג מצב התצוגה ביניהם. שדה החיפוש הגדול עובר אל תוך באנר הפתיחה, כך שהפעולה הראשונה שהגולש רואה במסך קטן היא בדיוק זו שהוא בא בשבילה.
אזור תחתון - Footer
הפוטר במחשב מחולק לארבע עמודות: מדריכים מומלצים, פוסטים אחרונים מהבלוג, קישורי עזרה ויצירת קשר, והרשמה לעדכונים שבועיים על כלים חדשים. מתחתיו נפרסת רשת ענקית של כל הקטגוריות באתר, שמשמשת גם את הגולש וגם את מנועי החיפוש.
בטלפון הפוטר נערם בטור אחד: קודם המדריכים והפוסטים האחרונים, אחריהם קישורי העזרה וההרשמה לעדכונים, ובסוף רשימת הקטגוריות המלאה. הסדר הזה שומר שהתוכן השימושי ביותר יופיע ראשון, לפני רשימת הקישורים הארוכה.
חוויית מובייל
בטלפון המאגר עובד כמו אפליקציה: שדה החיפוש תופס את מרכז המסך הראשון, תגיות הסינון נפרסות בשורות שאפשר ללחוץ עליהן באגודל, וכרטיסי הכלים מסתדרים בטור אחד עם שם, תיאור קצר ותגית תמחור. גולשים מחפשים כלי AI תוך כדי עבודה ולרוב מהטלפון, ולכן הגרסה הזו נבנתה סביב מהירות מציאה ולא סביב עיצוב מרשים.
רוצים לבנות אתר?
השאירו פרטים ונחזור אליכם בהקדם
