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

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

Mashable שוחח עם Pienaar ו-Greg Beldam, מעצב סלולרי ראשי בShopify.com, על איך לגרום לאתר המסחר האלקטרוני שלך להיראות חלקלק ככל האפשר. האם יש לך עניין של מסחר אלקטרוני לחיות מחמד או טיפ עיצובי להציע? ספר לנו בתגובות.

1. מוצרים יפים, פריסה יפה

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

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

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

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

2. חשבו על קנה מידה וזרימה

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

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

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

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

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

3. אל תגזים בקוד דינמי

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

"HTML5 ו-JavaScript מאפשרים כמה אנימציות ואפקטים מעניינים באמת שיכולים לשפר את הפריסה שלך, אבל כשמשתמשים בהם יתר על המידה, [הם] יכולים לגרוע מהחוויה הכוללת", אומר בלדאם.

פיאנאר מסכים: "זה לא טוב שחנות כתובה ב-bleeding edge HTML5, CSS3 ו-jQuery אם רוב הקהל שלך יגלוש ב-IE6 עם JavaScript מושבת".

אחת הדרכים העדינות לכלול תוכן דינמי היא באמצעות תמונות מוצר, כגון קוד ה-JavaScript המשולבהשכרת את המסלולדפי הסחורה של. זה עדין, אבל כשאתה מגלגל על ​​תמונה, יש זום ברור של התמונה הנוכחית שבחרת. כך תוכלו להתמקד בהדפסה, בהתאמה או בפרטים של מוצר מסוים לפני ביצוע הרכישה. אין JavaScript? אֵין בְּעָיָוֹת. לכל התמונות של RTR יש סתירה חלקה לתמונת jpg סטנדרטית אם JavaScript לא מזוהה. האלמנט העיצובי הזה לא רק גורם לאתר להיראות הרבה יותר יוקרתי ונחשק, אלא שהוא גם שוויוני: אף משתמש לא יפספס את ממתק העיניים, לא משנה באיזה דפדפן הוא נמצא.

4. אל תשכח נייד

תאמינו או לא, מסחר אלקטרוני במובייל, או mcommerce, הוא למעשה אחת הפעילויות המתפתחות ביותר באינטרנט. ה-Mcommerce דווקא צפוי לעלותפי 99-- מ-770 מיליון דולר ל-77 מיליארד דולר - עד שנת 2015. אין דרך טובה יותר להתכונן לזינוק הקרוב ברכישות במובייל מאשר על ידי נטילת הקנייה שלו וחשיבה על איך ייראה אתר המסחר האלקטרוני הנוכחי שלך בסמארטפון של מישהו.

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