יוני גולן

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

בואו נבנה משהו

01 · עבודות נבחרות

דברים שבניתי

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

    המושבה

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

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

    שעת סיפור

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

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

    מצפן ההוקרות

    יומן הוקרה יומי: שלוש הוקרות ביום, ארכיון ורצף ימים, והכול נשמר במכשיר.

    • יומן אישי
    • PWA
    • נשמר במכשיר
    לאתר
  4. דף ההזמנה של לחם משי: מדף לחמי מחמצת ורשימת לחמים עם מחיריםרשימת הלחמים של לחם משי עם לחמים שנבחרו מסומנים, כמויות וסכום ההזמנה בפס התחתוןפרטי ההזמנה בלחם משי: שם והערה מלאים, סכום ההזמנה וכפתור שליחה בוואטסאפ
    דף ההזמנה של לחם משי בטלפון
    04

    לחם משי

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

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

    צור ישראל

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

    • מערכת ניהול
    • הרשאות לפי תפקיד
    • מותאם לנייד

    מערכת סגורה, בכניסה עם הרשאה. בתמונות נתוני דוגמה.

02 · הגישה

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

03 · שירותים

מה אני בונה

01

אפיון מוצר

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

  • מחקר משתמשים
  • זרימות
  • מסמך אפיון
02

עיצוב UX/UI

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

  • Figma
  • מערכת עיצוב
  • אב טיפוס
03

פיתוח אתרים ואפליקציות

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

  • אתרי תדמית
  • אפליקציות ווב
  • חנויות
04

חוויות אינטראקטיביות

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

  • WebGL
  • משחקי דפדפן
  • מיקרו־אינטראקציות

04 · איך עובדים

ארבעה צעדים, בלי הפתעות

  1. 01

    שיחת היכרות

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

  2. 02

    אפיון ועיצוב

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

  3. 03

    פיתוח

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

  4. 04

    השקה וליווי

    עולים לאוויר עם דומיין, מדידה וחיפוש, ונשארים זמינים לשיפורים.

05 · המעבדה

אל תאמינו לי. תנסו.

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

קליעה

משכו אחורה בכל מקום על הלוח ושחררו. פגעו במשושים המוארים; כמה בזריקה אחת מכפילים.

המשחק צריך JavaScript.

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

06 · בואו נדבר

יש לכם רעיון?

ספרו לי בכמה מילים מה אתם רוצים לבנות. אחזור אליכם תוך יום עבודה.

מה מעניין אתכם?