בניית וקידום אתר למאמנת כושר – פיטסטריט

גרף טראפיק אורגני אתר פיטסטריט

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

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

אפשר להשוות את השלבים של בניית אתר לבניית בית:

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

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


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

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

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

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


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

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

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

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

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

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

מסך הפתיחה אתר פיטסטריט

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

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

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

מעבר לזה, כל פרט ופרט באתר נעשה עם מחשבה מאחוריו, אני אתייחס כרגע ל-2 אלמנטים:

1. הבלוג

מאז שהבינה המלאכותית נכנסה לחיינו, כבר קשה למצוא בלוגים איכותיים שאפשר להאמין למידע שלהם בלב שלם. מה לעשות, זה קל, מהיר, הרמה סבבה, ולמה לעבוד קשה?
אבל בבלוג של האתר הזה אין שום תוכן AI – הכל נכתב מילה-מילה ע"י מאמני כושר אמיתיים (בעיקר מעין, ועוד מאמנים אחרים).

אז איך נעביר את המסר שקורה כאן משהו אחר?

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

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

2. הפוטר

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

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

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

צילום מסך מתוך גוגל אנליטיקס אתר פיטסטריט

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

ומה לגבי הקידום?

האתר כיום (תחילת 2026) מדורג בטופ 3 בגוגל עם יותר מ-200 ביטויים, ובטופ 10 עם מעל 800 ביטויים.

גרף טראפיק אורגני אתר פיטסטריט

מעין סמואל
מעין סמואלמאמנת כושר, FitStreet
⭐⭐⭐⭐⭐
בחיים לא חשבתי שיהיה לי אתר משלי, שהוא כולו אני ושאוכל גם לייצר ממנו הכנסה. טבע הצליח לייצר אתר שה"מוצר" שלו הוא – אני. בצורה כל כך מדוייקת, אמיתית, שתואמת את המציאות הפיזית מצד אחד אבל גם תואמת את המציאות הווירטואלית שמדברת ופונה ללקוחות שלא בהכרח הייתי מגיעה אליהם ביומיום. האתר מושקע, מוקפד עד הפרטים הכי קטנים כמו הפונט ושילובי הצבעים ובעיקר מדבר את השפה שלי. ממליצה בחום ולא רק בגלל היחס החם, ההקשבה ותשומת הלב, אלא גם ובעיקר בגלל המקצועיות והעובדה שלא הייתי מצליחה בחיים לייצר לבד אתר עם כל כך הרבה תנועה והתעניינות. וברור לי שלא כל אחד, גם לא מי שבמקצוע, היה יכול להגיע לרמה כזאת.
סרגיי פיסמני
סרגיי פיסמנימנכ"ל, Sergei Marketing
⭐⭐⭐⭐⭐
טבע מדבר תכל'ס ועושה את מה שהוא מבטיח, בלי סיפורים. תודה שארגנת לי קישורים חזקים באמת – בלי הזבל שכולם מציעים בלינקדאין ובמצבים שבהם לאחרים כבר לא היו פתרונות!
אברהם בדוש
אברהם בדושמנכ"ל, Avraham Marketing
⭐⭐⭐⭐⭐
טבע עבד איתי במשך שנתיים ומשלב מסוים היה אחראי על ניהול החברה כולה כשגויסתי למלחמה. בזכות העבודה, ההשקעה והאכפתיות שלו, החברה שלי הגיעה לשיאים חדשים ואתרים רבים צמחו בצורה משמעותית. הבן אדם מקצוען אמיתי ואמין בצורה יוצאת דופן – אני ממליץ עליו בחום לכל פרויקט, קטן כגדול.
יובל איילון
יובל איילוןמנכ"ל, Ayalon Marketing
⭐⭐⭐⭐⭐
אני ממליץ בחום על טבע ועל שירותי בניית הקישורים וכתיבת התכנים שלו. אנחנו עובדים יחד כבר כמעט שנתיים, ואני מרוצה מאוד מהאיכות ומהשירות שהוא מספק.

תשאירו פרטים ואני חוזר אליכם אישית

טבע מקדם אתרים