כשניגשנו למלאכת העיצוב ידענו שאנחנו רוצות אתר שישדר שלושה מסרים עיקריים: קהילתיות (יש כאן אנשים מאחורי המילים), ישראליות (משהו מקומי משלנו), דרופליות (העוצמה, הגמישות והמודולריות).
רצינו אתר שיציג אימאג' מעניין ויתאפיין בעיצוב אורירי, נקי ופשוט שיתן כבוד לתוכן ויאפשר הרבה מקום לטקסט.
החיפוש אחר האימאג'
יצאנו לחפש תמונות ומצאנו ממלכה (של מאגרי תמונות נפלאות וחינמיות). אחרי לא מעט שיטוטים נחה עיננו על תמונת קיר עשוי בלוקים בצורת קוביות שבמבט ראשון הזכיר טקסטורה של פיקסלים. מצאנו!
אהבנו את החיבור שבין הבלוקים המסותתים שהונחו אחד על השני במעשה ידי אדם, ובין התבנית המסודרת שנותנת תחושה שדווקא מכונה בנתה את הקיר הזה.
צורת הבנייה של הקיר מזכירה מגדל קוביות (פשוט וקל לבנות), שזו הדרך שבה בונים בדרופל, וחוץ מזה יש משהו מאוד מקומי באבנים האלה ובכתמי העובש (מישהו אמר כותל?) והן גם מזכירות אתר בניה (שזה בהפוך "בניית אתר").
בעיבוד של התמונה נוצרו לנו שני מגדלים שלא נגמרים כי עם דרופל אפשר לצמוח גבוה והשמים הם הגבול.
טוב, מספיק עם מדרש התמונה, אפשר להסחף עם זה עוד שעות...
נעבור לחלקים המכובדים יותר והויזואליים פחות: איזורי התוכן.
תפריטים
בפס הכותרת העליון בחרנו למקם את תפריט הניווט האישי (במקרה של משתמש רשום) או את בלוק הלוגין ותפריט הניווט הכללי (במקרה של גולש מזדמן).
הבחירה במיקום הזה נבעה מהצורך לייחד אזור נפרד לתפריט האישי מחד, ומאידך שלא יתפוס מקום חשוב של תוכן. ההנחה היא שמי שמשתמש בתפריט הזה יתרגל לקיומו למעלה, ומי שלא, פשוט לא ישים לב אליו.
מתחת לתפריט הניווט האישי ומעל התפריט הראשי של האתר מיקמנו רצועה שמכילה את הדברים הכי חשובים שצריך לקלוט גולש חדש באתר:
- להוריד דרופל בעברית (קישור לדף הורדות)
- ללמוד דרופל (קישור למדריכים)
- להצטרף לקהילה (קישור לדף הרשמה לאתר)
- לחפש תוכן (תיבת חיפוש)
לרצועה הזו נתנו מיקום בולט בראש האתר ועשינו שימוש בצבעים שמושכים את העין.
אזור הבלוקים בצד שמאל
הורדנו משם את בלוק הקרדיטים ומיקמנו אותם כטקסט אנכי - המהלך הזה הונע מהרצון מצד אחד לתת מקום מכובד ובולט לקרדיטים, ומצד שני לשחרר אזור יקר לטובת תוכן דינאמי. מיקום הטקסט בצורה אנכית השיג את המטרה: הוא לא תופס מקום, הוא מושך את העין והוא גם משמש כחוצץ בין האימאג' לבין איזור התוכן.
יתר הבלוקים יופיעו שם אחד מתחת לשני לפי חשיבות ונוחות למשתמש.
אזור התוכן
לא נגענו!
החלטנו לא להתערב במבנה שכולנו הורגלנו אליו. השארנו את המיקום של המידע על המחבר, הטקסט, הקישורים בתחתית התוכן ותצוגת השרשורים כפי שהם. נגענו רק בעיצוב הכותרות , תצוגת טבלה ותוכן בראש הרשימות (סטיקי) כדי שידברו בשפת הצבעים של האתר.
ואחרונים חביבים: הצבעים
בחרנו בצבעי כחול-לבן-חום.
הכחול הנצחי של דרופל התחבר לנו נפלא עם צבעי כחול-לבן ישראליים וחום האדמה שמשדר יותר חמימות אנושית ופחות קור הייטקי.
היה לנו כיף! נהנינו!
עינת וליאת
לומבי בניית אתרים ופיתוח הדרכה www.lomby.co.il
