אם בין הקוראים שלנו מסתתרים להם גם בלוגרים מושבעים – האתר של וויזיאפ בהחלט יכול לעניין אתכם. עד היום חיפשתם להרחיב את קהל החשיפה שלכם ברשתיות חברתיות, פורומים או קידום במנועי חיפוש. מעכשיו תהיה לכם זירה חדשה – משתמשי אייפון. באמצעות האפלקיציה של wiziapp, הניתנת לשימוש (בחינם) באתר תוכלו להפוך את הבלוג שלכם לאפליקציית iPhone מגניבה! (יש לציין שהשירות תומך בבלוגים מבוססי WordPress בלבד בשלב הראשון).
שם הפרויקט: WiziApp (וויזיאפ).
תעשיה: wordpress iphone app
הבית החם: אתר WiziApp
צוות העבודה: ליאור, לירון, פייד, הלנה, נטלי ורועי.
באשמתנו: אפיון ועיצוב.
השקה: מרץ2011.
אז איך זה עובד?
התהליך פשוט מאוד: נכנסים ל-WiziApp, מורידים פלאגין מיוחד שמתלבש על מערכת ה-WordPress, עוקבים אחרי הוראות הגדרת הפלאגין, וסיימנו. כל מה שנותר הוא לשרוק כל הדרך אל ה AppStore. לא נדרש שום ידע טכני או צורך לכתוב קוד מסובך, את זה כבר עשו בשבילכם ב-WiziApp. הסבר מפורט והתרשמות ניתן לקבל כאן.
גלגולו של עיצוב
כמו בכל פרויקט, עיצוב האתר עובר אבולוציה משלב הקונספט ועד שלב העיצוב הסופי. אנחנו שמחים לשתף אתכם בתהליך שאנחנו עברנו ביחד עם הלקוח עד להגעה לתוצאה הסופית.
העיצוב הראשוני
בעיצוב זה הרעיון היה לגבש שפה "Appleית" למותג (מהסיבה כמובן שזהו אתר שמכוון לתת שירות בתחום האייפון). במקביל רצינו לייצר אתר מוצר מובהק שיעביר את המסר בצורה מאוד ברורה. ידענו שהאתר צריך לשלב בו שפה איורית בגלל הלוגו הראשוני שקיבלנו וזה מה שיצא:
הכיוון השני
פלטת צבעים שונה לגמרי. הכיוון פה הוא יותר טכנולוגי ופחות איורי.
שלוש הוא מספר טוב
העיצוב השלישי הוא מעין שילוב של קודמיו, כאשר השפה האיורית משולבת בעיקר באלמנטים ספציפיים בעיצוב, לדוגמא האייקונים (ולא תופסת משקל גדול, כמו ברקע של הגרסא הראשונה). במקרה הזה עיצבנו גם לוגו חדש (מה אתם אומרים?)
הגרסא הסופית!
ניתן לראות את השפה הייחודית שנבנתה כאן, שכמובן נגזרת מהלוגו ומהסגנון האיורי-קומיקי שלו. האתגר הגדול כאן היה למצוא את המינון והשילוב הנכון של השפה הזו באלמנטים השונים באתר, ועם זאת לשמור על תחושה של נקיון וסדר.
אז מה אתם אומרים, איזו גרסה אהבתם יותר?
הגרסא הראשונה
:)
כמה מילים לגבי העיצוב הנוככי:
יש שם דברים שבדיוק עליהם דיברו במאמר קודם על הפריטים הקטנים.
עדיף לטפל טוב יותר על הפריטים וכך, שזה לא יראה מלוכלך ומפוקסל.
למשל, הקו המדגיש בתפריט – הוא לא נראה טוב – הוא מפוקסל, ואין לו antialiasing
אפשר להפוך אותו שהוא יראה יותר חלק (יש כמה שיטות…)
אותו דבר בלוגו – לעבד אותו יותר טוב כך שיראה חלק.
ואולי לתת לו צבע לא שחור אלא בהיר – שיהיה יותר קונטרסט.
לכפתור הכתום ממליצה להוסיף עוד 2 מצבים – כשמעבירים עכבר וכשהוא לחוץ.
גם לקישורים עדיף להוסיף מצב שמעבירים עליו עכבר – כל זה יוסיף יותר אינטראקציה. (חוץ מזה כשמעבירים עכבר על האיפון אז החץ הופך לכתום – זה אומר שהתנהוג הזה של תגובה לעכבר צריך להוסיף בכל מקום לשם אחידות).
הגירסה הסופית במקום הראשון. האמת היא שהדירוג הוא ממש לפי מספר הגירסה: הראשונה הכי פחות מוצלחת והאחרונה נראית מצויין. מעניין אותי האם זה אותו מעצב/צוות שכל פעם שיפרו או על כל גירסה אחראי מעצב אחר?
אהבתי גם את הקונספט של האפליקציה. אני יכול להגיד שאם הבלוג שלי היה על גבי וורדפרס יש סיכוי לא רע שהייתי הופך ללקוח. (למרות שהייתי שמח לראות גירסה חינמית לגמרי שמוגבלת לבלוגרים שמעלים לכל היותר 5 פוסטים בחודש או משהו בסגנון).
Hi,
Number one is only one that provide the feeling of creativity.
Number 3 is nice as well – especially the logo and colors, but to serious for "my own creativity" paradigm.
Regards,
Galia
תודה על התגובות,
ערן – לשאלתך : מדובר במעצבים שונים. אנחנו מאמינים שכדאי לתת לכמה מעצבים לעבוד במקביל על קונספטים שונים.
ריקה – הערות במקום. אנחנו מודעים לתיקונים האלה ואנחנו מציפים אותם בימים אלו. לצערי לא אנחנו היינו אלו שבנו את האתר ולכן, מטבע הדברים, לוקח לנו זמן להניע .תיקונים
באמת לעיצוב יש מספר רב של של פרמטרים חשובים, אני חייב לציין שהבלוג שלכם מעניין מאוד כי הוא חידש לי מספר לא קטן של דברים.
כל הכבוד על העבודה המצויינת שלכם על עיצוב ופיתוח web
מי יודע אולי עוד ניפגש בהמשך בין לקוח למוכר.