חיפוש
סגור את תיבת החיפוש

לכל אתר יש שביל

אבל יש את דרך המלך לבניית אתר...

תוכן עניינים

7

השלבים לבניית אתר מוצלח 

הנוסחה של דיביין לתהליך בניית אתר מושלם

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

תכנון,תוכן ועיצוב

1
סוף מעשה במחשבת תחילה

אפיון ותכנון

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

תוכן

  • איסוף כל החומרים והבנת השפה
  • הנעה לפעולה – C.T.A
  • בידול וייחודיות – U.S.P
  • נתונים ועדויות – K.P.I
  • כתיבת תוכן שיווקי ניסוח כפתורים
  • סלוגנים ומשפטי השראה
  • תכנים לעמודים פנימיים
3
הנראות והאסתטיקה של האתר

עיצוב גרפי

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

בנייה/פיתוח, בקרת איכות וקידום

4
תהליך בניית האתר

תכנות ובנייה

  • הקמת התשתית והמערכת
  • הגדרת ותכנות ההדר והפוטר
  • תכנות תפריטים וסרגלי צד
  • תכנות דף הבית ועמודים פנימיים
  • פיתוח רכיבים ייחודיים
  • תכנות תוספים וטפסים
  • אבטחת והצפנת אתר
  • *הגדרות לחנויות מקוונות
5
לוודא שהכל עובד הכי טוב שאפשר

התאמות ובקרת איכות

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

שיווק וקידום

  • גוגל אנליטיקס וכלי מנהל האתרים
  • יצירת מפת אתר והגשה לגוגל
  • הגדרת סניפטים ותגיות
  • הגדרת כותרות וכותרות משנה
  • בדיקות A/B על תכנים
  • יצירת מערך קישורים נכנסים ויוצאים
  • הפניות והגדרות קנוניקל
  • הגדרות מול רשתות חברתיות

תחזוקה, עדכונים ואבטחה

7
תקינות, יציבות ואבטחת האתר

תחזוקה ועידכונים

  • בדיקת דו”חות שגיאות*
  • בדיקת גיבויים ושחזורים
  • עדכוני מערכת ותבנית*
  • עדכוני תוספים*
  • בדיקות STATS
  • הפעלת מצב דיבאג
  • תגובות/ביקורת מהגולשים
  • תכנון עתידי לפעולות
*ההמלצה שלנו היא לבצע לפחות כל חצי שנה ובאתרי מסחר פעם ברבעון
Extra
אחסון הנכס במקום הטוב ביותר

אחסון ושרתים

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

אחר

  • פונקציונליות מיוחדת
  • פיתוח אפליקציה מבוססת האתר
  • אוטומציה וסנכרונים/API
  • מערכות דיוור ותפוצה
  • CRM/ERP
  • רשתות חברתיות
  • ניהול מוניטין דיגיטלי
  • המשרד הדיגיטלי
  • דיוור וSMSים
  • פרסום ושיווק
  • ועוד…
שלבי בניית האתר

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

“First, think –  Second, believe – Third, dream –  Finally, dare”

וולט דיסני

שאלות המפתח באפיון אתר

שאלות שחשוב לשאול

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

יסודות חווית המשתמש – UX/UI

ערכי יסוד חווית המשתמש

(לפי מורוויל)

  • נגיש
  • בר מציאה
  • נחשק
  • מועיל
  • אמין
  • בעל ערך
  • שמיש

מאפייני המשתמשים

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

מדדי השמישות

(לפי ג’ייקוב נילסן)

  • יכולת הלמידה
  • יעילות
  • יכולת הזיכרון
  • מידת הטעויות
  • שביעות רצון
  • אינטראקציה*

עקרונות העיצוב

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

עקרונות העיצוב לסלולר

  • Mobile first = simplicity
  • המסך קטן וקשה להתעמק
  • למשתמש יש פחות זמן
  • לתמונות ווידאו יש פחות אפקט במסך קטן
  • בדר”כ המשתמש פחות יתעמק בקריאה מעמיקה
  • המשתמש גולש תוך כדי…

סוגי בידול

  • פער הזדמנויות
  • תועלת מרכזית
  • אחריות
  • קיצור זמנים
  • משהו שרק אתם יודעים לתקן
  • סיפור אישי
  • חווית לקוח

פרופיילינג ופרסונות

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

שלבי מעורבות הלקוח

  • איתור וגיוס – Reach/Aquisition
  • המרה – Conversion
  • חיבור (אינטראקציה) וחווית שימוש Engagement/Experience
  • שימור – Retention
  • יצירת הרגל – Habit Forming

