עיצוב חדש לליקוטי שיבולים

זהו. הסתיים לו תהליך של שבועיים. וכעת, גבירותי ורבותי, הרשו לי להציג לפניכם: העיצוב החדש של ליקוטי שיבולים!

(אלה מכם שקוראים אותי דרך קורא RSS יצטרכו להכבד וללחוץ על כותרת הבלוג שלי כדי לראות את הפלא (אלא אם כן אתם בנטוויבז, שם מספיק שתלחצו על כפתור “צפיה באתר”, וכך תוכלו לחזות בפלא מתוך נטוייבז. יחי נטוייבז!) אלה מכם המנויים לבלוג שלי דרך הדואל, קיבלתם רמז מוקדם על השינוי, משום ששיניתי את צבעי הדואל כדי להתאימם למראה החדש).

לפני כשלושה שבועות התחלתי להרגיש רוויה מהעיצוב של הבלוג. איני יודעת אם מה שהפריע לי היו הצבעים (מישהי שסיפרתי לה שאני משנה את עיצוב הבלוג, אמרה: אז סיימת סופסוף את כיתה ו’?), או הכותרת הפשוטה (מדי?), או סתם העובדה שלפעמים אני נכנסת לבלוג מספר פעמים ביום, וכל עיצוב יכול לעלות על העצבים אם נחשפים אליו בתדירות כזו… מכל מקום, התחלתי לפנטז על מראה חדש. הפעם רציתי שתהיה לבלוג כותרת מעוצבת, עם איזשהו אלמנט תמונתי ולא רק טקסטואלי. בהתאם לאמירה “בדרך שאדם רוצה לילך בה מוליכין אותו”, בדיוק באותו זמן הופיע פוסט ב-Smashing Magazine שנתן קישורים לאתרים מהם ניתן להוריד Header-ים (להלן: תמונות כותרת) חינמיים. גלשתי ושוטטתי לי באחד מאותם אתרים, ואספתי לעצמי מספר תמונות כותרת כאלה. הכיוון הכללי שלי היה ללכת על שיבולים, ולהשתמש בצבעי ירוק וחום. באחד מאתרי תמונות-כותרת הנ”ל היו גם קישורים לאתרים שעיצב בעל האתר. התחלתי להסתובב שם וראיתי אתר שמאד מצא חן בעיני מבחינה עיצובית . שמרתי אותו ב-del.icio.us שלי. אפשר לומר שהוא היווה את ההשראה העיקרית שלי למראה החדש (לא כל כך מבחינת הצבעים, יותר מבחינת העימוד). אספתי עוד מספר קטן של אתרים, ובשעות הפנאי הגיתי בהם להנאתי.
אחרי כמה ימי הגיגים הרגשתי שאני נמצאת בצומת. היה לי אוסף תמונות-כותרת, אוסף אתרים, אבל לא ידעתי איך להמשיך מכאן. מבחינתי, זה היה השלב שבו הולכים לרחלי. רחלי היא הארט-דיירקטור שלנו – בחורה מוכשרת ביותר – וידעתי שהיא תוכל להפוך מחשבה למציאות. הלכתי אליה, ובלי להתבלבל התנהגתי כמו כל הלקוחות הכי מעצבנים: הראיתי לה את כל האתרים שאהבתי והסברתי לה מה אהבתי בכל אחד מהם, הראיתי לה את תמונות-הכותרת שאהבתי, ואמרתי לה: עכשיו תעשי לי עיצוב שאוהב!
ורחלי עמדה באתגר. קודם כל היא פסלה את כל תמונות-הכותרת שלי (כראוי למעצבת בעלת טעם טוב), ויחד חיפשנו תמונות-כותרת מתאימות יותר. מצאנו שניים. ואז רחלי עשתה קסם-קוסמות אמיתי: בתוך קצת פחות משעה, היא יצרה לי שתי סקיצות מ-ק-ס-י-מ-ו-ת – סקיצה לכל אחד מתמונות-הכותרת. הבדל נוסף בין שתי הסקיצות היה, שבאחד הניווט היה בצד שמאל (כמו שהיה עד עתה בבלוג שלי), ובשני הניווט היה בצד ימין.
לא יכולתי להחליט איזו כותרת אני יותר אוהבת, ואיזה עימוד לניווט אני מעדיפה, אז החלטתי ליצור 4 דפי נסיון כדי לבדוק את המראה: לכל כותרת הכנתי שני דפים, אחד עם ניווט שמאלי ואחד עם ניווט ימני. במשך כמה ערבים עבדתי על ארבעת הדפים הללו, משנה ריווחים, בוחרת צבעים, רבה עם דפדפנים, לא פשוט. אחד האתגרים הגדולים היה ליצור את הניווט בצד ימין, ושיהיה מיושר לשמאל. ניסיתי קצת ולא הצלחתי ליצור משהו מדהים. מאחר שלא הייתי בטוחה שאני באמת רוצה ניווט כזה, עמדתי לוותר על הנסיון. אבל לפני ויתור סופי, התייעצתי עם סרג’. סרג’ הוא מתכנת מוכשר ביותר ובעל נסיון עשיר בעיצובי אינטרנט. ידעתי שהוא יוכל לומר לי אם זה משהו שקל לעשות ולכן כדאי להשקיע בו, או שזה מסובך מדי וכדאי לרדת מזה. סרג’ הסתכל על העיצוב, ועל ה-CSS שלי, ואמר: את מוכרחה לקבוע לזה רוחב. בלי רוחב, לדפדפן אין מושג לאן את רוצה שהוא יישר את הדברים. זהו. זה היה הסוד. מהרגע שקבעתי רוחב לכל הרכיבים בניווט הצדדי, החיים שלי השתנו לחלוטין 🙂 .
בקיצור, במשך כמה ימים תחזקתי 4 דפים עם עיצובים חדשים, ולא ידעתי להחליט איזה מהם אני אוהבת. אחרי כמה ימים כאלה, ראיתי שמתחיל להמאס לי לטפל ב-4 עיצובים שונים. לאחר מחשבה מעמיקה, בחרתי את הכותרת שאתם רואים כעת – הצבעים שלה היו יותר חמים, וזה התאים לי לחורף הפוקד אותנו מדי פעם :-). אמנם לא בחרתי עדיין באיזה צד יהיה הניווט, אך כעת היו לי שני דפים, ולא ארבעה. במשך הימים הבאים התייצבתי כל יום אצל רחלי עם שאלות ובקשות כדי להחליט איזה ניווט עדיף: תכיני לי בבקשה אייקונים לסרגל שמאלי, אם אפשר גם ירוק וגם חום; תכיני לי אייקונים לסרגל ימני; תגידי לי אם גווני הירוק שבחרתי נראים טוב (לא הם לא, ישבנו יחד ובחרנו צבעים חדשים); מה את אומרת על הריווחים; מה את אומרת על גודל הפונט. שיגעתי לה את השכל. אבל רחלי היא בחורה טובת לב עם סבלנות של ברזל, ומעולם לא התלוננה על הטרדות הללו.
בסוף החלטתי על ניווט ימני. אמנם זה לא אריאל אשל [שממליץ לשים את התוכן החשוב בצד ימין באתרים שכיוון הקריאה שלהם הוא מימין לשמאל. כלומר, הפוסטים צריכים להיות בצד ימין והניווט בצד שמאל, כמו שהיה עד עכשיו בבלוג שלי], אבל גם הוא אומר שזה לא קדוש, ורציתי לשנות. מה גם שכך היה באתר שאותו אהבתי. אבל ההחלטה על ניווט ימני גרמה בעיות עם 3 רכיבים שבעיצוב הקודם היו בצד שמאל יחד עם הניווט, אבל בעיצוב הנוכחי פשוט לא נראו טוב שם: 1) החיפוש – הוא פשוט רחב מדי לעיצוב הזה. 2) הבלוגרול שלי – עם כל המלל של תיאורי הבלוגים, הוא פשוט תפס מקום מרכזי מדי, וגם היישור שלו לשמאל נראה מוזר 3) RSS ודואל – גם שם הכיתוב היה רב מדי. חוץ מזה, רציתי להוסיף דבר מה שלא היה בעיצוב הישן: איזשהו דף אודות, המסביר בקצרה מי אני ומהו הבלוג הזה. גם אותו רציתי להוסיף לצד ימין, אבל לא הצלחתי להוסיף אותו בשום אופן שנראה יפה. בסופו של דבר מצאנו פתרונות יצירתיים לכל הבעיות: 1) את החיפוש העברנו לחלק העליון של הדף (הצלחתם לראות אותו? ללא ספק, בעיצוב הנוכחי ישנות פשרות שמישותיות בגל העיצוב). אמנם הוא לא הכי שמיש מפני שהוא קצת שקוף, אבל זה נראה היה לי הפתרון הטוב ביותר מבחינה עיצובית, אם בכלל רוצים שיהיה חיפוש (ואני רציתי). 2) הורדתי את כל מלל התיאור בבלוגרול, וגם הקטנתי את הפונט. כך הוא אינו מרכז את כל תשומת לב, אבל עדיין יש לו נוכחות. 3) שיניתי את המלל של העדכונים. לגבי חלק האודות, החלטתי – שוב – ללכת בעקבות האתר שמצא חן בעיני, ולשים אותו בחלק המרכזי של הדף. למעשה הוא יהיה הטקסט הראשון שייראה בדף הראשי, ופוסטים חדשים יופיעו מתחתיו.
במשך כל הזמן ידעתי שיש לי בעיית SEO (Search Engine Optimization), מפני שאת הכותרת עשיתי כתמונת רקע, וכך שם הבלוג כבר לא הופיע בכותרת. גם רציתי שהכותרת תהיה קישור לדף הראשי של הבלוג שלי, כמו שהיה עד עכשיו. לשם כך גייסתי את רון, שמצא לי פתרון מצוין (יחסית לעובדה שרציתי תמונה בכותרת במקום טקסט) – את רוב התמונה יצרתי כרקע, חוץ מהמלים “ליקוטי שיבולים”, אותם הצבתי כתמונה בתוך H1. בתוך אותו H1 גם כתבתי את שם הבלוג בתוך span, שאותו הסתרתי בעזרת CSS שסרג’ תרם לי.
גם צבעי הציטטות השתנו, כמובן, ואיתם גם התוכן. הפעם יהיו כ-15 פסוקים בע”ה (ברגע שאסיים להעלות את כולם…), כולם מספר משלי. עם כל ריפרש תקבלו פסוק אחר. נסו ותהנו.
אז נסכם:
אין לי מלים להודות לרחלי – בלעדיה לא היה לי עיצוב חדש בכלל, ועיצוב שהוא כל כך לרוחי בפרט!
תודה רבה לסרג’, שבזכותו הדף שלי קיבל את הכיוון שרציתי, ושתרם לי את ה-CSS לכותרת!
תודה רבה לרון, שניתח את מצב האתר ומצא לי פתרון לא טריויאלי ומוצלח מאד!
תודה רבה לשרון, שאיפשר לי לשבת עם רחלי על העיצוב למרות שזהו איננו פרוייקט במוקד, ואישר לקנות את התמונה שבכותרת!
תודה להורי שהביאוני עד הלום…

לא תם ולא נשלם [ועדיין, השבח לקל בורא עולם]- יש עוד מלא דברים שאני רוצה לתקן בבלוג (חלקם לא נראים ע”י רוב האנשים – למשל אני רוצה שה-page source שלי יהיה נקי ויפה, או שהאתר ייראה טוב גם ללא CSS), אבל בהחלט תם השלב הרציני של המהפך.
מקוה שתהנו.