תמחור ואישור הצעת מחיר
לפני שנוגעים בכלום - מבינים מה בונים, מסכמים על הכסף ואוספים את החומרים.
- בפגישת אפיון עם הלקוח, עברו יחד איתו על שאלון אפיון, וסכמו על היקף ומבנה הפרויקט.
- תמחרו את הפרויקט במחשבון התמחור בפאנליינר, והוציאו משם הצעת מחיר.
- שלחו את ההצעה ללקוח, וחכו לאישור שלו לפני שמתחילים.
- פתחו תיקייה בדרייב לפרויקט, ובקשו מהלקוח להעלות לשם את כל החומרים: מיתוג, תמונות וטקסטים.
שווה לדעת. בפאנליינר אפשר להעלות תמלול של שיחת האפיון, ולקבל ממנו תמחור והצעת מחיר בקליק אחד. למחשבון התמחור
אפיון
מחליטים מה בדיוק בונים, בכתב, כדי שאף אחד לא יופתע בסוף.
- כתבו רשימת עמודים ורשימת פיצ׳רים.
- לכל עמוד, כתבו את רשימת האזורים שבו, ואת האלמנטים שיש בכל אזור.
- ציירו וויירפריים: שלד פשוט של כל עמוד, בלי צבעים ובלי עיצוב.
שווה לדעת. האפיון הוא גם ההגנה שלכם. כל בקשה שמגיעה אחר כך ולא נמצאת בו היא תוספת בתשלום.
עיצוב
קובעים את השפה החזותית לפני שכותבים שורת קוד.
- בחרו פלטת צבעים, פונטים וסגנון ויז׳ואלי.
- אספו השראות לתיקייה. אפשר השראה לכל אזור בדף הבית, או השראה לכל עמוד.
- פתחו תיקייה עם כל קבצי המיתוג של הלקוח.
שווה לדעת. השראה היא הדרך הכי מהירה להסביר ל-Claude איך זה צריך להיראות. תמונה אחת חוסכת עשרה משפטים.
פיתוח
כאן Claude נכנס לתמונה, ורק אחרי שהכל מוכן לו על השולחן.
- פתחו תיקייה בשם הפרויקט, בתוך תיקיית ״פרויקטים״ שבתיקיית ״קלוד״ במחשב.
- שימו בתיקייה את האפיון, הוויירפריים, ההשראות, המיתוג, הפונטים ופלטת הצבעים.
- פתחו סשן ב-Claude Code ובחרו את תיקיית הפרויקט.
- בחרו מודל: אופוס או פייבל.
- תנו פרומפט לבניית דף הבית, לפי האפיון, ההשראות והמיתוג.
- הפעילו את סקיל העבודה המהירה כדי ש-Claude יעבוד מהר ובלי סבבים מיותרים. אם יש לכם סקיל עיצוב - גם אותו.
- תסתכלו על מה שיצא, ודייקו אזור אזור. אחר כך התאימו את הכל לטלפון.
שווה לדעת. אם מה שיצא ממש לא בכיוון - לא מתקנים אותו עד מוות. מבקשים גרסה נוספת מאפס.
סבב תיקונים
הלקוח רואה אתר אמיתי, לא צילום מסך, ואומר מה לשנות.
- אחרי שדף הבית מוכן, העלו אותו לגיטהאב ובקשו קישור לתצוגה.
- קבעו פגישה עם הלקוח, עברו איתו על דף הבית ורשמו תיקונים.
- בצעו את התיקונים, השלימו את שאר האתר, וקבעו פגישה דומה נוספת.
שווה לדעת. בפרויקטים קטנים אפשר לבנות את כל האתר בבת אחת ולעשות פגישת תיקונים אחת.
פעולות סיום
הכל עובד. עכשיו בודקים שהוא גם תקין, בטוח וחוקי.
- הריצו את סוכן ה-QA: הוא עובר על האתר החי, לוחץ על הכל ובודק שהכל עובד.
- בדקו את האתר בטלפון ובטאבלט. סוכן ה-QA בודק את זה בארבעה רוחבים.
- בנו ללקוח פאנל ניהול, כדי שיוכל לעדכן תוכן לבד.
- הריצו גם את סוכן ה-SEO, סוכן האבטחה וסוכן החוקיות.
- שמרו גיבוי של כל התיקייה בקובץ ZIP.
העלאה לאוויר
שלוש שיטות חיבור, והגודל של הפרויקט מחליט באיזו בוחרים.
- אואתר קטן מאוד או דף נחיתה, בלי מסד נתונים ובלי מיילים: אחסון חינם בקלאודפלייר.
- אואתר עם מסד נתונים ומיילים: מעלים ל-Lovable. כדאי לבנות אותו מראש עם סקיל העיצוב ל-Lovable, כדי שההעברה תהיה חלקה.
- אואתר מורכב עם תעבורה גבוהה: ורסל ו-Supabase, ואם צריך שרת מיילים אז גם RESEND.
סיימתם את הפרויקט? מעולההה! עכשיו זה הזמן לעצב מוקאפ יפה, לשלוח ללקוח, ולבקש ממנו לפרסם אתכם אצלו ברשתות ובקבוצות. לא לשכוח להעלות את הפרויקט גם באתר האישי שלכם ובסושיאל, ואחרי חודשיים לחזור ללקוח ולבקש סיפור הצלחה.