דלג לתוכן
meduza

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

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

בהובלת קיריל וליליאן. פיתוח, עיצוב ושיווק בצוות אחד.

ספקטרה נדל״ן

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

עסקים שבנינו עבורם אתר

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

העסק התקדם. האתר עדיין מייצג אתכם?

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

  1. פער בין המותג לרמה של האתר

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

  2. קשה להבין מה אתם מציעים

    המבקרים לא מוצאים במהירות את השירות, המוצר או קהל היעד.

  3. קשה לעדכן תוכן

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

  4. האתר לא עובד טוב במובייל

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

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

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

  6. פניות בלי הקשר / קשה לעקוב

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

מה בונים יחד, לפי סוג הפרויקט

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

עבודה אמיתית מלמד משפטים · אתר חברה

לעמוד השירות
למידע על השירות
למידע על השירות
למידע על השירות
למידע על השירות

צריכים חנות או מסחר דיגיטלי? למסחר דיגיטלי

מה מקבלים בפרויקט

התוצרים המוחשיים שמרכיבים אתר עובד, מהמסר ועד ההשקה.

את החיבורים והיכולות הנוספות מגדירים יחד באפיון.

ליבה

גילוי עסקי

תוצר: מסמך מטרות, קהלים ומסלולי פעולה

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

ליבה

מבנה ותוכן

תוצר: מפת אתר, היררכיית עמודים ומסרים לפי סדר

המבקרים מבינים במהירות מה מוצע ואיך להתקדם.

ליבה

עיצוב שמתאים למותג

תוצר: כיוון עיצובי + עיצוב עמודים ומובייל

האתר משדר את הרמה של העסק, ולא מראה גנרי.

ליבה

פיתוח ורספונסיבי

תוצר: אתר חי בדסקטופ ובמובייל

העיצוב הופך למוצר שעובד בפועל בכל מסך.

ליבה

ניהול תוכן (CMS)

תוצר: ממשק עריכה והדרכה בסיסית

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

הרחבה לפי אפיון

חיפוש ומדידה

תוצר: תשתית חיפוש/סינון ו/או אירועי מדידה בסיסיים

כשהפרויקט דורש זאת: כלים שמקצרים את הדרך למה שמחפשים ומספקים תשתית נתונים.

הרחבה לפי אפיון

חיבורים עסקיים

תוצר: טפסים, CRM, API או אוטומציות לפי צורך

הפנייה לא נשארת במייל בודד. היא נכנסת לתהליך העבודה שלכם.

ליבה

בדיקות והשקה

תוצר: בדיקות UX, טפסים, קישורים והשקה מתוכננת

עלייה לאוויר עם רשימת בדיקות, ולא «נדחוף ונראה».

עבודות נבחרות בשלוש רמות מורכבות

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

spectra-nadlan.co.il

ספקטרה נדל״ן

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

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

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

לסיפור הפרויקט
המסך הראשי באתר של ספקטרה נדל״ן
חיפוש / קטלוג
חיפוש / קטלוג באתר של ספקטרה נדל״ן

melamedlaw.co.il

משרד עו״ד ליאב מלמד

צורך: משרד עו״ד שצריך נוכחות שמארגנת שירותים ומסלולי פנייה.

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

מובייל / שירותים החלטה מרכזית: היררכיית שירותים שנקראת טוב גם במובייל, בלי לאבד בהירות.

לסיפור הפרויקט
המסך הראשי באתר של משרד עו״ד ליאב מלמד
מובייל / שירותים
מובייל / שירותים באתר של משרד עו״ד ליאב מלמד

hothouse.co.il

Hot House

צורך: עסק מוצרי קמינים שצריך אתר שמציג מוצרים ומסלול רכישה או פנייה.

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

מוצרים / מסחר החלטה מרכזית: קטלוג ומסכי מוצר שמראים את המוצר לפני שהמבקר פונה.

