סטיב ברזילי טלמעצב גרפי ו־UX/UI

כל העבודות

03 / 09

Locate

לחשוב מחדש על ניווט כשאין קליטה.

UI/UX · מיתוגפרויקט לימודיאנימציה

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

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

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

האנימציה ללא סאונד.

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

01

אין קליטה, אין בעיה

Locate נבנתה לרגע שבו ה־GPS נעלם. היא עושה שימוש בטכנולוגיות קיימות מתחום ה־VPS על מנת לאפשר למשתמש להתמצא גם ללא קליטת GPS או סלולר.

מסך המצלמה: מסגרת ירוקה מעל רחוב מרוצף וכלב ברצועה ורודה, וההנחיה "Turn your phone to the right".
המצלמה מבקשת לסובב את הטלפון
מפת עיר עם פארק ירוק, סמן אדום "You are here" וכרטיס: דיוק 95%, מרחק מהנקודה האחרונה עם קליטה 537 מטר, מרחק ליעד 1.2 ק"מ, סוללה 17% וכ־24 דקות נותרו.
המיקום והפרטים
תוכנית קומה של מבנה עם חדרים כמו "Giant Screen Theatre" ו־"Origin of human", מתחת לאותו כרטיס פרטים.
וגם בתוך מבנה

02

אפליקציה אחת למסעות שונים

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

מפת עיר תלת־ממדית עם סמן מיקום אדום, ובסרגל התחתון שעת הגעה 10:55, 1:05 שעות ו־63 ק"מ, עם אייקון מכונית.
נהיגה
מבט מרחוב סואן עם חץ לבן גדול שמראה את הדרך, ואותו סרגל תחתון עם אייקון הולך.
הליכה
מפה טופוגרפית עם קווי גובה וסמן מיקום אדום, ואייקון מטייל בסרגל התחתון.
טיול בטבע
מפה תלת־ממדית של פארק ורחובות, עם אייקון אופניים בסרגל התחתון.
אופניים
תוכנית קומה של מבנה עם חדרים מסומנים וסמן מיקום אדום, ואייקון בניין בסרגל התחתון.
בתוך מבנה
מפת רחובות עם סמן מיקום אדום, ואייקון אוטובוס בסרגל התחתון.
תחבורה ציבורית

03

תנועה ואנימציה

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

האונבורדינג בתנועה
הרשמה ובחירת דרך התנועה

04

תכנון מסלול

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

שדה חיפוש "Where are we going today?" מעל רשימת מקומות שמורים: עבודה, בית, Red Market ושני יעדים אחרונים, על גבי מפה עם כפתורי SOS ו־Locate me.
לאן הולכים היום?
מיעד אל Go now

05

מצב חירום

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

מסך SOS עם שלושה כפתורים: Notify My Contacts באדום, Emergency Services בשחור ו־Sound Alarm באדום.
מסך SOS
שלוש הפעולות ואישור לכל אחת

06

המותג

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

הלוגו של Locate: סמן מיקום ירוק שמצויר בקווי מבוך לצד המילה Locate באפור, ומתחתיו גרסאות קטנות בצבע, בלבן על שחור ובשחור.
הלוגו וגרסאותיו
לוח טיפוגרפיה ל־Nunito: ABC גדול ואלפבית באותיות קטנות, גדלים לכותרות, לטקסט, לכפתורים ולטקסט קטן במשקל רגיל ובולד, והערה על ההשראה ממבוך השיחים.
טיפוגרפיה
לוח של 24 אייקוני קו מעוגלים: בניין, מכונית, אוטובוס, תדלוק, הולך, אופניים, מטייל, עץ, ירח, שמש, שעון, אדם, סמן מיקום, חץ, מטרה, שלוש נקודות, שמע, שמע מושתק, הגדרות, פעמון, טלפון, שידור ו־Wi‑Fi.
אייקונים