הצילומים מתעדים שינויים באתר קיים. לא נמדד שינוי בהמרות או במהירות הטעינה. הבאנר בגרמנית עוצב לטלפון; הדוגמה באנגלית מציגה באנר מחשב בטלפון.
מהרעיון לביצוע
THE WORK / 05
01 /
המטרה
להציג מידע באופן ברור ועדכני במחשב ובטלפון, במסגרת האתר הקיים.
02 /
התרומה שלי
שיפור פריסות ורכיבים ב-WordPress, ארגון תוכן ותמונות, כפתורי פעולה, התאמות CSS ותצוגות מובייל.
03 /
כלים שבהם השתמשתי
WordPressCSSResponsive designLocalisation
לקוח / ארגוןהמכללה הקדם־אקדמית דיסלדורף
תקופה2026
מה העבודה מראה
באנר ייעודי לטלפון אפשר לסדר את ההצעה, הטקסט והכפתור לפי המקום במסך. השוואת לפני ואחרי מתייחסת לעמוד בערבית; הדוגמאות בגרמנית ובאנגלית הן עמודים בשפות שונות.
מה עשיתי ולמה
01
בדקתי תוכן בחלקים שונים באתר והתאמתי את סידור הרכיבים, הרווחים וגדלי הטקסט למסכים שונים.
02
ארגנתי מחדש את פתיחת העמוד הראשי בערבית והפרדתי בין התמונה לאזור המידע כדי להבהיר את סדר הקריאה.
03
עיצבתי באנר ייעודי לטלפון בעמוד ההרשמה המוקדמת בגרמנית, כי הרכב תמונה וטקסט למחשב לא תמיד מתאים למסך קטן.
04
ביצעתי את השינויים ב-WordPress וב-CSS, עם תשומת לב לכיוון הקריאה בערבית ולפריסות מובייל.
דוגמאות עבודה
השוואת עיצוב של דף הבית בערבית
עיצוב קודםדף הבית הקודם בערבית.
עיצוב מעודכןדף הבית המעודכן בערבית.
גרמנית: באנר חדש שעוצב במיוחד לניידאנגלית: באנר המחשב מוצג בנייד
ראיות: השוואת דף הבית בערבית וצילומי עמודי ההרשמה המוקדמת בנייד. התמונות בערבית מציגות את העיצוב הקודם והמעודכן. הצילום באנגלית מציג את באנר המחשב בטלפון, עם אזורי תמונה חתוכים ורכיבים חופפים. העמוד בגרמנית מציג באנר חדש ונפרד שעוצב לנייד. ההשוואה ממחישה את התאמת חיתוך התמונה, מיקום הטקסט והקריאה לפעולה למסך קטן. לא נמדד שינוי בשיעור ההמרה או במהירות הטעינה.
WordPress