אודות הפרויקט
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 |
תכונות מרכזיות
אתגרים
אתר שיווקי למוצר וידאו דינמי, שצריך לתמוך בשתי שפות ובדרישות משפטיות מחמירות של ספק סליקה, מציב ארבעה אתגרים מרכזיים:
אתר דו-לשוני RTL אמיתי. נדרשה תמיכה מלאה בעברית ובאנגלית, כולל היפוך פריסה מלא ל-RTL, ולא תרגום מכני שמשאיר את הממשק שבור וזר לגולש הישראלי.
הצגת מוצר וידאו בלי לפגוע במהירות. ליבת המוצר היא קליפים דינמיים, והיה צריך להציג אותם באתר בצורה חיה ומזמינה מבלי להכביד על זמני הטעינה ועל חוויית הגלישה.
עמידה בדרישות משפטיות ואימות זהות. תהליך ה-KYC של ספק הסליקה חייב מערך עמודים משפטיים מלא - תנאי שימוש, פרטיות, החזרים ומדיניות עוגיות - כולל הבהרת אי-שיוך רשמי ל-Valve.
להסביר מוצר שקשה להסביר. "אנחנו מושכים את קובץ הדמו שהמשחק כבר שמר ומרנדרים ממנו קליפ" הוא רעיון שגולש לא מכיר. בלי מקטע שמפרק אותו לשלושה שלבים, השאלה הראשונה הופכת לחשד שמשהו מותקן על המחשב.
פתרונות
בנינו אתר Next.js ממותג וממוקד המרה, שנותן מענה מדויק לכל אחד מהאתגרים:
next-intl עם RTL מלא. מימשנו החלפת שפה מבוססת מצב ועוגייה עם next-intl, כך שכל האתר עובר בין עברית לאנגלית עם היפוך פריסה מלא וטיפוגרפיה נכונה בכל כיוון, במקום.
קיר קליפים שנטען מהמוצר. בנינו קיר קליפים חי שמושך קליפים ציבוריים אמיתיים ישירות מהמוצר עצמו, לצד מוני פעילות, כדי שהאתר יציג תמיד תוכן חי ורלוונטי מבלי לפגוע בביצועים.
מערך עמודי Legal מלא. הקמנו עמודי תנאי שימוש, פרטיות, החזרים ועוגיות, יחד עם הבהרת אי-שיוך ל-Valve ועם ציון סוחר הרשומה, כדי לעמוד בדרישות אימות הזהות של ספק הסליקה.
הסבר בשלושה שלבים ותשובות מוכנות. מקטע "איך זה עובד" מפרק את התהליך לשחק, לחתוך ולשתף, ועמוד התמחור נושא מקטע שאלות נפוצות עם סימון FAQPage - כולל התשובה לשאלה הראשונה של כל שחקן, שדבר לא מותקן על המחשב שלו.
תוצאות












