כיצד לבנות אתר אינטרנט עבור מוצר חדש (וכיצד עשינו את זה) |

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

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

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

צור Sitemap

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

הנה מפת האתר שפיתחנו עבור מאחז:

1. 1. דף הבית : סקירה כללית על המוצר ו "קריאה לפעולה" כדי להירשם למשפט חינם. קישורים משניים לדפים אחרים המתארים תכונות.
   2. סקירה כללית של תכונות סקירה כללית של כל התכונות עם קישורים לדפי תכונות מפורטים.
      1. פרט לתכונה עבור תכונה א ': פרטי התכונה א
      2. פרטי תכונה עבור תכונה ב ': פרטים על תכונה ב
      3. חזור על כל התכונות

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

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

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

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

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

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

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

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

הנה כותרת ותיאור מורחבת עבור המאחז, את המוצר שאנחנו בונים:

לייעל את הדוא"ל המשותף שלך

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

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

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

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

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

טיפ אחרון:

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

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

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

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

אם אתה משתמש בעט ובנייר הוא לא הדבר שלך, אתה יכול להשתמש ב- PowerPoint או Keynote כדי ליצור wireframes. יש גם כלי ייעודי wireframing כמו Balsamiq שהופכים את התהליך קל.

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

שלנו תיל עבור מאחז.

עיצוב ובנייה