בניית אתרים לעסקים: אפיון, עיצוב ופיתוח
בחירת חברה לבניית אתרים מתחילה במה שהאתר צריך לעשות ובמי שיתפעל אותו. נגדיר מבנה ותוכן, נבחר דרך בנייה מתאימה ונבדוק את מסלולי הפנייה בנייד ובמחשב. היקף העבודה, אחריות לתוכן ותנאי המסירה יוגדרו לפני הביצוע.
מה תמצאו בעמוד?
למי השירות מתאים?
לעסק שהאתר שלו כבר לא מסביר נכון את השירותים, לחברה שמקימה אתר חדש או לחנות שצריכה מסלול רכישה ברור. לפני שמחליפים הכול, בודקים מה עובד, מה חסר ואילו חלקים אפשר לשמור.
מה אפשר לכלול בתהליך?
| שלב | תוצרים והחלטות |
|---|---|
| אפיון ומבנה | מטרות, קהלים, מפת עמודים ומסלולים לפנייה או לרכישה |
| תוכן ועיצוב | מסרים, היררכיה, מסכים ויישום השפה החזותית |
| הקמה וחיבורים | עמודים, טפסים ורכיבים שנקבעו באפיון, עם חיבורים לפי הצורך |
| בדיקות והעברה | בדיקות בנייד ובמחשב, קישורים ותהליך עדכון התוכן |
מספר העמודים, כתיבת התוכן, צילום, העברת תכנים, חיבור למערכות ותחזוקה לאחר ההשקה נקבעים בהצעה. אחסון, רישיונות ותשלומים לספקים חיצוניים מוצגים בנפרד כאשר הם נדרשים.
איך בוחרים כיוון נכון?
אתר תדמית צריך להסביר ולהוביל לפנייה; חנות צריכה לתמוך בבחירה, סל ותשלום; דף נחיתה ממקד הצעה אחת. הבחירה מתחילה במסלול של הלקוח ולא במספר מסכים או באפקט עיצובי.
טופס שלא מוחק פרטים אחרי שגיאה, כפתורים שנגישים במובייל, תוכן שקל לעדכן ועמודים שנשארים קריאים גם בלי אנימציות. בהחלפת אתר מתכננים גם את שימור הכתובות והקישורים הקיימים.
הצוות והתהליך שמחברים את הכול
תכנון, תוכן ועיצוב צריכים לעבוד יחד. מתחילים בהבנת הצורך, מגדירים מה צריך להפיק ומה דורש אישור, ואז מתקדמים לביצוע ולבדיקות. בהצעה מגדירים תחומי אחריות, שלבי עבודה ונקודות החלטה, כדי שיהיה ברור מי מטפל במה.
להכיר את צוות ברנדיני ← · לראות עבודות מהסטודיו ←
מה כדאי להביא לשיחת ההיכרות?
כתובת האתר הקיים, השירותים או המוצרים המרכזיים, השינוי שרוצים להשיג ומערכות שחייבות להמשיך לעבוד. אפשר להתחיל גם כשאין עדיין אפיון מלא.
אפשר להגיע עם בעיה שעדיין אינה מנוסחת עד הסוף. מטרת השיחה היא להבין את המצב, לשאול את השאלות הנכונות ולבחון התאמה. היקף העבודה, העלות ולוחות הזמנים המחייבים יוגדרו בהצעה, ולא לפי חבילת ברירת מחדל שאינה מתאימה לעסק.
שאלות נפוצות
לשדרג את האתר הקיים או לבנות אתר חדש?
מתחילים בבדיקה של מבנה התוכן, נוחות השימוש והיכולת לעדכן את האתר. אם התשתית מתאימה והבעיה ממוקדת, אפשר להגדיר שדרוג נקודתי. בנייה מחדש נשקלת כשהמבנה או המערכת מגבילים את הצרכים של העסק. בשיחת האפיון מגדירים מה שומרים ומה צריך להחליף.
איך מחליטים בין דף נחיתה, אתר תדמית וחנות?
דף נחיתה מתאים להצעה ממוקדת ולפעולה מרכזית אחת. אתר תדמית מאפשר להסביר כמה שירותים ולבנות היכרות עם העסק. חנות נדרשת כשמסלול הלקוח כולל בחירת מוצרים ותשלום באתר. הבחירה תלויה בדרך שבה הלקוחות בוחרים וקונים, ובהיקף התוכן שצריך להציג.
מה צריך להגדיר לפני שמחליפים אתר שכבר מופיע בגוגל?
ממפים את העמודים והכתובות הקיימים, את התוכן שצריך לשמור ואת החיבורים שהעסק משתמש בהם. כשכתובת משתנה, מתכננים הפניה לעמוד המתאים ובודקים אותה לאחר העלייה. שימור התנועה אינו מובטח; תכנון המעבר והבדיקות צריכים להיות חלק מפורש מהיקף הפרויקט.
מי מעדכן את האתר אחרי ההשקה?
כבר באפיון מגדירים אילו תכנים הצוות שלכם צריך לערוך, מי אחראי לעדכונים ואיזו הדרכה נדרשת. תחזוקה טכנית, העלאת תכנים ורישיונות הם צרכים שונים; ההצעה צריכה לציין מה כלול ומה דורש שירות המשך.
להגיע לשיחה עם כיוון
איך השירות מתחבר להמשך?
מפת אתר לפני בחירת עיצוב
לפני השינוי
שני השירותים מופיעים בפסקה אחת, והמבקר נדרש להשאיר פרטים לפני שהוא מבין מה מתאים לו.
תוצר שאפשר לבדוק
מפת האתר מפרידה בין שני מסלולים: עמוד ייעוץ שמסביר הכנה ותוצר הפגישה, ועמוד ליווי שמציג תחומי אחריות ורצף עבודה. עמוד הבית מסייע לבחור ביניהם.
הפרדה מועילה כשיש החלטת קנייה שונה. אם ההבדל הוא רק שם פנימי של חבילה, ייתכן שמספיק להסביר אפשרויות באותו עמוד.
החלטות שכדאי לסגור מראש
- שני שירותים דורשים מידע שונה
- מגדירים עמוד לכל החלטה — המבקר יכול לבחון התאמה לפני הפנייה.
- המידע משותף לשני המסלולים
- משאירים מקור תוכן אחד ומקשרים אליו — כך עדכון אינו יוצר נוסחים סותרים.
- הצוות צריך לערוך לבד
- מגדירים תבניות ושדות תוכן לפני הפיתוח — מסירת האתר נבחנת גם ביכולת העבודה של הצוות.
מה בודקים בתוצר?
- לכל עמוד מטרה ופעולה ברורות
- שם השירות מובן מחוץ לחברה
- התוכן הנדרש זמין או משויך לאחראי
- מסלול הפנייה נבדק מתחילתו ועד קליטתו
מקור להעמקה: W3C: מבנה עמוד נגיש
שדרוג והחלפת אתר קיים
שדרוג והחלפת אתר קיים — היקף, תהליך עבודה ודוגמה להכנה.
מפת החלטות לפני מפת עמודים
לפני שמחליטים אילו עמודים לבנות, מנסחים את ההחלטות שהאתר אמור לעזור למבקר לקבל. אפשר להתחיל בטבלה פשוטה: סוג מבקר, שאלה ראשונה, מידע הדרוש להמשך ופעולה רצויה. למשל, עסק שמציע שירות קבוע לצד פרויקט חד־פעמי אינו צריך בהכרח שני אתרי משנה. אם תנאי הבחירה שונים, כדאי להפריד למסלולים ברורים; אם רוב המידע והפעולה משותפים, אפשר להציג בחירה בתוך אותו עמוד. ההכרעה מבוססת על צורך המשתמש ועל אופן הטיפול בפנייה, לא על חלוקה פנימית של צוות המכירות.
תוכן שמוכן לבנייה
תוכן מוכן אינו רק מסמך טקסט. לכל עמוד כדאי לסמן בעלים, מצב אישור, מקור לתמונה או לקובץ, פעולה רצויה ותאריך בדיקה פנימי. כך אפשר לזהות מוקדם תוכן שחסר בו פרט מהותי במקום לגלות זאת ערב ההשקה. תרחיש להמחשה: עמוד שירות מתאר תהליך עבודה, אך איש מקצוע עדיין צריך לאשר אילו פרטים אפשר לפרסם. אפשר לבנות את המבנה ואת הרכיבים סביב תוכן זמני, אבל מסמנים במפורש מה חסר ולא מתייחסים אליו כתוכן מאושר. מסירה מסודרת כוללת גם רשימת פריטים שנותרו לטיפול.
בחירת רכיבים לפי תדירות שינוי
רכיב חוזר צריך להיבחר לפי מי שיעדכן אותו ובאיזו תדירות. מידע שמשתנה כל שבוע, כגון אירועים או שאלות נפוצות, זקוק לאופן עריכה קצר וברור. תוכן שנבדק פעם בשנה יכול להישאר חלק מעמוד רגיל בלי להוסיף מנגנון מורכב. למשל, אם בכל עמוד שירות מופיעה רשימת שלבים אך הסדר משתנה בין שירותים, מגדירים רכיב שמאפשר להוסיף, להסיר ולסדר שלבים בלי לערוך קוד. אם קיימת רשימה אחת מרכזית לכל האתר, עדיף מקור תוכן יחיד כדי שלא יופיעו גרסאות סותרות בעמודים שונים.
בדיקות מסלול ולא רק בדיקות מסך
לפני מסירה בודקים משימה מלאה מנקודת מבט של מבקר ושל מי שמקבל את הפנייה. נכנסים מעמוד או מקישור מייצג, מאתרים שירות, שולחים טופס, בודקים הודעת הצלחה ומוודאים שהפרטים הגיעו ליעד שסוכם. בודקים גם שגיאה מכוונת: שדה חובה ריק, כתובת דוא״ל לא תקינה או קישור שבור. תרחיש להמחשה: טופס נראה תקין בדפדפן, אבל הודעת השגיאה מופיעה מחוץ לאזור הנראה בנייד. הבדיקה מגלה שהמשתמש אינו מבין מה לתקן. מתקנים את המסר ואת מיקום ההודעה, ואז מריצים שוב אותו תרחיש.
העברה לצוות ותחזוקה לאחר מסירה
כדאי להגדיר כבר בתחילת הפרויקט מה יימסר לצוות: גישה למערכת, רשימת רכיבים, הוראות עדכון קצרות, פרטי ספקים חיצוניים ורשימת חידושים צפויים. הדרכה טובה מתמקדת בפעולות שכיחות ולא במסך הגדרות שאינו רלוונטי לעורך התוכן. למשל, עורך צריך לדעת לפתוח עמוד שירות, להחליף תמונה ולבדוק קישורים לפני פרסום; מנהל טכני צריך לדעת מי מטפל בעדכוני מערכת ובגיבוי. שינויים החורגים מהתבניות שסוכמו, חיבורים חדשים או שינוי מהותי במבנה העמודים עוברים לבחינת היקף נפרדת.
להחלטות שמשלימות את התכנון: WordPress או Wix: בחירה לפי תפעול · Webflow או WordPress · Mobile First או Desktop First · השוואת הצעות לבניית אתר.
