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