יצירת אתר אישי

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

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

יצירת תיק עבודות אישי עבור הסטודנט

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

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

מבניות האתר / העמוד

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

  • האזור אזור ניווט עם קישור לכל אזור. 
  • האזור יכלול לוגו / תמונה / שם 
  • מומלץ שהאזור היה "דביק" למסך (fixed)
  • האזור הפותח של האתר, קבלת הפנים והצגה אישית במשפט פתיחה.
  • חשוב לחשוב על משפט פתיחה מעצים ומעניין שיוצר עניין. 
  • מומלץ לשלב באזור תמונה או אלמנט ויזואלי.
  • אזור זה יכלול תמונת אישית או לוגו.
  • אזור זה יכלול טקסט אודות או "קצת עליי".
  • אזור זה יכלול קישור לקורות חיים.
  • אזור זה יכלול את יכלול את תיק העבודות האישי וקישורים לכלל העבודות.
  • ניתן לשלב באזור זה עבודות שבוצעו במהלך הקורס והמודול.
  • אזור זה יכלול את כל העבודות שבוצעו באופן יזום ללקוחות (בעבר ובעתיד)
  • אזור זה יכלול את יכלול את השרותים המרכזים אותם נרצה להציע ביום הקורס.
  • ניתן להציג מספר שירותים או תחומי התמחות.
  • חשוב לשלב פסקת הסבר מזמינה הנתמכת ביכולות ומיומנויות שנרכשו במהלך הקורס.
  • אזור יכול לכלול טופס הצטרפות אשר יכלול את השדות הבאים: שם | טלפון | דוא"ל | תוכן ההודעה. ( חשוב לשמור על הודעות שגיאה למשתמש בהתאם )
  • האזור יכול להציג: מספר טלפון, מספר ווצאפ, כתובת מייל וכד'.
  • האזור יכול לכלול קישורים לרשתות כמו לינקדאין, פייסבוק, אינסטגרם וכד'.
  • האזור יכול קרדיט לבונה ומעצב האתר 
  • האזור יכול להציג זכויות יוצרים.

אזור עליון

אזור ראשי

אזור אודות

אזור שירותים

אזור צור קשר

אזור צור קשר

אזור תחתון

דוגמאות לתיקי עבודות

יובל

פרוייקט במסגרת לימודי עיצוב גרפי
לצפייה בתיק עבודות

זיו

פרוייקט במסגרת לימודי שיווק באינטרנט
לצפייה בתיק עבודות

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

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

הגדרת פלטת צבעים:

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

יצירת הנעה לפעולה:

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

בחירת גופן ייחודי ומעניין:

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

הגדרת טיפוגרפיה אחידה:

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

בחירת שפה לאלמנטים ויזואליים:

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

הגדרת אלמנטים מרכזיים:

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

סידור וארגון המידע באתר:

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

סידור וארגון המידע בעמוד:

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

הגדרת אזורים ברורה:

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

הגדרת סגנון פניה אחיד:

חשוב להגדיר הדרך אחידה בה אנחנו פונים באתר למשתמש, נהוג להגדיר רבים /יחיד – יחיד / רבים, שפה רשמית או קלילה.