ב-7.11.12 יתקיים כנס המפתחים שזכה לשם: Dev Shots
Dev מקיצור המילה Development ו Shots בהקשר להרצאות הקצרות ושוטים של אלכוהול. בכנס יהיו שש הרצאות קצרות ומרתקות על טכנולוגיות חדשות ואתגרי פיתוח שונים.
התחלנו לעבוד במרץ על אתר הכנס והחלטנו לעצב אותו בנושא Super Heroes שיעצובו במיוחד למיתוג האירוע. לצורך המשימה עבדנו בצווות – מאיירת ומעצבת גרפית, אתגר מעניין בפני עצמו, וכל זה על מנת להגיע לתוצר ייחודי מעניין ובעיקר מגניב!
אז איך מתחילים?
ההנחיה שלנו מלמעלה היתה לעבוד עם דמויות אז התחלנו בסיעור מוחות לגבי קונספטים שונים והחלטנו כהתחלה לייצר שני "סיפורים"-
הראשון: עיצוב דמות ספציפית שתלווה את האתר- ביום הוא המתכנת הקלישאתי ביותר שניתן לדמיין ובלילה הוא הופך לגיבור על עם נשקים מהעולם הטכנולוגי (כמו כבלים, עכבר…)
השני: עיצוב משפחת דמויות שלכל אחת יש נגיעה טכנולוגית אחרת וליצור ביניהן אנטראקציות מעניינות לאורך כל האתר.
עיצוב הדמויות
בסופו של דבר נבחרה האופציה השניה של משפחת הדמויות. התחלנו לפתח כל דמות בנפרד סביב נושא שייחודי לה: דמות ה"בריון" עם רגלי USB, דמות המקרן שמנסה ללחוץ על הכפתור האדום שלה ודמות שהיא בעצם כפתור עם סמל ה-@.
קבענו פלטת צבעים שתלווה את הדמויות והאתר, נעזרנו באתר Kuller, כלי עבודה יעיל ומומלץ מבית Adobe.
מבחינת העיצוב הגרפי, נדרשה מחשבה על העלילה וכן על הקומפוזיציה שבה הדמויות יעומדו, הגדלים שלהן והאינטקציה בינהן שתתרום לדינמיות והעניין בזרימת האתר
לאחר שבחרנו את הדמויות ועיצבנו אותן הגיע השלב שבו התחלנו להשתשעשע בקומפוזיציות שונות. החוויה של העבודה עם מאיירת צמודה היתה מדהימה – במקום לחפש איורים שמתאימים למה שרצינו פשוט ייצרנו אותם. (חלום!)
הסיפור הפנימי
את אזור טופס ההרשמה לאתר החלטנו לעצב בצורה אינטראקטיבית למשתמש. באזור הטופס מוצגת דמות המקרן, כשהמשתמש ממלא כל שדה בטופס יורדת יד הדמות השניה אל עבר הכפתור של המקרן. כשלוחצים לבסוף על שליחת הטופס יש הפתעה כיפית, אז קדימה תרשמו ותופתעו בעצמכם…
לאתר הכנס ולהרשמה, לקבוצת הפייסבוק המגניבה שלנו.
מקסים
ממש מגניב! :) תודה על המאמר!
ממש טוב
אשמח לקבל הסבר על איך המחשתם את האיור לדמות הסופית הוירטואלית