top of page

תהליך העיצוב

כאן אראה כיצד בניתי את הכל מההתחלה.

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

Desktop - 1.png

הוויז'ן שלי היה לשלב בין עולם הניווט לעולם הקניות.

אחרי  המון התלבטויות ומחקרים שעשיתי, בחרתי לחבר שקית (עולם הקניות)

עם סמליל של מיקום (עולם הניווט).

Untitled-2.png
מספרים.png

הגעתי לשלוש אופציות-  בהתחלה הייתי נעולה על הכיוון הזה,

רק היה חסר לבחור אחד מהם

ד2.png
סס.png
לוגו סופי.png
מספרים.png

אבל משהו היה חסר. אז ניסיתי עוד כמה כיוונים מעניינים

מספרים.png

לבסוף החלטתי שהלוגו האמצעי מלמעלה הוא המוצלח ביותר

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

Frame.png

לקחתי מספר אפליקציות/אתרים כהשראה עבור האפליקציה שלי.

התמקדתי באפליקציות ניווט וכאלה המיועדים לקניונים.

IMG-0688.PNG.png
IMG-0687.PNG.png
IMG-0689.PNG.png

נתקלתי בבעיה של ריבוי/חלוקת קטגוריות.

בדקתי איך טיפלו בזה באפליקציית "איזי דיזי" (אפליקציית ניווט בקניון דיזינגוף סנטר) ולא אהבתי את הפתרון שלהם.

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

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

גם אצלם היו המון קטגוריות, אבל התחלתי לקבל פרופורציות.

עשיתי קצת סדר וערכתי מחקר יסודי.

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

אקסל מחקר.png
חץ.png
אקסל מחקר.png

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

ראשי.png
image (1).png
X - 7.png
X - 6.png

חשבתי איך לבנות את התפריט הראשי, בהתחלה אהבתי את התפריט של אפליקציית "איזי"

שזז ימינה עם נגיעה של האצבע, אבל זה לא הסתדר לי:

איזי.png
דד.png

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

אין מראה יותר טוב ממראה עיניים. לקחתי השראה מאתר "Istudent"

image.png
unnamed.png

כשראיתי את אפליקציית "Google Maps", הרגיש לי התאמה מיידית שזה פיצ'ר שיתאים לאפליקציה שלי כמו כפפה.

IMG-0691.PNG.png

אפליקציית "Waze" נתנה לי השראה ליצור דמויות עבור סטטוס משתמש.

IMG-0690.PNG.png

אפליקציית "תן ביס" נתנה לי השראה כיצד ליצור את חלונית הסינון.

אייקונים.png

בהתחלה הלכתי על אייקונים עם קו מתאר בלבד

Desktop - 8.png

אחר כך שיניתי את אופי הקו והוספתי צבע רקע

Desktop - 9.png

הדמויות של הפרופיל האישי

אייקונים רמות copy.png
מפה.png
image.png
מספרים.png

שרטוט ראשוני

שלב 2.png
מספרים.png

שיפצור של השרטוט

הראשוני

שלב 3.png
מספרים.png

הצבה ראשונית

של הלוגואים

שלב 4.png
מספרים 2.png

הבנתי שיש יותר מידי

הסחות דעת.

אז הפכתי את כל הלוגואים

לכאלה עם רקע לבן, אחיד.

מפה סופית לגמרי ממש.png
מספרים 2.png

אחרי כמה נסיונות,

הגעתי לגירסה הסופית

צבעים.png
Desktop - 1.png
Desktop - 2.png
אולי.png
Anchor 1
מסכי.png
3.png
חץ.png
bottom of page