מקובץ השראה למערכת: דוגמאות אתרים שמתרחבות

סיכום

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

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

הלקוח הראשון: תרגם לפני שאתה מציג

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

נניח שהבריף הוא חברת לוגיסטיקה אזורית שהקונים שלה הם מנהלי מחסנים. האינסטינקט הראשון שלך הוא לשלוף שלושה אתרים מתעשיית הלוגיסטיקה; במקום זאת, שלוף את Calendly בשביל הכותרת עם התוצאה תחילה, את Notion בשביל עמוד שמתחייב לפעולה אחת (ה-CTA שלו "קבל את Notion בחינם"), ועמוד מעקב מכוער אבל אינפורמטיבי מכל תעשייה. בפגישה, אמור: "Calendly היא לא חברת לוגיסטיקה. החלק שאנחנו שואלים הוא שהכותרת מסירה חיכוך לפני שהמשתמש קורא תכונה. הערך של Notion הוא איפוק: פעולה אחת ברורה." אתה תראה את הלקוח מפסיק לבקש אפקטים של פרלקסה ומתחיל להתווכח על הכותרת. זו כל הנקודה—הדוגמאות עבדו ככלי חשיבה, לא כתבניות.

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

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

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

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

הלקוח העשרים: תן לספרייה לולאת משוב

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

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

הפרק המתריס: אל תיקח את מצוות ה-CTA היחיד כפשוטה

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

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

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