מאמאל’ה – בניית אתר למכירת מוצרים
צבעים
צבע ראשי
#000000
השחור נבחר כצבע הראשי באתר מתוך מטרה לשדר עוצמה, יציבות ויוקרה. זהו צבע אוניברסלי שמדגיש מקצועיות וניקיון עיצובי, והוא מייצר ניגודיות ברורה מול הרקע הלבן והצבע המשני הניודי.
מעבר לכך, שחור הוא צבע של סמכות וביטחון, הוא גורם לאתר להיראות החלטי וברור, בלי להסיח את דעת המשתמש. כאשר משלבים אותו עם גווני ניוד בהירים, נוצרת תחושה מאוזנת: מצד אחד כוח ועוצמה, ומצד שני רוך וחמימות.
הבחירה בשחור כצבע ראשי גם משרתת את חוויית המשתמש: הוא ממקד את תשומת הלב לאלמנטים החשובים ביותר: כותרות, כפתורים ופוטר – ומוביל את הלקוחה באופן אינטואיטיבי לביצוע פעולה.
צבע משני
DED2C6
הצבע המשני באתר הוא גוון ניוד בהיר, שנבחר כדי לשדר רוך, נשיות וחמימות עדינה. הוא מעניק איזון מול הצבע השחור הדומיננטי של הכפתורים והפוטר, ומסייע ליצור תחושה הרמונית ונעימה לעין. השימוש בגוון זה מדגיש את תחושת הביתיות והעדינות של המותג, ומוסיף שכבת אלגנטיות רכה לעיצוב הכולל.
גופן
הגופן Assistant נבחר כדי לשדר קריאות, ניקיון ואסתטיקה מודרנית. הוא מייצר חוויית גלישה זורמת וברורה, כך שגם בטקסטים ארוכים העין לא מתעייפת. שילוב הגופנים מעניק לאתר איזון בין אלגנטיות מקצועית לבין נגישות חמה, ומתאים לקהל היעד שמחפש אמינות ותחושת נינוחות.
משפחת גופנים
Assistant
כפתורים
כפתור ראשי
הכפתור הראשי עוצב בצבע שחור מלא ליצירת ניגודיות חדה וברורה מול הרקע הבהיר של האתר. הבחירה בשחור מעניקה לכפתור נוכחות עוצמתית וממקדת אליו את תשומת הלב של המשתמשת. הצורה הישרה והנקייה, יחד עם טקסט בלבן, מייצרת קריאות גבוהה ומספקת חוויית משתמש אינטואיטיבית. העיצוב משדר אלגנטיות, יציבות וביטחון, ומדגיש את הפעולה המרכזית באתר בצורה מובהקת.
כפתור משני
הכפתור המשני עוצב עם רקע לבן וקו מתאר שחור דק, כדי לשמור על מראה נקי ומינימליסטי. הבחירה בעיצוב זה מאפשרת ליצור היררכיה ויזואלית ברורה – הוא עדין ופחות דומיננטי מהכפתור הראשי השחור, אך עדיין בולט לעין בזכות המסגרת. שילוב זה מעניק תחושה של אלגנטיות ופשטות, ומספק למשתמשת אפשרות פעולה משנית מבלי להעמיס או להתחרות בכפתור הראשי.
אזור עליון - Header
אזור עליון גרסת מובייל - Header Mobile
ההדר במובייל עוצב בצורה נקייה, קומפקטית וברורה, כך שכל האלמנטים החיוניים יהיו נגישים במבט ראשון.
במרכז: לוגו המותג בגודל בולט ששומר על זהות ברורה.
בצד ימין: אייקון תפריט "המבורגר" לפתיחה מהירה של קטגוריות האתר.
בצד שמאל: אייקוני סל קניות ומשתמש עם הדגשת מחיר/כמות, מה שמאפשר מעקב מיידי אחרי הרכישה.
מתחת להדר שובץ שדה חיפוש רחב עם אייקון שחור מודגש, כדי להנגיש לכל משתמשת חיפוש מהיר.
השילוב בין מינימליזם פונקציונלי לניגודיות שחור־לבן יוצר חווית שימוש ברורה, נעימה ואינטואיטיבית במסכים קטנים.
אזור עליון גרסת מחשב- Header Dasktop
ההדר בדסקטופ נבנה בעיצוב שכבות מאוזנות:
שכבה עליונה שחורה עם טקסט לבן שמציגה הטבות שיווקיות (קופונים, מבצעים, תנאי משלוח). שילוב זה יוצר קונטרסט חזק שמושך את העין מידית ומדגיש את המסרים השיווקיים.
שכבה מרכזית בלבן: בה שובץ לוגו המותג במרכז, מה שמעניק תחושת יציבות וסדר וממקם את זהות המותג במוקד.
בצד שמאל: אייקוני סל קניות ומשתמש עם הצגת מחיר וכמות, המאפשרים מעקב מיידי אחר ההזמנה.
בצד ימין: תפריט "המבורגר" שמאפשר גישה מהירה לקטגוריות האתר, יחד עם שדה חיפוש רחב בעל אייקון שחור מודגש לנגישות גבוהה.
השימוש בשחור לבן בהדר יוצר עיצוב מודרני, חד וברור, שמבדיל בין מידע שיווקי, זהות מותג ופעולות משתמש בצורה נקייה ואינטואיטיבית.
אזור ,תחתון - Footer
אזור תחתון גרסת מובייל - Footer Mobile
הפוטר במובייל עוצב בצבע שחור מלא ליצירת תחושת סיום ברורה, יציבה ויוקרתית.
הטקסט הלבן מעל הרקע השחור מעניק קריאות חדה וקונטרסט גבוה, כך שכל קישור ותוכן נגישים מידית.
הפוטר מחולק לשכבות פונקציונליות:
בחלק העליון: קישורים מהירים לשאלות ותשובות, יצירת קשר, אחריות, מדיניות ועוד, כדי לאפשר למשתמשת גישה מהירה למידע חיוני.
במרכז: טפסי הרשמה לניוזלטר ויצירת קשר, המעוצבים בצורה פשוטה וברורה, עם שימוש בשחור־לבן לשמירה על אחידות עיצובית.
בחלק התחתון: אייקוני רשתות חברתיות מסודרים בשורה, בעיצוב נקי ומינימליסטי שמחזק את חיבור המותג לקהל ברשתות.
השימוש בעיצוב שחור־לבן יוצר חוויה אלגנטית, קריאה וברורה גם במסכים קטנים, תוך שמירה על היררכיה ויזואלית שמובילה את המשתמשת מלמעלה למטה בצורה טבעית.
אזור תחתון גרסת מחשב- Footer Dasktop
הפוטר בדסקטופ עוצב בצבע שחור עם טקסט לבן ליצירת ניגודיות חדה וקריאות גבוהה. המבנה מחולק לשלושה אזורים ברורים: בצד ימין קישורים חיוניים כמו שאלות ותשובות, יצירת קשר, אחריות ומדיניות; במרכז טפסי הרשמה ויצירת קשר המעוצבים בקו מינימליסטי ונקי: ובצד שמאל אייקוני רשתות חברתיות המוצגים בצורה בולטת אך מאוזנת. העיצוב משרה תחושת סדר, יוקרה ויציבות, ומשלים את חוויית המשתמש עם סיום ברור ומדויק של האתר.