מאישור ההזמנה ועד הפרזנטציה

המרפאה של דוקטור אריק

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

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

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

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

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

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

נפרדנו. יצאתי לדרך של 10 ימי עבודה שבסופם אני אמור להציג לאריק שתי סקיצות של עמוד הבית של המרפאה שלו. אריק היה נרגש.

מול המחשב

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

הרגשתי טוב לשרטט תוכנית סימטרית, מאוזנת.

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

השרטוט שלי קיבל גוונים, על פי סדר החשיבות:

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

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

הכל אודות הצבע

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

לא צריך להתבייש ולבקש עזרה. ביקשתי מגוגל, הוא עזר לי : http://kuler.adobe.com/ - עולם של פלטות צבעים, רק לערבב וליצור.

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

Happy Shinig People

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

בתום 10 ימים

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

הסקיצה הראשונה:

תוכלו לראות אותה בקישור הבא: http://www.tween-id.com/customers/drarik/op1/

הסקיצה השניה:

תוכלו לראותה בקישור הבא: http://www.tween-id.com/customers/drarik/op2/

מה אריק בחר? זה פה: www.doctorarik.co.il

שנהיה יפים, בריאים ורזים,

ברק