10 Bis app

Website & application redesign
for a food delivery service

אודות ״תן ביס״

״עסקת ענק לחברת תן ביס הישראלית. חברת Takeaway.com, שמנייתה נסחרת בבורסה באמסטרדם לפי שווי שוק של 2.5 מיליארד אירו, הודיעה כי חתמה על הסכם לרכישת החברה הישראלית מידי קרן הפרייבט אקוויטי TA (שמחזיקה ב-80%) והמייסד תמיר כרמל(20%) תמורת תשלום במזומן של כ-135 מיליון אירו (כ-575 מיליון שקל). מדובר במכפיל של 10 על הכנסות החברה.

תן ביס, שנוסדה בשנת 2000, מספקת שירותים מקוונים להזמנת ארוחות ונמנית עם החברות הגדולות בתחום זה בישראל. מדובר בשוק צומח, ולא מן הנמנע, למרות שלא דובר על כך, שהרוכשת תקבל גישה למאגר אדיר של לקוחות על רקע העובדה שלתן ביס קשר ייחודי לא רק עם חברות רבות, אלא גם היכרות עמוקה עם כל צרכן קצה והעדפותיו. בשנת 2017 היו לחברה 15.2 מיליון הזמנות בהיקף כספי של כ-140 מיליון אירו, שהניבו לה הכנסות של כ-13.2 מיליון אירו ו-EBITDA של 5.7 מיליון אירו. ב-Takeaway.com מציינים כי תן ביס מציגה שיעור EBITDA מההכנסות מהגבוהים בעולם בתחום זה, שעמד אשתקד על כ-43%״ (גלובס, 2018).

העיצוב הנוכחי

זהו העיצוב הנוכחי של ״תן ביס״:

העיצוב החדש

*חשוב לציין שאני לא עובדת ב״תן ביס״, והם אינם לקוחות שלי. עיצוב זה הוא רק הצעה לשיפור העיצוב הקיים.

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

המספר 10 נגוס בקצה הימני העליון של הספרה 0, מרמז על רעב, על ביס, על מותג שמתעסק באוכל ובסיפוק רעב. בנוסף המילה ״Bis" הכתובה באנגלית אך יש לה משמעות רק בשפה העברית ל״ביס״.

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

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

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

מיקרו קופי
המיקרו קופי הוא קליל, משעשע, המטרה היא לגרום למשתמש לגיחוך קל. "I have to take a bis"- קריצה לקהל היעד הישראלי עם השימוש במילה "bis" שמשמעותה ״ביס״, נגיסה ולא להשתמש במילה ״bite״. הסיבה לכך היא על מנת לחזור על שם המותג ״תן ביס״\ "10bis" ולחזק את המילה ביס\ bis כחלק מחיזוק המותג. המותג עוסק בשירות משלוחי אוכל וקשור לפעולת הנגיסה (bis) באוכל.

המיקרו קופי בגוף ראשון על מנת לתת למשתמש תחושה שהאפליקציה מיועדת במיוחד עבורו ומאפשרת לו חוויית שימוש נוחה, יותר אינטימית, פחות שרירותית ופחות מנוכרת: "I'm located at...",
״Give me food!" (מנוסח בגוף ראשון ושני, משעשע ומעלה גיחוך קל), "I want pancakes" ועוד.

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

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

טיפוגרפיה
בWeb:
Avenir Next medium
Avenir Next bold
בMobile: ישתנה לפי סוג הטלפון
IOS - SF pro text \ ANDROID - Roboto

גריד
לפי שיטת כפולות ה-4.

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

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

מסך ה"Sign up" למשתמשים חדשים
מסך רישום למשתמשים חדשים, סדר הפרטים למילוי מסודר לפי ה״קל״ למסירה ל״קשה״ למסירה. הכי קל ופחות מאיים עבור המשתמשים לתת את שמם הפרטי, לאחר מכן שם המשפחה וכן הלאה.

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

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

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

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

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

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

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

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