FlyCode היא חברת SaaS לכלי פיתוח, שמאפשרת לצוותי מוצר לשנות טקסטים בממשק בלי לגעת בקוד. הובלנו את עיצוב האתר ואת הפיתוח שלו ב-Framer, סביב דמו אינטראקטיבי.
FlyCode נתנה למנהלי מוצר דרך ויזואלית לנהל את הטקסטים בממשק ואת ה-feature flags, בלי לרוץ למפתח על כל שינוי. רעיון חזק, אבל חדש. מפתחים לא סומכים על כלים שלוקחים מהם את השליטה בקוד, ומנהלי מוצר בכלל לא ידעו שיש כלי כזה. לא היה למה להשוות אותו, אז האתר היה צריך להתחיל מהכאב ששני הצדדים כבר מכירים.
למפתחים נמאס מבקשות לשנות טקסט בממשק, ולמנהלי המוצר נמאס לחכות למפתח בשביל תיקון של מילה אחת. שני הצדדים היו צריכים לזהות את עצמם כבר בגלילה הראשונה, ולקבל סיבה לסמוך על המוצר ולנסות אותו: המפתחים, שהקוד נשאר בשליטה שלהם, ומנהלי המוצר, שהכלי נבנה בשבילם.
בנינו את הסיפור בסדר שבו ספקן קורא: הבעיה, הפתרון, איך זה עובד, האינטגרציות, הוכחות מצוותים אחרים, ורק בסוף ניסיון חינם. העיצוב מדבר בשתי השפות. פונט מונוספייס, הצבעים של עורך קוד וממשק בסגנון טרמינל בונים אמון אצל המפתחים, ופריסה נקייה, צילומים חמים וטקסט פשוט מזמינים את כל השאר.
הלב של האתר הוא דמו אינטראקטיבי: המבקר עורך שורת טקסט בממשק של FlyCode ורואה אותה משתנה באפליקציה מדומה. אינטראקציה אחת שמסבירה יותר מכל פסקה. לצידו יש תצוגת אינטגרציות: ספרייה עם סינון שבנויה כקולקציה ב-CMS של Framer, ולכל אינטגרציה שלבי התקנה, קטעי קוד ומידע על תאימות. סימון schema תופס חיפושים ארוכים וממוקדים כמו ״manage React feature flags without code deploys״. בנינו את האתר ב-Framer עם רכיבי קוד מותאמים, וכל קריאה לפעולה מובילה ישר להרשמה ל-FlyCode דרך GitHub, עם הפרטים כבר ממולאים.
FlyCode חיפשה שותף לבניית האתר, שיידע להפוך מוצר לא מוכר למשהו ששני קהלים מבינים מיד. אתר ה-SaaS עשה בדיוק את זה. ההרשמות לניסיון מתוך הדמו עברו את המקובל בהשקות של כלי פיתוח, וספריית האינטגרציות הפכה לנכס ה-SEO הכי חזק באתר: היא מביאה מפתחים שמחפשים פתרון בדיוק לבעיות ש-FlyCode פותרת.
שיחת היכרות של 20 דק' ללא התחייבות
נשמח לשמוע על המטרות שלכם. תוך יום נחזור אליכם עם הצעה ברורה ועם הצעדים הבאים.
מייסדים וצוותי שיווק סומכים עלינו דירוג 4.95 מתוך 5 על סמך 40 חוות דעת ב-Contra
לא בא לכם שיחה? קבלו בדיקת עיצוב ו-SEO חינם.
