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

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

תכנון הפרויקט

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

1 | הטריילר

מסקרן, סוחף, ופונה למגוון קהלים

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

התסריט

חיבור בין שפה תנכ”ת לשפה סיפורית פשוטה

השימוש בסיפור בראשית המוכר כבסיס לכתיבה מחבר את הקהל הרחב, ופותר את בעית הסקפטיות כפי שעלתה מסקר השוק. 

הנגשת השפה התנ"כית היוותה את האתגר העיקרי. מילים נבחרות ומשפטים נלקחו מהתנ"ך ("ועלה עשן באפו"), וחלקן עברו תהליך הפשטה (“ואת העוף והבהמה ואת האדם והאישה”). בנוסף, השתמשתי בשפה סיפורית פשוטה וברורה (“ובחלוף השנים”).

כדי לדייק את אווירת הפנטזיה שילבתי גם מילים כמו
“מופלאים”, “יצורים”..

התסריט

חיבור בין שפה תנכ”ת לשפה סיפורית פשוטה

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

האנימציה

שילוב טכניקת איור דיגיטלי ושימוש בבינה מלאכותית

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

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

פסקול, סאונד וקריינות

קול המותג כקולה של אשה אמהית, הרמונית ואצילית, בת 30

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

לאפקטים הקוליים היה תפקיד משמעותי בהמחשת הסיפור מאחר והסצנות שטוחות יחסית ומספקות מידע חלקי על המתרחש. למשל בסצנת התעשייה בה נשמעים קולות רקע של אתר בנייה.

2 | הדמויות

מגוונות, מענייניות ומעוררות הזדהות

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

דוגמה: טורי מארץ המרגיעים

הרעיון

דמות בעלת סגולה רוחנית

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

בחירת הצבעים

הרמוניה ורוגע מול יוקרה

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

3 | הלוגו

נקודת המוצא

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

שיטת העבודה

לוח השראה והלחם פונטים

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

שלב 1

הלחמה

חיבור בין פונט "יידישקייט" ולבין הפונט של לוגו "נובה".

שלב 2

התאמות וסגנון

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

שלב 3

צביעה ואפקטים

שימוש בצבעים בוהקים מעולמות הפנטזיה.

4 | לוגיקת הניווט באתר

חוויה דינמית, משחקית ומהנה

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

מצבי משחק מתחלפים

זמן לחקור וזמן להגן על העולם יחד עם חברים

לאתר יש 2 מצבי משחק, שהמשתמש יכול לבחור ולהחליף בניהם
בלחיצת כפתור:

מצב מפתחות: במצב זה המשתמש חוקר דמויות ומבצע משימות
 שיסייעו לו לפתוח אזורים נעולים במפה.

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

התוצר הסופי

העמודים באתר תוכננו בקפדנות, כשהמחשבה המובילה תמיד היא “כיצד ניתן למקסם את החוויה?”
כיצד המשחק עובד? צפו ברצף הפעולות בממשק.

1 | טריילר וכניסת משתמש

אופציה ללחוץ “דלג” ולעבור ישירות למסך הכניסה

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

משתמש חדש - הרעיון

מימד רוחני שמתאים לקהל היעד

משתמש חדש למעשה ימלא "שאלון אופי" ולאחר מכן יקבל דמות אווטר מותאמת אישית .

2 | דף הבית - המפה

שני מצבי משחק מתחלפים

שימו לב כיצד מוזיקת הרקע משתנה והופכת לקצבית ומלאת "אקשן" במצב המשחק אונליין (גם משפט הקריאה לפעולה בחלק העליון משתנה בהתאם).
לחיצה על כפתור השמע משתיקה את המוזיקה.

החיבור בין הטריילר לאתר

עבודה מעגלית ליצירת תוצר שלם

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

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

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

הקומפוזיציה

הנחת האלמנטים בסדר הגיוני למשתמש

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

שימוש במסגרת העיצוב המשחקית "אוקטליזה"