לסיפור הפרויקט
המסך הראשי באתר של Hot House
מוצרים / מסחר
מוצרים / מסחר באתר של Hot House

העיצוב, הפיתוח והשיווק מדברים ביניהם.

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

פרויקט

חיפוש נכסים שמתחיל בצורך של המבקר.

ספקטרה נדל״ן

  1. למבקר

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

  2. באתר

    חיפוש וסינון במקום מרכזי, עם מסלולים ברורים לקונים, למוכרים ולמשקיעים.

  3. בפועל

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

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

להמחשה ממשק עריכה

CMS לצוות שלכם

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

איך האתר משרת את העסק

מצבים יומיומיים שבהם האתר עוזר לעסק לעבוד, ולא רק להיראות.

להבין שירות

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

למצוא מוצר או נכס

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

לעדכן פרויקט או תוכן

הצוות מעדכן עמוד, מדיה או שדות ב־CMS בלי לפתוח פיתוח על כל שינוי.

לקבל פנייה מסודרת

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

איך עובדים: ארבעה שלבים

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

להמחשה חלק מהוויזואלים הם הדגמות מסומנות

  1. הבנה ואפיון מבינים מטרות וקהלים, וממפים מה נכנס לאתר ומה נשאר בחוץ.
    1. היכרות ומטרות

      מה עושים: מבינים מה האתר צריך לעשות ולמי.

      מה מקבלים: סיכום מטרות וקהלים.

      מה מחליטים: מה נחשב הצלחה לפרויקט.

    2. אפיון ומפת אתר

      מה עושים: ממפים עמודים, יחסים והיקף.

      מה מקבלים: מפת אתר עם שמות קריאים.

      מה מחליטים: מה בפנים, ומה נשאר בחוץ.

  2. תוכן ועיצוב מגדירים מסרים, כיוון עיצובי ומערכת עמודים לדסקטופ ולמובייל.
    1. מסרים ותוכן

      מה עושים: מגדירים מה מסבירים ובאיזה סדר.

      מה מקבלים: מבנה תוכן / טיוטות לפי עמוד.

      מה מחליטים: כיוון מסר לפני עיצוב מלא.

    2. כיוון עיצובי

      מה עושים: מגדירים איך העסק ייראה וירגיש.

      מה מקבלים: כיוון עיצובי מוסכם.

      מה מחליטים: שפה חזותית לפני פירוט עמודים.

    3. עיצוב עמודים ומובייל

      מה עושים: מתרגמים את השפה למערכת עמודים מלאה.

      מה מקבלים: עיצובי דסקטופ ומובייל.

      מה מחליטים: מוכנים לפיתוח רחב.

  3. פיתוח וחיבורים הופכים עיצוב לאתר עובד ומחברים טפסים ומערכות לפי האפיון.
    1. פיתוח וחיבורים

      מה עושים: הופכים עיצוב לאתר עובד + חיבורים לפי אפיון.

      מה מקבלים: סביבת פיתוח / סטייג׳ינג.

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

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

      מה עושים: בודקים UX, טפסים, קישורים והתאמות.

      מה מקבלים: רשימת תיקונים + תוכנית העברה אם יש אתר קיים.

      מה מחליטים: מוכנים להשקה או צריך סיבוב נוסף.

    2. השקה והדרכה

      מה עושים: מעלים לאוויר ומעבירים בעלות תפעולית.

      מה מקבלים: אתר חי + הדרכה לפי הסכם.

      מה מחליטים: איך ממשיכים אחרי ההשקה.

לתהליך העבודה המלא

טכנולוגיות וחיבורים

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

טכנולוגיות

  • WordPress

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

  • WooCommerce

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

  • פיתוח מותאם

    לוגיקה, ממשקים ואזורים שלא נכנסים לתבנית מוכנה.

חיבורים ומדידה

  • GoHighLevel

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

  • GA4 / GTM

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

  • API

    העברת נתונים בין האתר לכלים חיצוניים אחרי מיפוי מערכות.

  • אוטומציות

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

