תגובות

9 טיפים ו40 דוגמאות קריאיטיביות בטירוף לעיצובי אתר של דף אחד

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

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

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

1. נעים להכיר

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

2. שירותים (ולא מהסוג שיש בתחנות רכבת)

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

3. חובת ההוכחה החברתית

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

4. פורטפוליו, אתה רושם?

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

5. צור קשר

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

6. שוב קריאיטיביות?

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

7. פשוט ונקי

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

8. אינטרקטיביות In, סטאטיות Out

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

9. פחות דיבורים יותר מעשים

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

———————————————————————————————————————————————-

אלה היו 9 טיפים לעיצוב פורטפוליו באתר של דף אחד. בנוסף לטיפים צירפתי לפוסט 40 דוגמאות קריאיטיביות בטירוף של עיצובי 'אתר של דף אחד' ששווה לך להעיף בהם מבט כדי לקבל השראה ורעיונות. תהנה!

1. Kinoz

2. Mitxel Gonzalez Zabalo

3. Fish Marketing

4. Tomas Pojeta

—————————————————-

5. Creative People

6. James Lai Creative

7. Jason Reed

8. Gotta Get to FOWA

9. PikaBoo

10. We are Sofa

11. Salon – La Foile

12. Kretivia

13. Basil Gloo

14. Designed by Dave

15. Red and White Sale

16. London Web Designer

17. Stage 5

18. PSD Web Layout Design

19. Lennart Basler

20. Think Green Meeting

21. The Great Bearded Reef

22. Fajne Chlopaki

23. Mogulista

24. Social Snack

25. Bullet PR

26. Zee

27. Legwork Studio

28. Silverback

29. Tin Van Damme

30. Chirag Solanki

31. Contrast

32. Brian Murchison

33. Visualbox

34. www.MelissaHie.com

35. Tyler Finck, Sursly

36. volll

37. Dan Tobolic

38. Work at Play

39. Search Inside Video

40. rzmota.com

יצא לכם לעצב אתר של דף אחד? שתפו אותנו!

קצת על דניאל שטרנליכט

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

11 תגובות לפוסט "9 טיפים ו40 דוגמאות קריאיטיביות בטירוף לעיצובי אתר של דף אחד"

כתיבת תגובה

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