חדש! Elementor
Experts Network — מצאו שותפים לדרך, קדמו והגדילו את העסק שלכם

MADE IN ISRAEL – אוגוסט 2020

מורדי לוי | אוגוסט 2020

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

זמן שהייה ראשוני באתר נע בין 2 ל-3 שניות. ברגע הקצרצר הזה הגולשים מחליטים אם מה שהם רואים מעניין אותם או לא. זה אומר שאין לנו הרבה זמן לעשות רושם ראשוני טוב. לכן חשיבות ה-Hero עצומה ויכולה להשפיע בצורה דרמטית על הצלחת האתר. אבל אל דאגה – בשביל זה אנחנו כאן!

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

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

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

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

כמה מילים מיוצר האתר:

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

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

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

designCreated with Sketch.
buildCreated with Sketch.

עיצוב

בנייה

Pik Media Group

themeCreated with Sketch.
pluginsCreated with Sketch.

תבנית

Hello

תוספים

Jet Testimonials

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

הסקשן מורכב מרקע וידאו קצר שמחזק את הכותרת הראשית "Let's Glaze Your Brand". בעצם, ה-Hero נותן הסבר קטן למקור השם, אך משאיר מספיק סקרנות כדי שהגולשים ירצו להמשיך לגלול. הורדת התפריט הראשי אל מתחת לסקשן עוזרת לשמור על מינימום פריטים ב-Hero ולפקס את הגולש בדיוק לאן שרוצים.

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

כמה מילים מיוצר האתר:

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

designCreated with Sketch.
buildCreated with Sketch.

עיצוב

בנייה

אביב איזנברג

themeCreated with Sketch.
pluginsCreated with Sketch.

תבנית

Hello

תוספים

Jet

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

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

כמה מילים מיוצר האתר:

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

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

designCreated with Sketch.
buildCreated with Sketch.

עיצוב

שרה כ"ץ

בנייה

שרה כ"ץ

themeCreated with Sketch.
pluginsCreated with Sketch.

תבנית

Hello

תוספים

אין

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

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

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

כמה מילים מיוצר האתר:

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

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

designCreated with Sketch.
buildCreated with Sketch.
themeCreated with Sketch.
pluginsCreated with Sketch.

תבנית

 Hello

תוספים

Woocommerce

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

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

כמה מילים מיוצר האתר:

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

designCreated with Sketch.
buildCreated with Sketch.

עיצוב

בנייה

יוסף צבי מנשה מסטורוב

themeCreated with Sketch.
pluginsCreated with Sketch.

תבנית

Hello

תוספים

Cptui, Essential addons for elementor, Extras for elementor, Make column clickble, Acf

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

מורדי לוי

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

אהבתם? שתפו.
שיתוף ב facebook
שיתוף ב twitter
שיתוף ב telegram
שיתוף ב linkedin
שיתוף ב whatsapp
שיתוף ב email

One Response

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

רוצים להופיע ברשימת האתרים?

אין שום בעיה! מלאו את הטופס פה למטה
ואנחנו נהיה איתכם בקשר ממש בקרוב!

רוצים להיות חלק מאלמנטור?

אין שום בעיה! מלאו את הטופס פה למטה
ואנחנו נהיה איתכם בקשר ממש בקרוב!