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

סיכום

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

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

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

התחילו עם השאלות, לא עם חנות התבניות

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

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

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

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

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

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

ביקורת התוכן לפני ציד התבניות

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

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

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

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

האם תבניות שבדרך כלל הייתם מציעים מתמודדות עם זה? עוד לא ידוע. זו הנקודה.

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

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

קראו את דפי המוצר לפני עמוד הבית

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

הפסיקו להעריך תבניות לפי עמוד הבית שלהן. העריכו אותן לפי העמוד המשעמם ביותר שלהן.

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

השוואה עוזרת לפני שמתחילים ללחוץ:

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

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

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

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

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

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

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

מה לעשות כשהלקוח מתאהב בתבנית הלא נכונה

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

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

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

עיקרון: המשיכה החזותית אמיתית, אבל היא רק תכונה אחת. הגנו על הליבה של האתר בכך שתקשרו כל בחירת תבנית לביקורת.

הבנייה הראשונה היא הטמעת תוכן, לא מעבר עיצובי

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

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

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

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

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

הסירו כל מה שאינו תוכן אמיתי

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

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

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

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

בנו את הלקוח השני מהר יותר עם ערכת השקה

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

צרו ערכת השקה אחרי הפרויקט הראשון. לכל הפחות:

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

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

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

דעו מתי התבנית אינה הבעיה

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

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

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

סיכום

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

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

התחילו עם השאלות. התבנית תבוא בעקבותיהן.