תפריט המפתחות וקריאה לפעולה

משימת חיפוש המעודדת את המשתמש לחקור

כל משתמש מתחיל כאשר בבעלותו המפתח לארץ המרגיעים (טורקיז) ועליו לחפש ולהשיג את שאר המפתחות כדי לפתוח אזורים נעולים במפה. המשפט מתחלף וקורא למשתמש לבצע משימות שונות.

תפריט הפרופיל האישי​

מעקב אחרי נתונים אישיים

המשתמש יכול לראות בכל רגע נתון מידע על צבירת הנקודות והכסף שלו, והרמה בה האווטר שלו נמצא.

כפתור סוויצ'​

מעבר ממצב מפתחות למצב אונליין

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

הקריאה לפעולה משתנה בהתאם. 

חלונית המשימות

מעודדת את המשתמש לפעול

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

ריחוף מעל קטגוריה

חשיפת פרטים נוספים

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

3 | עמוד קטגוריה - “ארץ המרגיעים”

חקר דמויות וביצוע משימות

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

[בטל/י את הההשתקה בזמן הצפייה]

הסבר הפעולות

מה המשתמש מגלה ומבצע

טורי היא הדמות השישית שהמשתמש מצא מתוך שבעים ושמונה דמויות הנמצאות באזור הזה. היא שווה 215 נקודות שנוספו לצבירת הנקודות בתפריט הפרופיל. בנוסף, המשתמש מבצע משימה: הוא אוסף את ה"אות" של הדמות, והאחוזים מעל לחלונית המשימות עולים. כפתור הסאונד (בו הקלטתי את קולי), וחשיפת תמונת הציפור מעשירים את החוויה כולה. 

משמעות התוכן וערכים מוספים

רבדים עמוקים וחוויה שעולה על הציפיות​

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

הציטטה: מחברת את קהל היעד באמצעות המימד הרוחני
המאפיין אותם.

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

כפתור החזרה לדף הבית

אייקון כדור-הארץ

המשתמש יכול להמשיך בחיפוש הדמויות או ללחוץ על כפתור החזרה לדף הבית – כפתור שנמצא בכלל הדפים באתר.

4 | התפריט

אפקט השובל חוזר

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

הלוגו

רובד נוסף

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

5 | החנות

שימוש באפקט ריחוף מיוחד שיוצר עניין וחושף מידע ויזואלי

המשתמש נכנס לחלל חנות מוחשי, שם הוא יכול לבחור כיצד לשדרג את האווטר שלו, וכמה נקודות להמיר לכסף אם בכלל.

טיפול ממוקד ברקע

שילוב טכניקות ליצירת חוויה מלאת רבדים

הרקע נוצר באמצעות בינה מלאכותית, ובתוכו שילבתי את רקע הכוכבים המופיע בדף הבית באמצעות עריכה בפוטושופ.

שימוש במסגרת העיצוב המשחקית: "אוקטליזה"​

טיפוח יצירתיות, עצמאות ותחושת בעלות אצל המשתמש

ממיר הכסף: המשתמש בוחר האם להמיר נקודות לכסף או להמשיך לצבור נקודות להשלמת משימות במשחק.

הקטגוריות השונות: שמאפשרות לו להחליט כיצד ירצה לשדרג את האווטר שלו (האם לקנות אמצעי התקפה, פיתוח או הגנה).

6 | אודות וצור-קשר

חיבור עמוק ואינטימי עם המשתמש

הרקע של חלל עבודה אישי מייצר אינטימיות עם המשתמש ומקרב אותו לפרויקט. כפתור הסוויצ’ מחזק את שלמות הפרויקט והוא נוח לתפעול מאחר והמשתמש כבר מכיר אותו מדף הבית.

הפונט הסריפי

מותאם לקונספט ונוח לקריאה

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

טיפול ממוקד ברקע

שילוב טכניקות ליצירת חוויה מלאת רבדים

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

תוצרים נוספים

צפו בביקורות