עיצוב אתר לעיריית פרדס חנה

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

מעסיק
ONE City

לקוח
עיריית פרדס חנה

תפקיד
אפיון // עיצוב // בסיס התפתחות חכם 

רקע

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

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

לעירייה לא היה בסיס עיצובי כלל, והכל נבנה מאפס.

המטרה

האתגרים המרכזיים

  • האתר לא נבנה מתוך חשיבה על מובייל: למרות שהיה רספונסיבי, הוא לא תעדף תוכן לפי הקשר שימושי או תרחישי קצה
  • תפריטים עמוסים, מבנה ניווט על פי ההררכיה ותחומי אחריות ברשות – מה שהוביל לתחושת בלבול בקרב תושבים
  • מידע קריטי (כמו הודעות חירום או קישורים ל־106) הלך לאיבוד בתוך עשרות פריטי תוכן

מחקר UX ותכנון מבוסס תובנות

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

במקביל, ערכתי ניתוח ביקורתי של האתר הישן: מהם האזורים שמתפקדים טוב, מה לא נצפה כלל, ואיפה המשתמש "נתקע".
המידע הזה בנה את השלד של חוויית המשתמש – User Flow ממוקד פעולה, תיעדוף מידע לפי שכיחות שימוש, והבנה של Contextual UI –  התאמת ממשק לסיטואציות אמיתיות.

 

העקרונות שהובילו אותי

  • נגישות מלאה – גם מתוך אחריות רגולטורית וגם מתוך עקרון של שירות עירוני מכבד.
  •  Mobile First Strategy – תכנון כל רכיב מתוך תרחישי מובייל קודם, דסקטופ אחר כך
  •  Component-Based Design – עבודה ברכיבים חכמים, ברי שימוש חוזר, לתמיכה בהמשך תפעול עצמי של הרשות
  •  Design for Clarity – עיצוב שמפחית רעש ויזואלי, ומוביל לפעולה ממוקדת

התוצאה הסופית

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

תפריט ניווט מצומצם ומבוסס שימוש – בנוי על Principle of Progressive Disclosure

קריאות לפעולה בולטות – למשל: כפתור 106 / התראות / דיווחים – עם Color Psychology שתומכת בפעולה מיידית

מה למדתי

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

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

מחולל מוצרי ווקמרס

מה עושים כשהמערכת מעמיסה על התמיכה? הכל התחיל בממשק שנכשל למרות שהיה בו הכל… התוצאה: חווייה סופר אינטואיטיבית, שמצליחה לענות על הפתרון באמת.

מערכת לניהול הפקת מדיה

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

TopXR – עיצוב מחדש לאתר חברה טכנולוגית

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