SoundsCool

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

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

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

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

והייתי מאוד מאוד מרוצה.

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

בדיוק את אותו דפוס חשיבה שהיה שם בפיתוח הלוגואים (הכפתור בתור האלמנט המשותף לבית הספר לסאונד ולמחסן התלבושות) ניסיתי לאמץ גם כאן – איך אפשר למצוא את המכנה המשותף בין הקונסולה ואתר אינטרנט עבור בית ספר שמלמד סאונד?

הצעד הבא, בדרך לפתרון, היה להעתיק על דף את שמות כל הכפתורים שעל הקונסולה. רק כשיצאתי פיסית מתחומי האולפן, כשהרשימה בידי, יכולתי לנתק את שמות הכפתורים מעולמם ולמצוא בהם משהו שקשור לתכני הקורסים ובית הספר. וכך מצאתי שכפתור ה-Levels מתקשר לי לטקסט שמדבר על רמתם של אנשי הסאונד בארץ (ידוע שנדיר למצוא אנשי סאונד טובים). כפתור ה-Master נראה לי כמשהו שיכול לתאר טוב את דמות המורה בבית הספר. כפתור הווליום שמוגדר ע"י סימני מקסימום ומינימום יוגדר לטובת העברת המוטו של בית הספר – 'הקניית מקסימום ביטחון במינימום נסיון', כפתור ה-Time-Line ידבר על מועדי תחילת וסיום הקורס והבחינות וכפתור ה-Control נראה כמו משהו שיתאים באופן טבעי לשליטת התלמיד בתכנים הנלמדים ובעקבות כך בקונסולה עצמה.

נשאר לי עניין לא פתור אחד – ההנעה לפעולה – צור קשר. אבל גם זה נפתר בסופו של דבר – מה יותר 'צור קשר' מאשר חיבור של PL (כבל) לקונסולה עצמה?…

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

– –

ליאת אבדי | liat@abadiguard.com | סטודיו AbadiGuard

Advertisements

5 מחשבות על “SoundsCool

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

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

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

  4. חברים, תודה על התגובות… אני מסמיקה לי פה 🙂
    שחר, לשאלתך מדובר באיור.

    ליאת

תגובות

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

הלוגו של WordPress.com

אתה מגיב באמצעות חשבון WordPress.com שלך. לצאת מהמערכת / לשנות )

תמונת Twitter

אתה מגיב באמצעות חשבון Twitter שלך. לצאת מהמערכת / לשנות )

תמונת Facebook

אתה מגיב באמצעות חשבון Facebook שלך. לצאת מהמערכת / לשנות )

תמונת גוגל פלוס

אתה מגיב באמצעות חשבון Google+ שלך. לצאת מהמערכת / לשנות )

מתחבר ל-%s