המדריך · צעד אחר צעד

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

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

5שלבים מרעיון לאוויר
94%מהגולשים נכנסים מהמובייל
0שורות קוד שתכתבו בעצמכם
3רשומות DNS לחיבור דומיין
המדריך המלא

חמישה שלבים, ואתם באוויר

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

01החומרים

מחברים את החומרים

אני מתחילה בחיבור קונקטור כמו גוגל דרייב, או פשוט מעלה את הקבצים הרלוונטיים: הטקסטים, התמונות, הלוגו, כל חומר שמתוכו אני רוצה שה-AI יבנה את האתר. אני עובדת עם קלוד (Cowork) או קודקס, לפי מה שנוח לי באותו פרויקט.

מהניסיון שלי

ככה בניתי את האתר של הסטארטאפ שלי vibe-ai-lab.com, את האתר האישי שלי rinatkeinan.com שרץ על שופיפיי, ובקרוב גם את דף הנחיתה להשקת הספר ״חשיבה של אישה עשירה״.

נתתי לקודקס מצגת ומטרה, וקיבלתי אתר שלם. ככה נבנה vibe-ai-lab.com
נתתי לקודקס מצגת ומטרה, וקיבלתי אתר שלם. ככה נבנה vibe-ai-lab.com
02המטרה

מגדירים מטרה ו-CTA

אני מסבירה מה אני רוצה ליצור ובעיקר מה המטרה. המטרה עוזרת לבינה המלאכותית להשלים אסטרטגית רצונות שלא ידעתי להגדיר, מחוסר ידע או חוסר ניסיון. בשלב הזה אני מגדירה גם את ה-CTA (Call to Action: הקריאה לפעולה, מה שאתם רוצים שהגולש יעשה בדף), ולכל כפתור את הלינק שיחובר אליו:

  • לינק שפותח את המייל לשליחת הודעה
  • לינק לפתיחת שיחת וואטסאפ
  • לינק לעמוד תשלום כמו פייבוקס
אני תמיד מבקשת

שהאתר יהיה רספונסיבי למובייל, כי 94% מהיוזרים ייכנסו לאתר שלכם מהטלפון.

בקשה אחת בשפה חופשית, והאתר רספונסיבי עם הפונט שרציתי
בקשה אחת בשפה חופשית, והאתר רספונסיבי עם הפונט שרציתי
03העיצוב

נותנים כיוון עיצובי

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

הפידבק שלי בשפה חופשית: מינימליסטי, ויזואלי וממוקד ביתרון היחסי
הפידבק שלי בשפה חופשית: מינימליסטי, ויזואלי וממוקד ביתרון היחסי
מהניסיון שלי

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

04התשתית

בוחרים תשתית ומקבלים את הקוד

כאן הדרך מתפצלת לשני מסלולים, לפי מה שאתם צריכים:

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

דף נחיתה ב-Netlify

אני מבקשת מקודקס (או קלוד) קובץ ZIP של האתר. אחסון חינמי ב-Netlify, מושלם לדף נחיתה בלי סליקה. ככה בניתי את vibe-ai-lab.com.

מסלול חכם · חנות

קוד Liquid לשופיפיי

אני מבקשת קוד ליקוויד ומדביקה אותו בעריכת התבנית של אתר השופיפיי. ככה משדרגים את הפרונט ונהנים מהבקאנד של שופיפיי, כולל סליקה בילט-אין. ככה בנוי האתר שלי rinatkeinan.com. עוד אין לכם חנות שופיפיי? יש לי לינק הטבה לחודש ניסיון ב-$1.

05לייב

עולים לאוויר ומחברים דומיין

במסלול Netlify: מעלים את ה-ZIP ויש לכם אתר באוויר. גם חיבור הדומיין מאוד קל: מוסיפים 3 רשומות DNS אצל הספק שממנו רכשתם את הדומיין. במסלול שופיפיי: שומרים את הקוד בעריכת התבנית, מפרסמים, והדומיין כבר מחובר לחנות.

קיבלתי קובץ ZIP מוכן והוראות פריסה מדויקות, כולל רשומות ה-DNS
קיבלתי קובץ ZIP מוכן והוראות פריסה מדויקות, כולל רשומות ה-DNS
לפני שמשתפים

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

Netlify Drop: גוררים את הקובץ, והאתר באוויר
Netlify Drop: גוררים את הקובץ, והאתר באוויר
גם אחרי שהאתר באוויר

תמיד אפשר לבקש מקודקס או מקלוד עדכון גרסה לקוד. כשרציתי להוסיף את המהדורה החדשה של GenAI Magazine, פשוט ביקשתי ZIP מעודכן וגררתי אותו ל-Netlify. דקה, והעדכון באוויר.

החלום שלכם לא מחכה שתדעו הכול. הוא מחכה שתתחילו.

רוצים לעשות את זה יחד?

שעת ייעוץ אחת, והרעיון שלכם באוויר

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

מה עושים בשעה

  • מחברים את החומרים ומגדירים מטרה ו-CTA
  • בונים יחד את הדף עם קלוד או קודקס
  • מעלים לאוויר ומחברים דומיין
  • יוצאים עם דרך עבודה שתשמש אתכם לכל פרויקט הבא
לקביעת שעת ייעוץ
◆ מספר המקומות בכל חודש מוגבל

השירותים שלי