מה ניתן ללמוד מהאפליקציה של איסתא על עיצוב לסלולר?

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

האם אפליקציות הן בהכרח נחותות יותר מאתרי אינטרנט?

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

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

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

להמשיך לקרוא מה ניתן ללמוד מהאפליקציה של איסתא על עיצוב לסלולר?

פרויקט CityWall בדגש על ממשק משתמש,אפיון ועיצוב אתר לוחות

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

עיצוב וממשק משתמש

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

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

סיור וירטואלי

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

סליידר בחירת קטגוריה

להמשיך לקרוא פרויקט CityWall בדגש על ממשק משתמש,אפיון ועיצוב אתר לוחות

כיצד לבנות עמוד טיימליין מעוצב למותג שלכם?

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

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

ועתה נעבור על האלמנטים העיצוביים השונים באמצעות דוגמה של הדף שבנינו לאתר BawaKawa. ניסנו לגרום לדף להיראות כמה שיותר דומה לעיצוב של האתר עצמו, עיצוב צבעוני ובועט שמשדר נועזות ופונה לקהל יעד של צעירים שיודעים מה הם רוצים (ללבוש…).

תמונת השער

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

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

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

תמונת שער מעוצבת בטיימליין של פייסבוק

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

עיצוב ובניית חנות אונליין מבוססת מג'נטו

עיצוב, אפיון ובניית אתר אופנה ומגזין תרבות למותג Bawa Kawa

אתר Bawakawa.com
BawaKawa הוא פרויקט ייחודי המשלב בוטיק אופנה ומגזין תרבות
הפלטפורמה הטכנולוגית שנבחרה לפרויקט היא מג'נטו – פלטפורמה פופולארית לחנויות מסחר אלקטרוניות ברשת.
מג'נטו היא מערכת קוד פתוח עכשווית ומתקדמת המציעה פונקציות רבות ומורכבות out of the box .
מס' מיתרונותיה הרבים של הפלטפורמה –
ממשק הניהול שלה ידידותי וקל לתפעול
יש אפשרות להתקין תוספים מוכנים דרך ממשק הניהול
המערכת כוללת תוכנת סטטיסטיקה מתקדמת ומוטמעים בה כלים רבים לקידום אתרים.
אחד האתגרים בפרויקט היה שילוב בין שני החלקים – חנות ובלוג. הן מבחינה טכנולוגית והן מבחינת ממשק המשתמש.
אפיון החנות נעשה אחרי מחקר מקיף והמטרה שהנחתה אותנו הייתה הקמת חנות מתקדמת שלמשתמש בה תהיה חוויית קניה נוחה ויעילה, כולל אופציית סינון מוצרים מגוונת ותהליכי קניה פשוטים ונוחים.
עיצוב האתר הוא צעיר ו"בועט". הצבעוניות משדרת נועזות ופונה לקהל צעיר ותוסס.
לצפיה בפרויקט BawaKawa לחץ כאן


עיצוב אתר – Volkswagen

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

עמוד בית


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

לורי רקנאטי – אתר חדש

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

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

תכנון ועיצוב אתר תיירות – Netravefly

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