אפליקציית בריאות
חוויית משתמש במוצר
מקרי בוחןתבנית מקרה · Lips by Lara
Lips by Laraיופי · אתר
שירותים
כלים
מערך טכנולוגי
יופי · אתר
Lips by Lara
אתר לקליניקה האסתטית של Lara, המחבר עיצוב חזותי מלא הבעה, דמות מונפשת ובונה טיפולים. מבקרים יכולים לגלות אזורים, לראות מחירים בגלוי ולהרכיב תוכנית לשיחה עם Lara.
תנו לקליניקה חוויה מקוונת מלאה
Lara ענתה שוב ושוב על אותן שאלות בהודעות פרטיות ורצתה שהמחירים יהיו זמינים בלי פנייה נפרדת. פיתחנו אתר שמציג את העשייה שלה, מנגיש רשימת טיפולים מפורטת ונותן לתשובות החוזרות האלה בית קבוע.
התרומה שלנו
עיצבנו את התוכן ומבנה האתר, תכננו את השפה החזותית, יצרנו את הדמות בעזרת AI ואת האנימציה שלה, ובנינו את האתר הרספונסיבי ואת התשלום. העבודה חיברה בין ארט דיירקשן, תנועה ומנגנוני בחירת הטיפולים.
ארגנו את רשימת הטיפולים לפי אזור ועיצבנו את הדמות, הכרטיסים והתוכנית כחוויה אחת. לצידה פיתחנו עמודים ייעודיים למחירים, הכנה, טיפול לאחר ההליך ושאלות ותשובות, שאליהם Lara יכולה לקשר ישירות.
הכיוון החזותי
בנינו את הכיוון החזותי סביב טיפוגרפיית סריף מלאת הבעה, רקע ורוד רך והדגשות בורדו. דיוקן גדול מעגן את קומפוזיציית הפתיחה, עם מרחב נדיב וכרטיסי טיפול שממוקמים בקפידה סביבה. בונה הטיפולים שייך לקומפוזיציה מההתחלה: הפאנלים, המחירים והפקדים שלו משתמשים באותה שפה חזותית ומעבירים את אופי האתר לחלקים המעשיים של החוויה.
01 / דמות ותנועה
יצירת דמות לממשק בתנועה.
יצירת הדמות כללה פיתוח של המראה ושל התנועה שלה. יצרנו את הדמות והאנימציה, בחרנו רצפים עקביים ובנינו לולאה ארוכה כדי שמחווה קצרה לא תחזור בכל כמה שניות.
התנועה הייתה צריכה לעבוד גם עם הממשק. המעברים נבנו סביב נקודות נבחרות בלולאה, וכרטיסי הטיפול עוקבים אחר האזורים שלהם כשהדמות נעה. הקטע הקצר הזה מציג את הדמות והכרטיסים יחד בסצנה המוגמרת.
02 / בונה טיפולים
שמרו על האזור, הבחירה והמחיר בתוכנית אחת.
מחירון Lara כלל יותר מ-40 פריטים שאורגנו לפי סוג טיפול. קיבצנו אותם מחדש לפי אזור, כדי שמי שבוחן חלק מהפנים או מהגוף יראה את האפשרויות והמחירים הרלוונטיים יחד.
שינוי האזור מעדכן את הסצנה ורשימת הטיפולים תוך שמירה על בחירות קודמות. הוספת טיפול מחברת בין הכרטיס, מצב הבחירה, מספר הפריטים והסכום הכולל. בתמונת הפתיחה, שני טיפולי פנים נשארים מסומנים כשנוסף טיפול צוואר; שלושתם מופיעים יחד בסל.
חיברנו את התשלום לחשבון Stripe של Lara עצמה והבהרנו את הצעד הבא: התוכנית מתחילה שיחה, והתשלום אינו שומר תור ואינו מחליף את ההערכה של Lara.
03 / תוכן והנחיות
תנו לשאלות חוזרות תשובה ש-Lara יכולה לשלוח.
בחנו שאלות שפורסמו באתרי מטפלי הזרקות אחרים והשתמשנו בבריף מובנה לאיסוף התשובות של Lara עצמה. העבודה הפכה למאגר שאלות ותשובות הניתן לחיפוש, עם 50 שאלות בחמישה נושאים, לצד הנחיות הכנה וטיפול לאחר ההליך.
לכל תשובה יש קישור משלה. Lara יכולה לשלוח את ההסבר המתאים בהודעה, ומבקרים יכולים לחזור אליו בלי לחפש בשיחה ישנה. עמודי המידע שומרים על השפה החזותית של עמוד הבית.
התוצאה
אתר מלא, מהכיוון החזותי ועד התשלום.
האתר שהושק משלב עיצוב חזותי מותאם, אנימציה של דמות שנוצרה, בונה טיפולים מחובר, הנחיות מעשיות ותשלום ב-Stripe, עם פריסות למחשב, לטאבלט ולטלפון.
