מבחר עבודות ברענון ממשקים, בניית מוצרים דיגיטליים מאפס ומיתוג — מהסקיצה הראשונה ועד למסך הסופי.
אפליקציה קיימת ללימוד שפות עבדה טוב מבחינה פונקציונלית, אך סבלה מהיררכיה ויזואלית חלשה, ניגודיות נמוכה וזהות מותג מטושטשת. התפקיד שלי היה לקחת את המסכים הקיימים ולבנות מהם שפה עיצובית ברורה, עקבית ונעימה יותר לעין — כולל מסכים חדשים שלא היו קיימים כלל.
הלוגו המקורי היה דהוי ובעל ניגודיות נמוכה על רקע כהה, מה שפגע בזיהוי המותג. בנייתי מחדש איקון וטיפוגרפיה בניגודיות גבוהה שעובדים גם בגדלים קטנים.
הכרטיס המקורי טבע ברקע הכהה של האפליקציה וכל האלמנטים שלו נשאו את אותו משקל ויזואלי. בגרסה החדשה יצרתי שכבתיות (כרטיס בהיר על רקע מרקם), הוספתי תג רמה צבעוני כעוגן ראשון לעין, וחיזקתי את ההיררכיה הטיפוגרפית בין הכותרת, המטא-דאטה וההתקדמות. גררו את החץ כדי להשוות:
נתון בודד שהיה דחוס בפינת המסך והתמזג עם הרקע, הפך לבלוק סטטיסטי מרווח עם היררכיה ברורה בין התווית לערך — חלק ממערכת נתונים עקבית לאורך הדשבורד.
לצד הרענון, זיהיתי פערים פונקציונליים ותכננתי מסכים חדשים לגמרי: מסך כניסה/הרשמה עם זהות מותג עקבית, ורכיב זיהוי משתמש + בחירת שפה בכותרת העליונה לשיפור ההתמצאות.
כך נראה הדשבורד המלא לאחר הרענון — סטטיסטיקות, פלאשקארדס, סיכום מאמר אחרון וכרטיס הפעלה פעילה, הכל תחת שפה עיצובית אחת.
פרויקט מלא מאפס: אפיון UX, בניית user flow, עיצוב ממשק (UI) ובניית מערכת עיצוב עקבית ב-Figma — ועד פרוטוטייפ מוכן למסירה לפיתוח.
העמוד באוויר: landingpage.liatholding.com
תכנון מלא של user flow ו-site map, ולאחריהם בניית מסכים קליקביליים ב-Figma: מסך פתיחה, הרשמה כמתנדב/מבקש עזרה, מסך אפליקציה ראשי, הגדרות ופופ-אפים — כולל תיעוד הוראות לבודק.
מפת מחשבות ראשונית, מעבר ל-wireframes ביד, ולבסוף עמוד נחיתה מלא ומעוצב שעלה לאוויר.
מבחר נוסף של פרויקטים — מאתרים מלאים עם Design System מוגדר ועד קונספטים לאפליקציות.
עיצוב אתר שירותים מקצה לקצה: בית, אודות, שירותים, מוצרים ובלוג, בשפה עיצובית אחידה.
הגדרת פלטת צבעים, סקאלת טיפוגרפיה מדויקת (H1-H4) ו-grid לפני בניית העמודים.
מימוש ה-Design System למעלה לכדי עמוד מלא, כולל moodboard וסגנון איורים.
קונספט לזהות חזותית תוססת ומסכי ליבה (Welcome, רשומות, תפריט משתמש).
לוגואים, שפה גרפית וניירת עסקית — מתאימים לשימוש בדיגיטל ובדפוס כאחד, ומותאמים אישית לאופי כל עסק.
הלוגו המקורי היה עמוס ומורכב מפרטים רבים שקשה לשכפל בגדלים קטנים. עיצבתי לוגו חדש, נקי וממוקד, ששומר על המסר (ציפור ובניין = ייעוץ וצמיחה) אך עובד היטב גם על כרטיס ביקור וגם כאייקון קטן.
לוגו, כרטיסי ביקור וניירת דיגיטלית בשפה טבעית ורגועה.
מיתוג בגוון רוזה-זהב, אריזה וכרטיסי ביקור לעסק טיפוח נשים.
שפה אחידה של אייקונים בקו אחד ופלטת צבעים אחידה, מיוצא כ-SVG.
עיצוב דוגמאות (patterns) וטיפוגרפיה, מיושמים על מוצרים פיזיים.
כל פרויקט מתחיל בנייר ועט — מיפוי מחשבות, סקיצות מבנה, ורק אז מעבר למסך.
מיפוי מחשבות → סקיצת מבנה עמודים → תכנון ארכיטקטורת מידע — ורק אז פיגמה.