אזור לקוחות

ReelsKills - אתר המוצר והשיווק

ReelsKills - אתר המוצר והשיווק - אתרי תדמית

ReelsKills - אתר המוצר והשיווק

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

לקוח

ReelsKills (מוצר של Red Ghost)

אודות הפרויקט

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

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

מה בנינו

  • אתר Next.js דו-לשוני. עברית ואנגלית מלאות עם next-intl, כולל היפוך פריסה מלא ל-RTL וטיפוגרפיה נכונה בכל כיוון. בחירת השפה נשמרת בעוגייה ומחליפה את האתר במקום, בלי כתובת נפרדת לכל שפה.

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

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

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

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

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

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

מבחינת שירות זו בניית אתר תדמית ועיצוב UI/UX על תשתית פיתוח בקוד מותאם אישית. האתר החי: reelskills.gg.

עובדות הפרויקט

לקוחReelsKills (מוצר של Red Ghost)
תחוםעיצוב אתרים, אתרי תדמית
מה נבנהפיתוח בקוד מותאם אישית, עיצוב אתרים ו-UI/UX, בניית אתר תדמית לעסקים
סטאקNext.js, Vercel, React, TypeScript, Node.js
היקףאתר מוצר דו-לשוני ב-Next.js: ארבעה עמודי שיווק, ארבעה עמודים משפטיים, קיר קליפים חי ועמוד תמחור עם שאלות נפוצות
קישור לאתר החיreelskills.gg

תכונות מרכזיות

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

אייקון אתגריםאתגרים

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

  • אתר דו-לשוני RTL אמיתי. נדרשה תמיכה מלאה בעברית ובאנגלית, כולל היפוך פריסה מלא ל-RTL, ולא תרגום מכני שמשאיר את הממשק שבור וזר לגולש הישראלי.

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

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

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

אייקון פתרונותפתרונות

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

  • next-intl עם RTL מלא. מימשנו החלפת שפה מבוססת מצב ועוגייה עם next-intl, כך שכל האתר עובר בין עברית לאנגלית עם היפוך פריסה מלא וטיפוגרפיה נכונה בכל כיוון, במקום.

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

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

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

תוצאות

אייקון של סימון Vאתר שיווקי דו-לשוני מלא בעברית ובאנגלית עם תמיכת RTL אמיתית, שמאפשר לפנות בו-זמנית לקהל הישראלי ולקהל הגלובלי.
אייקון של סימון Vקיר קליפים חי שנטען ישירות מהמוצר ומציג תוכן אמיתי ומתעדכן, כך שהאתר תמיד מרגיש חי ורלוונטי.
אייקון של סימון Vעמודי תמחור, איך זה עובד ושאלות נפוצות עם סימון FAQPage, שמסבירים את המוצר ומובילים את הגולש לפעולה.
אייקון של סימון Vמערך עמודים משפטיים מלא וזרימת הרשמה מחוברת, שמכשירים את האתר לעבודה מול ספק סליקה.
עמוד הבית של אתר ReelsKills בגרסה העברית (RTL)
עמוד התמחור של אתר ReelsKills עם מסלול חינם ומסלול Premier
מקטע ״איך זה עובד״ בשלושה שלבים באתר ReelsKills
עמוד האודות של אתר ReelsKills עם נגן הקליפ
מקטע השאלות הנפוצות באתר ReelsKills
עמוד הבית של אתר ReelsKills בתצוגת מובייל
עמוד התמחור של אתר ReelsKills בתצוגת מובייל

שאלות נפוצות

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

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

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

פרויקטים דומים

עוד באותו תחום: אתרי תדמית