אתר חדש לאיילת ביטוח ופיננסים: מותג, מערכת ניהול וניהול פרטיותאתר לסוכנות ביטוח עם מערכת ניהול
בנינו עבור איילת ביטוח ופיננסים (ayelet-ins.com), סוכנות ביטוח ופיננסים בנתניה בניהולו של דניאל בשארי, לוגו ושפת מותג חדשים, ואתר שהחליף אתר וורדפרס קודם: אשפי הצעות מחיר, מרכז לניהול פרטיות והסכמות, מרכז SEO ופאנל ניהול מלא בעברית.
01. הרקע והבעיהסוכנות שצריכה אתר שעובד בשבילה
איילת ביטוח ופיננסים היא סוכנות ביטוח ופיננסים בנתניה, בניהולו של דניאל בשארי, שמלווה משפחות ועסקים בביטוח רכב, דירה, עסק, בריאות וחיים, ובפנסיה ופיננסים. האתר הקודם, בוורדפרס, כבר לא שיקף את הסוכנות: עיצוב לא אחיד, תלות בתוספים וקושי לעדכן תוכן. במקביל נכנס לתוקף תיקון 13 לחוק הגנת הפרטיות, שמחייב סדר גם בצד הדיגיטלי.
האתגרים המרכזיים:
- בלי זהות חזותית: לסוכנות לא היה לוגו, ולא הייתה שפה עיצובית שמחברת בין האתר, המסמכים והרשתות.
- הרבה תחומים, דרך קצרה: שבעה תחומי ביטוח, שמונה חברות ביטוח וטפסים של כל אחת. הגולש צריך להגיע לתחום ולטופס הנכון בכמה לחיצות.
- פניות שלא הולכות לאיבוד: כל פנייה, מטופס יצירת קשר או מאשף הצעת מחיר, צריכה להגיע לסוכנות ולהישמר גם כשהמייל מתעכב.
- פרטיות כמו שצריך: אתר שאוסף פרטים אישיים צריך לתעד הסכמה לעוגיות ולטפל בבקשות עיון ומחיקה במסודר.
- מעבר בלי לאבד את גוגל: הכתובות הישנות של אתר הוורדפרס היו חייבות להמשיך להוביל לעמוד הנכון.
02. הגישה שלנומהמותג אל המערכת
התחלנו מהמותג. עיצבנו לאיילת לוגו חדש, מונוגרמה של LA עם קשת שמסמלת הגנה, וממנו גזרנו שפה עיצובית מלאה: פלטת כחולים של נייבי, פטרול וכחול פלדה, גופן Assistant, קווים אלכסוניים בזווית של 60° שחוזרים מהלוגו, ספר מותג ומערכת עיצוב. על הבסיס הזה עיצבנו את כל עמודי האתר, ורק אז בנינו את המערכת.
האתר רץ על Laravel, עם עורך בלוקים שמאפשר לצוות הסוכנות לעדכן כל עמוד בלי לגעת בקוד. סביבו בנינו פאנל ניהול עם פניות, אשפי הצעות מחיר, מרכז פרטיות, מרכז SEO, ניהול משתמשים וכלי מערכת. שילבנו גם את תוספי הנגישות והעוגיות של לוגיקוד, בגרסה שנכתבה במיוחד לאתר.
03. המותג בתנועהלוגו שנבנה מול העיניים
בבאנר של דף הבית אין תמונת סטוק. במקומה רצה בלולאה אנימציה של הלוגו שעיצבנו, שבונה אותו מהגאומטריה שלו. הלוגו בנוי משני מעגלים ומקווים בזווית של 60°, והאנימציה מספרת את הסיפור הזה:
- קווי עזר: המעגלים והקווים שמהם נבנה הסמל מצטיירים, כמו בשרטוט של מעצב.
- קו מתאר: שלושת חלקי הסמל, הקו האלכסוני, ה־A והקשת, מצטיירים בקו דק.
- רצועות בזווית המותג: שתים־עשרה רצועות מוטות ב־60° נכנסות משני הצדדים ומרכיבות את הסמל.
- ברק וגלי הגנה: הבזק אור עובר על הסמל, ומהקשת יוצאים גלים כמו מטרייה שפורשת הגנה.
- יציאה: הרצועות ממשיכות בתנועה ויוצאות לצד השני, קו המתאר נמחק והלולאה מתחילה מחדש.
- קל ונגיש: SVG ו־CSS בלבד, בלי ספריות ובלי וידאו. מי שביקש להפחית תנועה במכשיר, או עצר אנימציות בתפריט הנגישות, רואה את הסמל סטטי.
רכיבי המערכת המרכזיים
כל מה שבנינו לאיילת, מהאתר שהגולש רואה ועד הכלים שהסוכנות עובדת איתם כל יום.
עורך בלוקים ועורך טקסט מלא
14 סוגי בלוקים, מבאנרים ופסי לוגואים ועד טפסים ומסמכים ארוכים. גרירה לשינוי סדר, שכפול, הסתרה, עורך טקסט מלא בעברית ותצוגה מקדימה, והגדרות SEO של העמוד באותו מסך.
אשפי הצעות מחיר
טפסים בשלבים לביטוח רכב, דירה ובריאות או חיים, ובונה טפסים שבו הסוכנות מגדירה בעצמה שדות, שלבים, הודעות ונמענים.
ניהול פניות
כל פנייה נשמרת בפאנל גם כשהמייל מתעכב: סטטוסים, הערות, סינון, ייצוא לאקסל ושליחה חוזרת למייל.
מרכז פרטיות
בקשות עיון, תיקון, מחיקה ומשיכת הסכמה, עם ספירה לאחור של 30 יום לכל בקשה, איתור כל המידע על אדם במערכת, מחיקה מתועדת ומדיניות שמירה אוטומטית.
יומן הסכמות לעוגיות
באנר העוגיות מתעד כל החלטה עם מזהה הסכמה ו־IP מוסווה. מנהל יכול לבטל הרשאה לגולש, והבאנר יוצג לו מחדש. קודי מדידה נטענים רק אחרי הסכמה.
סטטיסטיקה בלי עוגיות
מבקרים, צפיות, עמודים נצפים, מכשירים, מקורות תנועה ושיעור ההמרה לפניות, נמדדים באתר עצמו בלי עוגיות ובלי שירות חיצוני.
מרכז SEO
ציון לכל עמוד, זיהוי בעיות, עריכה מרוכזת של כותרות ותיאורים, מפת אתר ו־robots.txt אוטומטיים ונתונים מובנים מסוג InsuranceAgency.
מעבר מוורדפרס בלי נתק
כתובות ישנות של וורדפרס, כתובות .html וכתובות עם index.php מופנות ב־301 לעמוד הנכון, וטבלת הפניות שהסוכנות מנהלת בעצמה.
נגישות ופרטיות של לוגיקוד
תפריט נגישות מלא, עם קיצור מקלדת Alt+A, ובאנר עוגיות. שניהם הותאמו מתוספי הוורדפרס של לוגיקוד לאתר Laravel, עם אייקוני SVG והגדרות מהפאנל.
משתמשים, הרשאות ויומן פעילות
מנהלים ועורכי תוכן עם הרשאות שונות, השבתה ואיפוס סיסמה, ויומן שמתעד כל פעולה בפאנל.
מצב תחזוקה בלחיצה
מתג "פעיל / תחזוקה" בראש הפאנל. בזמן תחזוקה הגולשים רואים עמוד "בבנייה" מונפש עם גלגלי שיניים שמניעים זה את זה, ומנהלים מחוברים ממשיכים לראות את האתר.
גיבוי וכלי מערכת
גיבוי מסד הנתונים בלחיצה, ניקוי מטמון, עדכוני מערכת ולוג שגיאות, הכול מכפתורים בפאנל, בלי לפנות למפתח.
מבט אל תוך המערכת
ההדמיות כאן נבנו בקוד על בסיס ממשק האתר והפאנל, עם נתוני דוגמה.
04. מאחורי הקלעיםמערכת שנכתבה לצרכים של הסוכנות
מתחת לממשק עומדת מערכת שנכתבה לצרכים של הסוכנות, ולא תבנית מוכנה עם עשרות תוספים.
- טכנולוגיה: Laravel 13 ותבניות Blade, עם TinyMCE בהתקנה מקומית, Chart.js ו־SortableJS בפאנל.
- נתונים מובנים: InsuranceAgency, שאלות ותשובות, מאמרים ופירורי לחם, כדי שגוגל ומנועי AI יבינו מה הסוכנות מציעה.
- בלי תלות חיצונית: הגופנים, עורך הטקסט והאייקונים מתארחים באתר עצמו, בלי Google Fonts ובלי CDN.
- נאמנות לעיצוב: כל עמוד הושווה אוטומטית למבנה של העיצוב המאושר, כדי שהאתר החי ייראה בדיוק כמו העיצוב.
- בדיקות מקצה לקצה: שליחת טפסים, הסכמה לעוגיות וביטולה, תפריט הנגישות ושמירה של כל סוגי התוכן בפאנל.
- פרטי עסק במקום אחד: טלפון, כתובת ושעות פעילות מתעדכנים מההגדרות ומשתנים בכל האתר, בכפתורי החיוג וב־WhatsApp ובנתונים המובנים.
שאלות ותשובות
למה לבנות לסוכנות ביטוח אתר ב־Laravel ולא להישאר בוורדפרס?
כשהאתר צריך כלים משלו, כמו מרכז פרטיות, יומן הסכמות, אשפי הצעות מחיר וסטטיסטיקה בלי עוגיות, מערכת בהתאמה אישית נותנת שליטה מלאה, מהירות ופחות תלות בתוספים ובעדכונים שלהם. זו לא תמיד ההחלטה הנכונה: לאתר תדמית פשוט וורדפרס עדיין מתאים. באיילת, עם תוכן רב, פניות ודרישות פרטיות, מערכת מותאמת הייתה הבחירה הנכונה.
איך המערכת עוזרת לעמוד בתיקון 13 לחוק הגנת הפרטיות?
היא מתעדת כל הסכמה לעוגיות, טוענת קודי מדידה רק אחרי הסכמה ומאפשרת לגולש להגיש בקשת עיון, תיקון, מחיקה או משיכת הסכמה. לסוכנות יש כלים לטפל בבקשה: ספירה לאחור של 30 יום, איתור כל המידע על אותו אדם, מחיקה מתועדת ומדיניות שמירה. המערכת היא כלי עזר, ואת המדיניות עצמה כדאי לבנות יחד עם יועץ משפטי.
איך עוברים מוורדפרס בלי לאבד דירוג בגוגל?
ממפים את הכתובות של האתר הישן ומפנים כל אחת ב־301 לעמוד המתאים, כולל כתובות עם index.php ו־.html. מוסיפים מפת אתר, נתונים מובנים ותגיות SEO לכל עמוד, ומשאירים לסוכנות טבלת הפניות שהיא מנהלת בעצמה.
האם הסוכנות יכולה לעדכן את האתר לבד?
כן. כל עמוד בנוי מבלוקים שאפשר לערוך, לגרור, לשכפל ולהסתיר, עם עורך טקסט מלא בעברית ותצוגה מקדימה. פרטי הקשר, כמו טלפון, כתובת ושעות פעילות, מתעדכנים במקום אחד ומשתנים בכל האתר.
האם האתר נגיש?
האתר כולל את תפריט הנגישות של לוגיקוד, עם הגדלת טקסט, ניגודיות, עצירת אנימציות וקיצור מקלדת Alt+A, והצהרת נגישות שהסוכנות עורכת מהפאנל. גם האנימציות באתר נעצרות אצל מי שביקש מהמכשיר להפחית תנועה.
איך מתחילים פרויקט עם Logicode?
מתחילים בפגישת אפיון קצרה שבה מגדירים את המותג, את התוכן ואת הכלים שהעסק צריך, ומשם מקבלים הצעה ותוכנית עבודה. אפשר לפנות אלינו בוואטסאפ או דרך עמוד יצירת הקשר.
אתר שנראה כמו המותג, מדבר בשפה של הלקוחות ועושה סדר בצד שאף אחד לא רואה: פניות, הסכמות ובקשות פרטיות. לסוכנות יש שליטה מלאה בתוכן, ולגולש יש דרך קצרה מהשאלה להצעה.