כל המאמרים של רוני רוסו אביב

רוני רוסו אביב -

דפי נחיתה

דיוור אלקטרוני

אין שני לרושם ראשוני – שאלות על עיצוב ב-smoove

שאלות ששאלתם את המעצבת הגרפית שלנו – רוני רוסו 

1. איך לעצב כפתור, כדי להניע לפעולה בצורה הטובה ביותר?

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

2. האם יש חשיבות לצבעים בהם אני משתמש? 

“כמובן! הצבעים מאוד חשובים”.

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

3. מהו האדר? למה הוא הכרחי?

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

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

5. איך מקבעים 2 בלוקים אחד ליד השני, ולא אחד מתחת לשני?

6. האם יש מאגרי תמונות חינמיים?

  • http://unsplash.com/
  • https://pixabay.com/
  • https://www.pexels.com/

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

“בדף שיעור, התוכן הוא מה שחשוב, לכן אנחנו לא רוצים להעמיס על הדף יותר מידיי”.

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

8. האם כדאי שצבעי העיצוב יהיו תואמים לצבעי הלוגו?

“זה תמיד נחמד אבל זה ממש ממש לא חובה, העיצוב כן צריך לדבר באותו השפה”.

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

9. האם צריך לדעת פוטושופ כדי לעצב במערכת?

“ממש ממש לא”. כן צריך לדעת לבחור את התמונות הנכונות וחשוב שיהיו באיכות טובה.

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

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

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

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

11. איך אני יודע מהי הרזולוציה המתאימה לתמונה שאני מוסיף לדף הנחיתה שלי?

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

דפי נחיתה

דיוור אלקטרוני

קורסים דיגיטליים

טיפים לעיצוב תוכן במערכת

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

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

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

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

אתם איתי? יאללה, בואו נתחיל.

התאמה למכשירים ניידים

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

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

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

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

עקביות

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

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

ריווח – רווחו בצורה שווה בין הבלוקים השונים. 

פונטים – השתמשו בגדלים המומלצים לפונטים ואל תחרגו מהם (גודל מומלץ לטקסט 14/16, גודל מומלץ לכותרת 20/22).

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

Less is More

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

אז איך מונעים עומס יתר?

מסר חד וקצר – זכרו שזמן הצפיה הממוצע עומד על 10 שניות, חשוב שיבינו את המסר בזמן הזה.

הבלטת אזורים – צרו תיחום והבלטה של אזורים ע”י רווחים מעל ומתחת לבלוקים השונים.

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

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

צבעים

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

לוגו – במידה ולא ידעתם מאיזה בסיס להתחיל, תוכלו להשתמש בלוגו ובמותג שלכם לקביעת צבעי הדף.  

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

מסר בצבעים – השתמשו בצבעים שמעבירים את המסר והאווירה שאתם מבקשים לייצר (תוכלו להיעזר בטבלת הצבעים המצורפת כאן).

טיפים לעיצוב תוכן בסמוב

היררכיה ורצף קריאה

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

תיחום – השתמשו בכותרת עליונה ותחתונה על-מנת לתחום את התכנים.

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

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

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

סריקה – במידה ויש הרבה תוכן בעמוד, וודאו שההיררכיה באה לידי ביטוי בסריקה זריזה של הדף.

תמונות

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

סגנון – השתמשו בתמונות עוצמתיות שמעבירות את האווירה והמסר במבט אחד (מה שנקרא, תמונות “ואו”).

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

פורמטים – השתמשו בפורמטים העיקריים כמו gif ,jpeg ,png, ע”פי הגדלים המומלצים במערכת. 

שמות – שמרו את שמות התמונה באנגלית, ללא רווחים או תווים מיוחדים.

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

כפתור הנעה

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

גודל – צרו כפתור גדול ובולט.

טקסט – שימו לב לכתוב טקסט קצר ואקטיבי, והשתמשו במילים כמו הירשמו / כנסו / קבלו / צפו וכו’.

מיקום – מקמו את הכפתור בתחתית הדף ובמקרים שבהם הדף ארוך מהרגיל, מומלץ שתפזרו את הכפתור במספר מקומות לאורך הדף.

 

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

שיהיה בהצלחה!