איך לבנות את האתר הראשון שלכם עם AI, צעד אחר צעד

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

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

צעד 1: מחליטים מה האתר לא

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

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

צעד 2: כותבים את התוכן לפני העיצוב

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

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

צעד 3: מבקשים דף אחד

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

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

צעד 4: בודקים בטלפון לפני שנוגעים בעיצוב

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

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

צעד 5: מעלים לאוויר בגודל קטן

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

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

צעד 6: מה משפרים בגרסה הבאה

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

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

צעד 7: שומרים על האתר אחרי ההתלהבות

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

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

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

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

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

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