לכל מכשיר יש שעה…

  • בבוקר סלולר/טאבלט
  • בשעות היום עבודה – מחשב שולחני
  • בערב סלולר
  • בסופ”ש טאבלטים

טפסים

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

ניתוח SWOT

ניתוח מאוד מומלץ להבנה של עסק ומערך השיווק הרלוונטי.

  • Strength – החוזקות
  • Weakness – החולשות
  • Opportunity – הזדמנויות
  • Threats – איומים/סיכונים

הנעות לפעולה – CTA

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

הטיות קוגניטיביות

95% מההחלטות מתבצעות בתת המודע

  • אפקט פופולריות
  • אפקט “איקאה”
  • אפקט הלא להפסיד (חזק יותר מלנצח)
  • Fomo – Scarcity
  • מסרים שליליים עובדים חזק יותר*
  • ציפייה/KPI/הוכחות
  • קונטקסט/יחסיות
  • כפתורים/תורפה

דוגמאות לדיזיין סיסטמס

מערכת חוקי העיצוב ומעבר…

חוקי הנעה לפעולה

הפעולה החשובה ביותר באינטראקציה עם הגולש

  • מיקום
  • מומלץ צבע יחיד ונפרד
  • עיצוב
  • הבלטה
  • קופי
  • *הכוונה
  • דחיפות/נדירות/FOMO
  • פריימינג

הפסיכולוגיה של חווית המשתמש

חוקי הגשטאלט לעיצוב

  • פשטות/הפשטה
  • המשכיות
  • השלמתיות/CLOSURE
  • Figure & Background
  • Grouping – קיבוץ
  • דומות – Similarity
  • Proximity
  • Common Fate
  • Common Region
  • Symmetry
  • זכירות ושונות
  • ייחודיות
  • אפשור – Affordance

הפסיכולוגיה של הצבעים

צבע זה לא רק תדר

  • כחול משדר עסקים
  • ירוק משדר רוגע/בריאות/איזון
  • כתום משדר הצלחה וביטחון
  • צהוב משדר חום ויצירתיות
  • סגול משדר יוקרה / רוחניות
  • לבן משדר ניקיון/פשטות/כנות
  • שחור משדר דרמתיות/רשמיות/תחכום/אבטחה
  • חום משדר ביטחון/אדמה/מחוספס/פשטות
  • ורוד משדר כנות/הכלה/מתיקות/תחכום
  • אדום משדר התרגשות/בהילות/מבצע
  • *אדום וירוק לא הולכים ביחד כי בעייתיים לעוורי צבעים (15% מאוכלוסיית הגברים)
  • ניגודיות יוצרת הפרדה רעיונית

אנחנו מציעים – במקום הקונספט של:

טקסטארוךעכשיו

 

לחשוב על:

לא טקסט (וידאו/פודקסט/איפוגרפיקה) – לא ארוך (שיהיה תקצירי/אמל”ק) – לא עכשיו (לשלוח במייל למשל)

 

“Most people just want to get in, get it and get out”

ג’ייקוב נילסן – מומחה עולמי לחווית משתמש

שלושת אבני הבניין

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

התוכן הוא המהות של האתר…

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

תוכן לדוגמא: כותרות, טקסט, רשימות, כפתורים, תיבות טקסט ועוד…

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

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

 

העיצוב הוא הנראות של התוכן

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

הטכנולוגיה היא החיבור בין התוכן לעיצוב

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

צריכים עזרה באפיון האתר?
רוצים שיחת ייעוץ או אפיון ע”י מומחה?

תאמו איתנו שיחה –
ואחד המומחים שלנו יחזור אליכם בזמן שנוח לכם!

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

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

השאלות שחשוב לנו לשאול (ולענות עליהן)

מה מאפיין את קהל היעד?

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

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

 

(חשוב מאוד להמנע מהגדרה שכולם זה קהל היעד)

מי הוא הלקוח האידיאלי

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

לדוגמא (לקוח לתוכנית דיאטה):

ישראל ישראלי בן 40 הייטקיסט נשוי +3 אין לו ממש זמן לתחביבים למרות שמשקיע הרבה זמן עם הילידים כשהוא יכול בסופ”ש. עבר לעבוד מהבית בקורונה ומאז הוסיף כ-10 ק”ג עודפים בגלל העבודה מהבית וחוסר התנועה. מאוד חשוב לו להסביר את הכרס ולחזור לכושר כדי להחזיר את האנרגיה והמרץ לשחק עם הילדים שלו.

מה? מי? למה? כמה?

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

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

המספרים שחשוב לדעת על חווית המשתמש

פי 0

נטישה בסלולר

סיכוי לגולשים סלולריים לנטוש את המשימה שלהם אם היא לא מותאמת לסלולר

