GeTogether – Case Study

Ram's Designs
פרויקטים GeTogether

GeTogether

MOBILE APP · UX/UI · 2024

אפליקציית מובייל לתיאום מפגשים חברתיים וניהול הוצאות משותפות. מ-WhatsApp Chaos ל-38 מסכי UI/UX מלאים.

תפקידUX/UI Designer
תעשייהSocial App · Event Planning
שנה2024
כליםFigma
היקףFull Product Design — UX + UI
סטטוסPrototype
figma.com / prototype
GeTogether
סקירת הפרויקט

30 שניות, אם אתה ממהר.

האתגר

בקבוצות WhatsApp לתיאום מפגשים, מידע נאבד בים של הודעות. הוצאות משותפות מחולקות ב-SMS. צריך אפליקציה שתאחד הכל — תיאום, RSVP, וחלוקת עלויות.

הגישה

מסך Discovery של אירועים מתוכננים, RSVP בקליק, מערכת חלוקת הוצאות מובנית עם מחשבון, ו-Group Chat מובנה. אינטגרציה עם Google Pay, PayPal, Bit ו-PayBox.

התוצאה

38+ מסכי UI/UX מלאים — Discovery, Event Detail, Expense Split, Payment, RSVP, Calendar, Onboarding, Settings. שני קבצי Figma: UX Architecture + Hi-Fi UI.

תהליך מעמיק

מ-WhatsApp Chaos אל Product מלא.

תהליך UX · מחקר ואסטרטגיה

מיפוי הכאב

מחקר משתמשים גילה 3 בעיות יסודיות ב-WhatsApp לתיאום: (1) מידע נחבא בהודעות ונאבד, (2) חיפוש בכל קבוצה לפרטי אירוע, (3) ניהול הוצאות משותפות בצ'אט — כאוס מוחלט.

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

שני קבצי Figma: קובץ UX Architecture (Wireframes + Flow Diagrams) וקובץ Hi-Fi UI עם 38+ מסכים מלאים בעיצוב כחול-לבן ועברית RTL.

Expense Splitting Flow: כל משתתף מוסיף הוצאות, המחשבון מחשב חלוקה לפי headcount או custom split, תשלום ישיר מהאפליקציה ל-Google Pay / PayPal / Bit / PayBox.

מחקר: 5 ראיונות עם משתמשים + ניתוח Eventbrite, Splitwise, Partiful, Hobnob — זיהוי Pain Points בתיאום + ניהול כספים
קהל יעד: גילאי 22-40 שמתאמים מפגשים חברתיים בקבוצות 5-15 חברים + מארגנים הוצאות משותפות
תהליך UI · ויזואל וטיפוגרפיה

כחול חד + אינטגרציה אמיתית

UI Language: כחול Electric (#3B5BDB) על לבן — נקי, ישיר, מוכר. Bottom Navigation עם 4 אייקונים, Cards עם avatars צבעוניים לחברי הקבוצה.

Onboarding עם 4 מסכי אילוסטרציה — כל מסך מסביר Feature אחד עם דמות מאנימטת. Micro-copy עברית RTL בולד וברור.

Payment Screens: לוגואות אמיתיים של Google Pay, PayPal, Visa, Bit, PayBox — אמינות מיידית. Progress Bar על חלוקת התשלומים בכל אירוע.

Calendar Integration: Event Cards עם תאריך, שעה, מיקום ורשימת משתתפים — כל מה שצריך בלי לפתוח Chat.

פלטה: כחול Electric #3B5BDB + ירוק Confirm #22C55E + לבן + אפור עדין #F8FAFC
טיפוגרפיה: System Hebrew Font · RTL · משקל 700 לכותרות, 400 לגוף · גודל 14-32px
UX → UI

מהווירפריים לעיצוב הסופי.

כל מסך עבר מסקיצת UX לעיצוב UI מלא.

מסכי האפליקציה

← UI FinalUX Wireframe →
UX
UI

פרטי אירוע

← UI FinalUX Wireframe →
UX
UI
תצוגת המוצר

המוצר עצמו.

מערכת מסכים מלאה — 38+ UI Screens
כל המסכים

מערכת מסכים מלאה — 38+ UI Screens

Total Coverage: Home, Event Detail, Group Management, Expense Splitting, Payment Integration, RSVP Flow, Calendar — כל flow מלא מ-A ל-Z.

עיצוב סופי — כחול, לבן, עברית RTL
Hi-Fi UI Design

עיצוב סופי — כחול, לבן, עברית RTL

Hi-Fidelity: מסכי App Home עם לוח שנה, Event Detail עם תמונת משתתפים, מחשבון חלוקת הוצאות, ועיצוב Onboarding עם אילוסטרציות.

פרטי המסכים — חלוקת הוצאות ותשלום
App Screens Close-Up

פרטי המסכים — חלוקת הוצאות ותשלום

Expense Flow: מחשבון חלוקה מובנה, ניהול קבוצה עם אווטארים צבעוניים, ושיוך תשלומים לכל משתתף עם אינטגרציה ל-Google Pay, PayPal, Bit, PayBox.

תהליך — Wireframes עד Hi-Fi
UX Process

תהליך — Wireframes עד Hi-Fi

Design Process: ה-wireframes של File 2 מראים את ה-UX Architecture — ה-flow המלא מ-Discovery ל-Payment. כל state, כל edge case, כל navigation pattern.

שני דורות של עיצוב — Iteration
Full App Flow

שני דורות של עיצוב — Iteration

Evolution: ה-top row מציג גרסה ראשונה, ה-bottom row עם ה-Pixel 7 Pro Mockup מציג את הגרסה הסופית. איטרציה מלאה על כל מסך.

מעוניין בפרויקט דומה?

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

בואו נדבר →
פרויקטים נוספים

עוד עבודות שלנו

Scroll to Top