דף נחיתה שנבנה על ידי היזם, נבנה מחדש בקוד פרודקשן - עם שכבת המדידה שהייתה חסרה מתחתיו.
לקוח
קשר סוכן אמיתי
תעשייה
נדל״ן / גיוס לידים
שירותים
אופטימיזציית יחס המרה (CRO), עיצוב דפי נחיתה, מערכת עיצוב (Design System), חווית משתמש בטפסי הצטרפות, הגדרת מדידה ב-GA4, והטמעה בפיתוח
ארסנל טכנולוגי
React, Tailwind, Replit, GA4, Google Ads, GitHub
שנה
2026







סטודיו AGR בנה מחדש את דף הנחיתה הפעיל של RealAgentLink בגוגל אדס ישירות בקוד הפרודקשן: בניית אמון מבוססת תהליך (ולא רק חוות דעת), הצגת דוח המוכר כמוצר עצמו, טופס לידים רגוע ומזמין יותר, ותשתית מדידה של GA4 שהייתה חסרה מתחת לקמפיין.
RealAgentLink מחברת בין מוכרי בתים במינסוטה לבין סוכני מכירות שנבחרו בקפידה על בסיס נתוני מכירות מאומתים, ולא על סמך מיקום ממומן. סוכן מורשה במינסוטה בוחן כל פנייה באופן ידני, והמוכר רואה את ההתאמה ואת הנימוקים שמאחוריה עוד לפני שסוכן כלשהו מקבל את מספר הטלפון שלו.
כשהמייסד זאקרי נסלונד פנה אלינו, החברה הייתה צעירה במובן הכי מילולי של המילה: עסקה אחת סגורה, המלצה אחת, ומוצר שהוא בנה בעצמו באמצעות כלי תכנות של בינה מלאכותית ב-Replit. קמפיין Google Ads היה באוויר בתקציב של 25 דולר ביום, והזרים תנועה ממומנת לדף נחיתה שאנשים קראו אך לא ביצעו בו שום פעולה.
הבריף נשא עמו מתח ששווה לציין. לבנות אמון עבור חברה שכמעט ואין לה הוכחות להציג, למנוע מהדף להפוך למותג אישי, ולנצח את המתחרה הישיר ברמת האיכות הוויזואלית. לאחר מכן, להעלות את זה כקוד פרודקשן עובד בתוך האפליקציה הקיימת שלו, כאשר טופס קליטת הנתונים הרב-שלבי, המיילים האוטומטיים, הפקת הדוחות ולוח הבקרה של המנהל – כולם ממשיכים לתפקד בדיוק כפי שעבדו קודם לכן.
הביקורת מצאה בעיית מדידה עוד לפני שמצאה בעיית עיצוב
הקביעה "הדף לא ממיר" הייתה הערכה הגיונית שאף אחד לא יכול היה לאמת. קמפיין ה-Google Ads פעל בשיטת בידינג של "מקסימום המרות" (Maximize Conversions) ללא שום הגדרת פעולת המרה, כך שהאלגוריתם ביצע אופטימיזציה לכלום ושום דבר. התקציב דלף דרך מיקומים ברשת המדיה (Display Network) והרחבה אוטומטית של דפי נחיתה. באתר לא היו כלי אנליזה לטפסים, כך שלא הייתה שום דרך לדעת באיזה שלב בתהליך הקליטה אנשים נוטשים.
קודם כל מדידה, אחר כך עיצוב מחדש
לפני שנגענו בפיקסל בודד, הגדרנו אירועי GA4 עבור כל לחיצה על CTA, תחילת מילוי טופס, שלב אינדיבידואלי בטופס ושליחה שלו. עיצוב מחדש שאי אפשר למדוד הוא עיצוב מחדש שאי אפשר להצדיק, והקמפיין הפעיל היה חייב סיגנלים אמיתיים של המרות כדי לבצע בידינג, ללא קשר לאיך שהדף ייראה בסופו של דבר. ניסחנו את הגרסה הכללית של הטיעון הזה בערימת המרות להדגמה (the demo conversion stack).
בניית אמון מתוך תהליך שקוף
עם המלצה אחת בלבד וללא קיר ביקורות, האסטרטגיה הרגילה של הוכחה חברתית לא הייתה רלוונטית. במקום זאת, בנינו את אמינות המותג מתוך שקיפות מלאה: מה נבדק ומדורג, איך מתבצעת ההתאמה, מה קורה לפרטי הקשר של המוכר, ומתי כל חלק מגיע בפועל.
אזור ראשי (Hero) שמציג את השוק, לא את המייסד
אזור ה-Hero המקורי היה בעל מעבר צבעים ירוק כהה עם צללית עיר שבקושי נראתה לעין וארבעה כרטיסי תכונות קטנים שהיו מונחים מתחתיו. החלפנו אותו בקו הרקיע המאויר של מיניאפוליס ובווידג'טים צפים של נתונים בזמן אמת – ממוצע ימים בשוק, יחס מחיר רישום למכירה, בדיקת נאותה ורישוי – שמופיעים ומהבהבים כמו חיווים חיים. יצרנו אפקט מרשים ללא שימוש בתמונות מאגר (סטוק), וללא שום דמות אנושית בפריים, מה שהיה דרישה מפורשת של הלקוח.
הדוח הוא המוצר
המהלך החזק ביותר בעמוד היה הצגת התוצר הממשי. הדמיית פרימיום של דוח התאמת הסוכנים והערכת הנכס ממוקמת ישירות מתחת לאזור ה-Hero, ולצד כל הבטחה מופיע תג של זמינות מיידית או תוך 24 שעות. ציון זמני האספקה באופן כנה, במקום לרמוז שהכל קורה מיד, הפך הבהרה משפטית לאלמנט שמניע להמרה. זהו אותו עיקרון של הצגת ממשק מוצר אמיתי באתר B2B, כפי שפורט במאמר על מה שגורם לאתר של סטארט-אפ B2B להפוך מבקרים לבקשות לדמו.
מערכת עיצוב (Design System) ולא רק מתיחת פנים
שילוב של הגופנים Domine ו-Inter Display בקנה מידה של 1.333 (קוורטה מושלמת), פלטת צבעים של ירוק וזהב ביחס של 60/30/10 שנשמרה מהזהות המותגית הקיימת, והתאמה גמישה (Fluid sizing) שנראית מעולה ממחשב נייד בגודל 13 אינץ' ועד למסך 5K. גרסאות המובייל והדסקטופ עוצבו בנפרד, ולא כגרסה אחת שנמתחה או כווצה כדי להתאים לשנייה.
הוכחת ערך שמבוססת על תהליך העבודה
כרטיס ניקוד בעל שש נקודות שמראה מה באמת נמדד ונבדק, השוואה שורה-אחר-שורה מול אתרי הפניות טיפוסיים, והבטחות פרטיות שזכו לעיצוב מושקע במקום להיקבר כהערות שוליים. איורי התהליך עוצבו מחדש כדי להתאים לקמפיין הדיוור הפיזי של הלקוח – בתים פרטיים טיפוסיים של אזור ה-Twin Cities ומגדל המים המקומי – כדי שקהל מוכרי הדירות המקומי יזהה מיד את השכונה שלו.
עיצוב בקוד, סקירה על גבי קישור חי
ללא מוקאפים סטטיים. העיצוב מחדש נבנה ישירות בתוך קוד הפרודקשן בענף (branch) מבודד, ופרסומו נעשה באופן רציף לכתובת תצוגה מקדימה פרטית. כך, הלקוח יכול היה לבחון את העמוד האמיתי במכשירים האישיים שלו, כולל אנימציית ה-hero וזרימת הטופס. תצוגת המקדימה הריצה את טופס הקליטה המלא במצב דמו עצמאי, מה שאיפשר לו להקליק ולהתנסות בכל החוויה ללא צורך במערכת Back-end.
טופס קליטה רגוע ונינוח יותר
השאלון הרב-שלבי נבנה מחדש במבנה של מסך חצוי הכולל פאנל חיזוק והרגעה, תצוגה ברורה של התקדמות השלבים, ואפשרות לשמירה והמשך בשלב מאוחר יותר. פרטי הקשר נשארו בדיוק היכן שהיו — בסוף התהליך — לאחר שהמוכר כבר השקיע מאמץ ויש לו סיבה אמיתית לרצות לקבל את הדוח.
אינטגרציה מדורגת: כי פרודקשן זה עסק רציני
הוכח כי גרסת התצוגה המקדימה המאושרת זהה לחלוטין, בית לבית, לענף הגרסה הסופית (release branch) טרם המיזוג. מצב הפרודקשן שלפני העיצוב מחדש תויג ב-GitHub כנקודת שחזור קבועה. הקליק הסופי על כפתור הפרסום נשאר בידיו של הלקוח. אותה כתובת URL, אותו היגיון של טופס, אותם מיילים ואותו לוח בקרה למנהלים — עם אפשרות לחזרה לאחור (rollback) תוך שתי דקות בלבד ואפס סיכון לנתונים.
הצעה חדשה, שעלתה לאוויר בעיצומו של הפרויקט
רעיון להפקת דוח הערכת שווי נכס בחינם עלה מתוך שיחה של הלקוח עם מנהל הקמפיינים שלו במהלך תהליך הפיתוח. שילבנו את ההצעה בתוכן העמוד, בטופס ובצינור הגשת הנתונים (submission pipeline), מקצה לקצה, בתוך יום עבודה אחד.
תוצאות ואימפקט
העמוד עלה לאוויר לאחר שני סבבי תיקונים בלבד, שניהם ברמה הטקטית ולא ברמת הכיוון הכללי. המייסד אישר אותו לשילוב מלא במוצר (ייצור) והשקיע בו את תקציב הפרסום שלו.
לראשונה, המשפך השיווקי מדיד לחלוטין. כל הנעה לפעולה (CTA), שלב בטופס ושליחה מפעילים כעת אירוע ב-GA4, מה שאומר שלקמפיין ה-Google Ads יש סוף סוף אותות המרה אמיתיים לבצע אופטימיזציה לפיהם, במקום לפעול ללא יעד מוגדר.
מערכת העיצוב (Design System) מוטמעת כעת בתוך קוד המקור, מוכנה להתרחב לעמוד הבית ולשאר חלקי האתר. המעבר התבצע ללא שום הפרעה לפעילות העסקית השוטפת: הטופס, המיילים האוטומטיים, הפקת הדוחות וממשק הניהול (אדמין) פעלו בצורה זהה לחלוטין לפני ואחרי השינוי.
המנגנון הזה נכון לא רק לנדל"ן. החלק שעל גבי העמוד מפורט במאמר על מה שגורם לאתר סטארטאפ B2B להמיר מבקרים לבקשות דמו, וחלק המדידה מפורט בארכיטקטורת המרות הדמו. פרויקט RealAgentLink מיישם את שניהם עם תקציב פרסום פעיל ודדליין של שבועיים בלבד.
שבועיים
מביקורת לעלייה לאוויר
0
אירועי המרה בתחילת המסלול
2
סבבי תיקונים

