גולשים בים בברזיל

סרפקס

להפוך מידע על תנאי גלישה להחלטה פשוטה לפני שיוצאים לים.

רקע ואתגר

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

סמל הלוגו של סרפקס

האתגר המרכזי

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

01

אפליקציות קיימות "יבשות" מדי

נתונים בלבד, בלי רגש או חוויה.

02

חוסר התאמה אישית

אין דרך לדעת איזה חוף באמת מתאים לרמה ולסטייל של המשתמש.

03

עומס מידע

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

הפתרון

שילוב בין טכנולוגיה, עיצוב וקהילה

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

מחברת סקיצות של תהליך העיצוב לסרפקס

תהליך העבודה

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

שלב 1 - מחקר שוק ופרסונות

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

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

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

שלב 2 - יצירת קונספט עיצובי

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

הלוגו מבוסס על גל שיוצר את האות S, עם רמזים לאותיות F ו-X - סמל שמחבר בין זרימה, תנועה, חופש והרוח הקהילתית של עולם הגלישה.

שפה ויזואלית

דגימת צבע #3DB7B3

HEX: #3DB7B3

RGB: 61, 183, 179

CMYK: 67, 0, 2, 28

Pantone: 7472 C

דגימת צבע #EED6B7

HEX: #EED6B7

RGB: 238, 214, 183

CMYK: 0, 10, 23, 7

Pantone: 7506 C

דגימת צבע #EA8B6E

HEX: #EA8B6E

RGB: 234, 139, 110

CMYK: 0, 41, 53, 8

Pantone: 7416 C

Righteous

Aa Bb Cc - Surfex 1234

אסיסטנט

אבגד הוזח - סרפקס 1234

אייקון סרפקס - בית
אייקון סרפקס - גלים
אייקון סרפקס - מועדפים
אייקון סרפקס - פרופיל
אייקון סרפקס - מפה
אייקון סרפקס - רוח
אייקון סרפקס - טמפרטורה

שלב 3 - אפיון וחוויית משתמש (UX)

הגולש מקבל חוויה אינטואיטיבית ומותאמת אישית:

חיפוש חכם: לפי רמה, תנאים ומרחק.

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

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

מסך ראשי באפליקציית סרפקס
מסך מפת חופים באפליקציית סרפקס
מסך רשימת חופים באפליקציית סרפקס
מסך חוף בודד באפליקציית סרפקס
מסך מועדפים באפליקציית סרפקס
מסך פרופיל משתמש באפליקציית סרפקס

שלב 4 - עיצוב ממשק (UI) ודף נחיתה

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

התוצאה

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

מסקנות ולמידה אישית

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

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

עכשיו בואו נדבר על המועדון שלכם.

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