0 %

ROI on UX Investment

החזר ההשקעה על השקעה בחווית המשתמש

0 %

השקעה של מותגים

המותגים הגדולים בעולם הכריזו שישקיעו את עיקר המאמצים שלהם בשיפור חווית המשתמש ב-5 השנים הקרוב

0 שניות

זמן אידיאלי

הזמן האידיאלי למשוך את הלקוחות שלכם

0 %

נטישה

מהגולשים לא יחזרו לאתר עם חווית משתמש גרועה

0 %

כשלון עסקי

אחוז העסקים שכושלים בגלל חווית משתמש לא טובה

0 %

בדיקה מקדימה

מהלקוחות יבדקו את מלאי ונראות החנות המקוותנת לפני ביקור בחנות הפיזית

0 %

רושם ראשוני

מהלקוחות שופטים את המהימנות של עסק ע"פ נראות האתר

רכיבי הליבה - התכנים של (כמעט) כל אתר

מפת אתר

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

אילו עוד פעולות יתבצעו באתר? האם נדרש עמוד תודה? נחיתה? אינדקס, אירועים, חדשות, חיפוש? וכד’…

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

תכני עמוד הבית

  • סצנת הגיבור
  • הנעה לפעולה 1
  • תקציר אודות/הסיפור
  • שירותים / תחומי פעילות
  • הנעה לפעולה 2
  • בידול/ייחודיות/מסר
  • *אירועים/חדשות
  • נתונים ועדויות/KPI
  • בלוגים/מאמרים
  • הנעה לפעולה 3

הכי חשוב זה לעורר עניין/סקרנות, להשאיר חותם ולהניע לפעולה.

שימו לב שאנחנו רוצים “לתבל” את כל עמוד הבית עם הנעות לפעולה (אנחנו למשל מאוד ממליצים על ציטוטים ומשפטי השראה שנותנים “אוויר” לגולשים.)

קישור לתבנית התוכן לדוגמא >>

תכני עמוד שירות/מוצר

  • כותרת+כותרת משנה
  • תמונה ראשית
  • הנעה לפעולה
  • תכולה – מה כולל?
  • תועלות – מה יוצא מזה?
  • בידול – מה מיוחד?
  • *KPI
  • למי מתאים?
  • מי עומד מאחורי?
  • הוכחות חברתיות/עדויות
  • *בונוסים
  • הבטחה/אחריות
  • הנעה לפעולה

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

חשוב לזכור שגולשים רבים יגיעו ישירות לעמוד השירות ולכן במובנים מסויימים עמוד השירות נבנה כסוג של עמוד בית/נחיתה בפני עצמו

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

מודל - KLT

know us, Like us, trust us
השלבים הפסיכולוגיים בתהליך המרת הלקוח

KNOW - היכרות

מי אנחנו? מה אנחנו עושים? מה הסיפור?

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

LIKE - לחבב/לאהוב

מה יגרום לזכור אותנו - האם יש בידול/משהו מיוחד?

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

TRUST - אמון/ביטחון

האם אתם מומחים? איך אני יכול להיות בטוח?

לבטוח בשירות החברה או במוצר שלה - הוכחות חברתיות - עדויות של אנשים שניסו - סיפורי הצלחה - הבטחה (ואבטחה) וכד'.

מסעות לקוח

משפכי שיווק:

השלבים הפסיכולוגיים שמומלץ
להעביר מבקר באתר

מפת החשיבה לבניית אתר

הכנו לכם מפתח חשיבה עם כל הדברים
שאתם צריכים לדעת לבניית אתר חדש

תרשים זרימה - מסע לקוח
משפכי מכירות

מודל משפך A.I.D.A

 

Attention

Interest

Desire

Action

האומנות של בניית אתרים

שילוב בין מיומנות לאומנות

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

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

ניהול תוכן

מוצרים

מאמרים

עמודים

ניהול אתר

אופטימיזציה

תחזוקה

אחסון

אנליזה

הצ'ק ליסט המלא שלנו לחנויות מקוונות

השירותים שלנו

שירותי שיווק, מיתוג ועיצוב

אינטגרציות, אבטחה ואופטימיזציה

שירותי אחסון אתרים
ורישום דומיינים

הדרכות ושיעורים פרטיים​

אפיון ופיתוח של מודולים ייחודיים לאתרים

לפרטים נוספים והמחירון של “בנק הזמן”

מודל העבודה  הייחודי שלנו – לחצו כאן >>

קבלו הצעת מחיר אישית

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

Divinesites

לכל שאלה מוזמנים לשלוח הודעה
ונציג מומחה יחזור אליכם בהקדם

להרשמה לניוזלטר