הטעם המוכר קיבל חיים על המסך.הטעם המוכר קיבל חיים על המסך.הטעם המוכר קיבל חיים על המסך.
לקוח
השחר העולה
סוג הפרויקט
אתר מותג אינטראקטיבי
השקה
2023
אתר שמרגיש כמו המותג, בכל מפגש.
המוצרים, המתכונים וההיסטוריה של השחר העולה נזקקו לדרכי הצגה שמתאימות לכל סוג תוכן. האתגר היה לחבר ביניהם בחוויה אחת שמזוהה עם המותג — ומשלבת את ההנאה מהגילוי עם האפשרות למצוא מידע שימושי.
מוצרים, מתכונים וסיפורים — עם תנועה ביניהם.
לכל חלק באתר פיתחנו דרך מפגש שמתאימה לו. המוצרים מוצגים בקרוסלה לצד מידע מפורט, המתכונים במרכז תוכן עם חיפוש וסינון, וסיפור החברה מתגלה בגלילה. אנימציות ואינטראקציות מותאמות מחברות את הכול לשפה של השחר העולה.
אנימציות בשפה של המותג: התנועה והתגובות נוצרו סביב האלמנטים של השחר העולה, כך שגם האינטראקציה מבטאת את אופי המותג.
למצוא את המתכון שמתאים: חיפוש וסינון מאפשרים לעבור מהשראה למתכון שמתאים, ולגלות שימושים נוספים במוצרי המותג.
הרבה תנועה. דרך ברורה לתוכן.
האתר משלב תמונות גדולות, אנימציות ומצבי ממשק משתנים. התאמנו את פריסת המסכים, טעינת המדיה והתנהגות התנועה כדי לשמור על חוויה שימושית במחשב ובמובייל.
התאמה למסכים ולמגע
השכבות האינטראקטיביות והאנימציות הותאמו למסכים קטנים ולפעולות מגע.
ההיסטוריה כחלק מהחוויה
מסע בגלילה מציג את התפתחות המותג ומחבר בין הסיפור של החברה לעולם התוכן באתר.
טעינת מדיה בהדרגה
טעינה מדורגת של תמונות ונכסי מותג מפחיתה הפרעות חזותיות בזמן שהתוכן נטען.
כל תנועה מחוברת למצב הממשק.
ניהול מצבי ממשק, מעברים עקביים וטעינת מדיה תומכים בהתנהגות המותאמת של האתר. העבודה בצד הלקוח חיברה את התנועה למצב התוכן ולפעולות המשתמש, כך שהאלמנטים המונפשים פועלים כחלק מהממשק.
מעברים בין מצבי הממשק
רכיבי האתר משנים צורה ועוברים בין מצבים כחלק מרצף הגלישה והסיפור החזותי.
לשמור על יציבות בזמן הטעינה
לוגיקת הפריסה מצמצמת תזוזות מיותרות בזמן שתמונות ואנימציות CSS נטענות.
המותג מושך את העין. התוכן נמצא בהישג יד.
אתר מותג צריך לעשות חשק לגלות וגם לעזור למצוא. חיברנו את הנראות הבולטת של השחר העולה לניווט ברור במוצרים, במתכונים ובסיפור החברה. המשתמשים יכולים לעבור בין מידע על מוצר, רעיון להכנה ותוכן משחקי, בתוך חוויה שמרגישה שייכת לאותו מותג.
ממשק מותאם. תוכן שאפשר לנהל.
מאחורי הממשק הייחודי נמצאת מערכת תוכן למתכונים, מוצרים, מדיה ומידע על החברה. פיתוח רכיבי הממשק ב־HTML5, CSS ו־SCSS חיבר את התוכן לאנימציות ולאינטראקציות המותאמות, כדי שהאופי של האתר והמידע השימושי יעבדו יחד.
מטטרון · סיכום התוצאה
הרבה יותר מצנצנת על המסך.
השחר העולה קיבל אתר עם אופי משלו — בדרך שבה מציגים מוצר, מוצאים מתכון ומגלים את סיפור החברה. מטטרון חיברה פיתוח ממשק מותאם, אנימציות ותוכן שימושי לחוויה שנוצרה במיוחד למותג. כך המפגש הדיגיטלי עם השחר העולה ממשיך את העולם המוכר שלו, במחשב ובמובייל.
השחר העולה — מוצרים, מתכונים ותוכן מותג
היכולות בפרויקט
למותג שלכם יש אופי. גם לאתר שלו מגיע.
אנחנו מעצבים ומפתחים אתרי מותג סביב המוצרים, התוכן והקהל שלכם. מהדרך שבה מגלים מוצר ועד לאינטראקציות שמספרות את הסיפור — החוויה נוצרת במיוחד עבור המותג. בואו נדבר על מה שיהפוך את האתר שלכם לשלכם.