שם השיעור: התאמה למובייל חלק 2

דף הבית / קורסים / דנטליס / בניית הדף / התאמה למובייל חלק 2

אין לכם גישה לתוכן זה

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

מה נלמד בשיעור הזה?

  • נבצע התאמה למובייל לHero Section
  • נבצע התאמה לתמונות רקע למובייל בFigma
  • נתאים למובייל את יתרת הסקשנים בדף
  • נגדיר את הטופס של קביעת הפגישה שיישלח בשיטת AJAX ולא בשיטה הדיפולטיבית של Page Reload – הכל בשביל חוויות המשתמש.

וקצת יותר בפירוט...

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

 

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

 

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

 

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