כל העבודות

Doodi

אפליקציה לניהול בניין

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

תפקיד
מוצר · UX/UI · Full-stack
סוג
iOS · Android
Stack
React Native · Expo · Supabase
היקף
118 מסכים · 3 סוגי משתמשים

מה זה

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

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

הבעיה

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

הפתרון

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

מיתוג

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

Doodi logotype
Doodi logotype, white
Doodi in colour
Doodi in colour

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

Doodi Blue#2B30E1
ראשי, העיניים
Doodi Orange#FF6700
הדגשה, החיוך
Blue dark#1F24B8
מצבי לחיצה
Ink#171717
טקסט
Ground#FAFAFA
מסכים

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

DoodiDrawn wordmarkאותיות מותאמות, כקווים וקטוריים
Aa 123SF Proהממשק, ב-iOS
אבגSystem Hebrewעברית, מימין לשמאל

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

Doodi - האפליקציה על שלושה טלפונים - דייר, ועד בית וספק שירות, מסכים אמיתיים
האפליקציה על שלושה טלפונים - דייר, ועד בית וספק שירות, מסכים אמיתיים
Doodi - In the lobby, on a tenant's phone
בלובי, בטלפון של דייר
Doodi - The committee's notice by the lift
הודעת ועד הבית ליד המעלית
Doodi - A service provider's van
רכב של ספק שירות
Doodi - A decal on the building's entrance
מדבקה על דלת הכניסה לבניין

איך זה בנוי

אפליקציה
React Native
Expo · iOS ו-Android נייטיב
עברית RTL
נתונים
Supabase
PostgreSQL · row-level security
realtime
הזדהות
טלפון + סיסמה
גישה לפי תפקיד ולפי בניין
היקף
118 מסכים
דייר · ועד · ספק
עם האצלת הרשאות לעוזר

המסכים

מספר אחד קודם

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

Doodi - דשבורד דייר
Doodi - דשבורד ועד הבית
Doodi - דשבורד ספק שירות

תקלה, מהדיווח ועד התיקון

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

Doodi - תקלות
Doodi - סטטוס תקלה
Doodi - דיווח תקלה

לשלם ולהחליט

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

Doodi - תשלומים
Doodi - אישור תשלום
Doodi - הצבעת בניין

הניירת של הבניין

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

Doodi - הודעות
Doodi - מסמכים
Doodi - ספקי שירות

החלטות עיצוב

01

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

02

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

03

  • נייטיב, לא מעטפת - מצלמים תקלות, משלמים בטלפון, הודעות צריכות push. זה מה שהכריע לטובת React Native על פני מעטפת ווב.

04

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

05

  • כסף מחייב תיעוד - כל תשלום וכל הצבעה משאירים עקבות. בבניין משותף, החלטה שלא תועדה היא מחלוקת שמחכה לקרות.
הפרויקט הבא
Exo-View ←
צרו קשר