דוגמה: מה קורה אחרי שליחת טופס

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

להמחשה

מסלול לדוגמה

המשתמש שולח פנייה

שדות בסיסיים באתר: שם, טלפון והקשר קצר.

עוברים מאתר קיים?

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

לשירות שדרוג והעברה
  • תוכן ומדיה

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

  • כתובות (URL)

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

  • נתונים וטפסים

    מה נשמר מהמערכת הישנה ומה מוגדר מחדש באתר החדש.

  • תוכנית העברה

    סדר הגיבוי, הבדיקות וההשקה מוגדר בהצעה ובהסכם.

WordPress או פיתוח מותאם?

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

WordPressפיתוח מותאם
מתאים כאשרהאתר מציג שירותים, תוכן, תחומים או מוצרים, והצוות שלכם צריך לעדכן אותו לבד.יש תהליך, הרשאות, נתונים או ממשק שאף תבנית לא מכסה.
מי מעדכןאתם, דרך ממשק העריכה, אחרי הדרכה במסירה.תלוי במה שנבנה. חלק מהשינויים דורשים מפתח.
איך זה נראה אצלנוברוב הפרויקטים WordPress עם Elementor Pro. כשהאתר צריך להיות רזה במיוחד, Gutenberg עם תבנית בת, כמו באתר של אוורסט פלטינום.ב־Hot House בנינו את Meduza Ops: פאנל תפעול עברי מעל GoHighLevel, עם PostgreSQL, סנכרון API, הרשאות וקליטת פניות מהאתר.
לאן להמשיךבניית אתר וורדפרספיתוח מערכות Web

עוד ארבע החלטות לפני שמתחילים

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

אתר שלם או דף נחיתה?

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

בנייה מחדש או שדרוג?

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

מיתוג לפני האתר?

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

אתר כללי או אתר לענף?

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

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

נדבר על האתר שלכם

אחרי ההשקה: מה קורה ביום שאחרי

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

  1. מסירה אתם מקבלים את כל הגישות, סיכום של מה נבנה, ורשימה של מה אפשר לשנות לבד ומה דורש פיתוח. הדומיין, האחסון והרישיונות נשארים בבעלותכם.
  2. הדרכה הדרכה לעריכת עמודים, תמונות ושדות מוגדרים, כדי שלא תצטרכו אותנו בשביל כל שינוי טקסט.
  3. בחירה: לבד או איתנו ברירת המחדל היא ניהול עצמי. מי שרוצה ממשיך איתנו בריטיינר של תחזוקה, עדכוני תוכן, SEO, קמפיינים ודיווח. זה הסכם נפרד, עם היקף כתוב, ושום דבר לא מתחדש אוטומטית.
  4. עבודה שוטפת בריטיינר כל בקשה נכנסת לתור עבודה מסודר עם זמני טיפול ברורים, ובריטיינר שיווקי מקבלים גם דוח ופגישה חודשית: מה עשינו, מה עבד ומה משנים.
  5. השלב הבא פרויקטים שתוכננו בשלבים ממשיכים לפי הסדר שסוכם: למשל נוכחות ראשונה, ואחריה קטלוג, חיבור ל־CRM או מדידה מורחבת. כל שלב מקבל הצעה משלו.

שאלות לפני שמתחילים

מי מכין את התוכן והתמונות?

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

שומרים כתובות ותוכן כשעוברים מאתר קיים?

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

מה אוכל לעדכן לבד אחרי המסירה?

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

מה משפיע על המחיר ועל משך הפרויקט?

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

אפשר לפרק את הפרויקט לשלבים?

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

תחזוקה כלולה בפרויקט?

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

למי שייכים הדומיין, האחסון והרישיונות?

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

ספרו לנו מה האתר צריך לעשות.

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

מה קורה אחרי הפנייה: אישור קבלה → שיחת היכרות קצרה → מיפוי צרכים → הצעה כתובה.