כל העבודות

Auticket

מערכת אכיפה עירונית

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

תפקיד
מוצר · UX/UI · Full-stack
סוג
GovTech · אכיפה עירונית
Stack
Next.js · tRPC · FastAPI
היקף
5 אפליקציות · עברית RTL

מה זה

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

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

הבעיה

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

הפתרון

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

מיתוג

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

Auticket symbol
Auticket logotype
Auticket symbol, white
Auticket logotype, white
Auticket in colour
Auticket in colour

סמל ולוגוטייפ, בשחור, בלבן ובצבע. הלוגוטייפ העברי הוא מה שאזרחים רואים ברחוב.

Authority blue#2E3192
המוסד, הרקע
Action yellow#FFDE17
פעולות בלבד
Blue hover#1E2470
לחיצה
Yellow hover#E5C515
לחיצה
White#FFFFFF
משטחים

צהוב אף פעם לא קישוט: אם זה צהוב, אפשר ללחוץ עליו.

auticketPoppinsגיליון המותג
דוחRubikאפליקציית הרשות, ועברית
Aa 123Interאפליקציית הפקח בשטח

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

Auticket - דשבורד הרשות, אפליקציית האזרח בטאבלט ובטלפון - מסכים אמיתיים
דשבורד הרשות, אפליקציית האזרח בטאבלט ובטלפון - מסכים אמיתיים
Auticket - The officer's vest, the logo embroidered
האפוד של הפקח, הלוגו רקום
Auticket - The ticket, with a code to pay or appeal
הדוח, עם קוד לתשלום או ערעור

איך זה בנוי

צד לקוח
Next.js
TypeScript · Tailwind
shadcn/ui · RTL מלא
API
tRPC + Fastify
JWT · Bcrypt
Audit trail · Rate limiting
נתונים
PostgreSQL
Prisma
12 מודלים מקושרים
AI
Python FastAPI
YOLOv10 · זיהוי רכבים
קריאת לוחיות רישוי

המסכים

מיצוב

קהל היעד כאן הוא מקבלי ההחלטות ברשות המקומית, לא צרכנים - ולכן המסר פותח בהסרת הסיכון התקציבי: תשלום רק בהצלחה, בלי עלויות קבועות. הכחול של המותג #2E3192 משדר מוסד וסמכות; הצהוב #FFDE17 שמור לנקודות פעולה.

Auticket - מיצוב

הדשבורד של הרשות

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

Auticket - הדשבורד של הרשות

טבלאות שאפשר לעבוד בהן

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

Auticket - טבלאות שאפשר לעבוד בהן
Auticket - טבלאות שאפשר לעבוד בהן

לשלם, בצד של האזרח

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

Auticket - לשלם, בצד של האזרח
Auticket - לשלם, בצד של האזרח
Auticket - לשלם, בצד של האזרח

לערער, בלי עורך דין

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

Auticket - לערער, בלי עורך דין
Auticket - לערער, בלי עורך דין
Auticket - לערער, בלי עורך דין

הפקח, ביד אחת

כפתור גדול להנפקת דוח, המספרים של היום ומיקום GPS. הנפקת הדוח היא אריחי סוג גדולים, שדה בסגנון לוחית רישוי וכפתור קבוע הנפקה · סכום; המצלמה שמה את תיבות הזיהוי של ה-AI ואת הצמצם בהישג האגודל.

Auticket - הפקח, ביד אחת
Auticket - הפקח, ביד אחת
Auticket - הפקח, ביד אחת

החלטות עיצוב

01

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

02

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

03

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

04

  • צהוב רק לפעולה - הכחול נושא סמכות מוסדית; הצהוב שמור ללשונית הפעילה ולכפתור הראשי. שני צבעים יוצרים היררכיה חד-משמעית.

05

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

06

  • Audit trail מובנה - כל דוח נושא מיקום, שעה, פקח וחתימה. בעולם שבו כל דוח עלול להגיע לבית משפט, תיעוד הוא לא פיצ'ר - הוא תנאי סף.
הפרויקט הבא
OnZero ←
צרו קשר