איפיון, עיצוב ובניית אתרים, עמודי נחיתה ואפליקציות

"אנלוגי, כן כן… בדיגיטלי, כן כן…
אבל כותב בינתיים על שדה ושמיים וכוכב שביט שנפל" [אלון אולארצ'יק]

באנר | סליידר | פולד

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

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

סליידרים אינטראקטיביים – אפשר לעשות אותם מגניבים. ממש.

פולדים אינטראקטיביים

כדי שלא ישעמם בעיניים

ואפשר גם לשחק עם העכבר

אז איך אנחנו מתקדמים?

אפשר גם להכין שקשוקה

או סתם להתפנן

עיצוב אתר חנות

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

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

עיצוב אתר רספונסיבי

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

אז כן, יש לי מחשב נייח (4K, שזו רמה אחת מעל HD)+מסך HD, לפטופ, טבלט וסמארטפון.

עיצוב אפליקציה

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

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

עיצוב אייקונים

בעברית: צלמית
"סמל חזותי פשוט, שנועד להעביר מסר קצר וברור ללא שימוש במלל" [ויקיפדיה].
לא יכולתי לתאר את זה טוב יותר.

כשמעצבים אייקונים צריך לזכור כמה דברים:
1. שכל האייקונים צריכים "לדבר" באותה השפה ולהתאים לקו העיצובי של האתר/אפליקציה.
2. כל האייקונים באתר צריכים להיות באותו הגודל או לפחות כל האייקונים באותו העמוד.
3. יש אייקונים שהם מוסכמות חברתית בינלאומית. למשל: סימן של טלפון שנראה כמו שפופרת מהאייטיז, סימן של שמירה שנראה כמו דיסק נשלף, דוא"ל שנראה כמו מעטפה וכו'.
4. מחד גיסא, לפעמים אנחנו צריכים "להמציא את הגלגל" וליצור אייקונים חדשים (שזה הכי כיף!). מאידך גיסא, אנחנו צריכים להבין שלא כולם חושבים כמונו ולכן האייקון צריך להיות ברור מאוד ואף מלווה בטקסט. אי לכך, זוהי אזהרת מסע חמורה.

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

עיצוב ניוזלטר

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

הדמיה של עיצוב ניוזלטר לאגרולוג'יק

זה כזה פשוט ליצור איתי קשר

 מיס הילה סטודיו לעיצוב גרפי ובניית אתרים
שדרות עמק איילון 30, שוהם
טל: 052-578-5888 | דוא"ל: hilla@misshilla.com





    זה כזה פשוט ליצור איתי קשר

     מיס הילה סטודיו לעיצוב גרפי ובניית אתרים
    שדרות עמק איילון 30, שוהם
    טל: 052-578-5888 | דוא"ל: hilla@misshilla.com