פרויקט קונספט | אתר ומערכת ניהול
ÉCLAT Skin
לא רק אתר יפה. תהליך שלם מאחורי הקלעים.
מותג קונספט לקליניקת טיפולי עור, המדגים איך עיצוב מדויק, חוויית לקוחה ותהליך ניהול פניות יכולים לעבוד יחד.
האתר מציג את המותג, מאפשר להתנסות בהגשת בקשת תור וממחיש כיצד בעלת העסק יכולה לנהל את הפניות והתורים במקום אחד.
פרויקט קונספט. ההדגמות משתמשות בנתונים פיקטיביים ואינן שולחות פניות אמיתיות.
01האתר
החוויה מתחילה ברושם הראשון
אתר תדמית שנבנה סביב שפה חזותית אלגנטית, תוכן ממוקד וחוויית שימוש נעימה גם במובייל. המבקרת יכולה להכיר את הטיפולים, להבין את אופי המותג ולהגיש בקשה לתור.
האתר החי זמין לצפייה, אך טופס הפנייה פועל במצב הדגמה ואינו שולח או שומר פניות.
02הדגמה
כך נראית הגשת בקשת תור
התנסו בתהליך כפי שהלקוחה חווה אותו: בחירת טיפול, מועד מועדף ופרטים ליצירת קשר. בסיום תראו כיצד נראית השלמת הבקשה.
במערכת המקורית הלקוחה מציינת העדפת מועד. השעה המדויקת בהדגמה היא לצורכי המחשה בלבד, והתהליך אינו יוצר תור אמיתי.
ההדגמה נטענת…
03הדגמה
ומה קורה אחרי שהפנייה מגיעה?
מאחורי אתר טוב צריך להיות גם תהליך עבודה מסודר. ממשק הניהול בהדגמה ממחיש איך אפשר לרכז פניות, לעקוב אחר הטיפול בהן, לראות תורים ולנהל שינויים במקום אחד.
הנתונים במסך הניהול פיקטיביים. הפעולות משנות את מצב ההדגמה בלבד ואינן משפיעות על לקוחות או תורים אמיתיים.
ההדגמה נטענת…
04התהליך
מפנייה ועד טיפול מסודר
הפרויקט תוכנן סביב תהליך ברור: קבלת בקשה, בדיקת הפרטים, טיפול בבקשה, אישור תור ועדכון היומן כאשר האינטגרציה מופעלת.
- נבנה ונבדק בסביבת פיתוח
- מודגם בעמוד הזה
- עדיין לא אומת מול שירותים חיים
1. קבלת בקשה מהאתר נבנה ונבדק בסביבת פיתוח
הלקוחה בוחרת טיפול, מציינת מתי נוח לה ומשאירה פרטים. האתר החי פועל כהדגמה, ולכן אינו שולח או שומר פניות.
מודגם בעמוד הזה בחירת שעה מדויקת היא תוספת של ההדגמה בלבד. במערכת המקורית הלקוחה מציינת העדפת מועד.
השלב קיים בפרויקט ונבדק בסביבת פיתוח, לא מול שירותים חיים.
05שקיפות
שקיפות לגבי מה שנבנה
נבנה ונבדק בסביבת פיתוח
- טופס בקשת תור עם בדיקת פרטים.
- הבחנה בין בקשה שממתינה לטיפול לבין תור שאושר.
- תכנון כללי עבודה שמונעים התנגשויות בתורים.
- ממשק ניהול ויומן פנימי.
- תכנון תהליך טיפול בפניות ובהודעות.
מודגם בעמוד הזה
- הגשת בקשה עם נתונים פיקטיביים.
- ממשק ניהול אינטראקטיבי.
- נתוני לוח בקרה ויומן לצורך המחשה.
- שינויי סטטוס מקומיים שאינם נשמרים במערכת עסקית אמיתית.
עדיין לא אומת מול שירותים חיים בפרויקט המקורי
- חיבור Google Calendar לחשבון אמיתי.
- שליחת הודעות בפועל.
- אוטומציות חיצוניות פעילות.
התמונות והסרטון נלקחו מ-Pexels. המצולמים הם דוגמנים מתמונות מלאי, ללא קשר למותג הקונספט. התכנים והמחירים באתר הם להמחשה בלבד.
06החשיבה
עיצוב יפה הוא החזית. החשיבה היא מה שמאחוריה.
מאחורי הפרויקט תוכננו גם תהליכי ניהול, כללי עבודה והפרדה בין סביבת הדגמה לשירותים אמיתיים. המטרה היא לא להוסיף טכנולוגיה לשם הטכנולוגיה, אלא לבנות בסיס שאפשר להתאים ולהרחיב לפי הצרכים של העסק.
אתר וחוויית שימוש
שפה חזותית אלגנטית, תוכן ממוקד וחוויה נעימה גם במובייל.
ניהול פניות ותורים
מקום אחד שבו רואים בקשות, סטטוסים ותורים.
כללי עבודה והרשאות
הגדרה ברורה של מי רואה ומה אפשר לשנות בכל שלב.
תכנון לחיבור יומן ואוטומציות
בסיס שאפשר להרחיב בהמשך, כשהעסק יהיה מוכן לכך.
למי שרוצה להעמיק
- 01
אתר תדמית ורכיבי ממשק
אתר סטטי (HTML, CSS ו־JS, בלי build) עם טיפוגרפיה בעברית, סרטון פתיחה קצר וטופס שמבוסס על סכמה אחת. המסכים הנראים כאן בנויים בשפת העיצוב של האתר הזה.
- 02
תשתית שרת
Worker קטן על Cloudflare, ללא כתובת ציבורית, שנגיש רק דרך Pages. כל ההגדרות שמשתנות בין לקוחות נמצאות בקובצי הגדרות, והלוגיקה לא משתנה.
- 03
מסד נתונים
D1 עם טבלאות לפניות, תורים, אירועי היסטוריה, הודעות ויומן. טבלת המעברים וחוק אי־החפיפה נאכפים ב־trigger של המסד, ולא רק בקוד.
- 04
אימות מנהלת והרשאות
סיסמת ניהול מוצפנת (PBKDF2), סשן חתום בעוגייה HttpOnly ו־SameSite=Strict, כותרת CSRF ובדיקת מקור. הגבלת ניסיונות נשמרת במסד.
- 05
הגנות מפני בקשות לא מורשות
בדיקת מקור, שדה מלכודת, הגבלת קצב משותפת, בדיקת גודל וסכמה ו־Turnstile. הלוגים אינם מכילים שמות, טלפונים או סודות.
- 06
אינטגרציית Google Calendar
מתאם ו־OAuth כתובים עם הרשאות מצומצמות והצפנת אסימון במנוחה. נבדקו מול Google מדומה בלבד. הפעלה אפשרית רק בסביבת ייצור, בהגדרה מפורשת, ומחייבת בדיקה מפוקחת.
- 07
סביבת הדגמה נפרדת מהייצור
ספקים אמיתיים מסרבים להיטען מחוץ לייצור. מסד הנתונים נושא סימון סביבה שנאכף, וההדגמה שבעמוד הזה אינה מתקשרת עם הפרויקט בכלל.
07לעסק שלך
מה אפשר לקחת מהפתרון הזה לעסק שלך?
תהליך ברור יותר
פניות ותורים יכולים להתנהל לפי שלבים ברורים, במקום להתפזר בין הודעות ורשימות.
פחות פעולות ידניות
אפשר לזהות שלבים שחוזרים על עצמם ולתכנן עבורם אוטומציה מתאימה.
מעקב מסודר
סטטוסים ברורים עוזרים להבין אילו פניות עדיין דורשות טיפול.
בסיס שאפשר להרחיב
אפשר להתחיל מתהליך פשוט ולהוסיף כלים לפי הצורך, בלי לבנות הכול מחדש בכל פעם.
מדובר בפרויקט קונספט. לא נמדדו בו תוצאות עסקיות או חיסכון בזמן, והנקודות מתארות את הערך האפשרי של הגישה ולא תוצאות שנמדדו.
גם לעסק שלך מגיע תהליך שעובד טוב יותר
אם הפניות מגיעות מכמה מקומות, התיאומים גוזלים זמן או שהמעקב אחר לקוחות הפך למסורבל — אפשר להתחיל מלמפות את התהליך ולבנות פתרון שמתאים לעסק שלך.
יש לכם רעיון? משהו שמעצבן אתכם בתהליך הקיים?
ספרו לי מה קורה אצלכם, ונחשוב יחד מה אפשר לעשות עם זה.