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

SURFEX

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

רקע ואתגר

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

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

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

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

האתגר המרכזי

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

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

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

הפתרון

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

התחלתי במחקר שוק שכלל ניתוח של מתחרים ישירים ועקיפים בארץ ובעולם (GoSurf, Surfline, Windfinder ועוד), וגיבשתי פרסונות על סמך קהל היעד כדי להבין לעומק את הצרכים, הרצונות והחסמים שלהם.

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

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

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

תהליך העבודה

שלב 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) ודף נחיתה

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

דף הנחיתה של סרפקס במוקאפ מחשב
מסך ההסבר בדף הנחיתההמסך הסוגר בדף הנחיתה

התוצאה

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

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

פוסט סושיאל של סרפקס
פוסט סושיאל של סרפקס
פוסט סושיאל של סרפקס
פוסט סושיאל של סרפקס
פוסט סושיאל של סרפקס
פוסט סושיאל של סרפקס
פוסט סושיאל של סרפקס

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

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

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

ועכשיו לסיפור שלך