קשר דיגיטל - בניית אתרים באינטרנט | מומחים בוורדפרס ובאופטימיזציה

Inspiration Group

פבר 3, 2014

קצת על הפרויקט אתר אינספיריישן גרופ

אתר אינספיריישן גרופ נבנה מPSD (עיצוב ייחודי) על מערכת וורדפרס, וזה אתר מרובה שפות.

האתר רספונסיבי כמו כל האתרים שלנו בשנים האחרונות אבל להבדיל מהרבה אתרים רספונסיביים הוא FLUID ולא BOXED.

מה ההבדל בין FLUID לBOXED?

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

בעיצוב FLUID, מחליטים מה הרוחב המקסימלי של האתר (מסך מלא או רוחב מקסימלי שבדרך כלל בסביבות 1200 פיקסלים) במסך במעבר למסגרת יהיו שוליים בצדדים ולאחר מכן – ברגע שהמסך ברוחב או צר יותר מהרוחב המקסימלי, האתר ימלא את המסך ללא שוליים, והאלמנטים יצטמצמו באופן יחסי ככל שהמסך נהיה קטן יותר.

שיטת FLUID מהווה המון בעיות וצורך לתכנן את את העיצוב ולתכנת נכון בשביל שבכל מצב האתר עדיין יראה טוב וישמור על יחס אופטימלי בין אלמנטים שונים כגון תמונה ליד קטע טקטס או לי סרטון.
עדיין יהיו נקודות שבירה אבל בין לבין הנקודות שבירה אין שוליים בצדדים ולכן יש עיצוב גמיש (FLUID) עד נקודת השבירה הבאה.

עוד מידע על שיטות תכנות רספונסיביים בכתבה: הנחיות עיצוב אתר רספונסיבי

בשביל הדגמה תלחצו על הקישור למטה כדי להגיע לאתר הפרויקט ולאחר מכן תשנו את גודל המסך והכל יהיה ברור 🙂

עוד על הפרויקט

אתר אינספיריישן אתר עם המון תוכן, עמודים שונים ופיצ׳רים. Inspiration Group מובילים בתחום השקעות הנדל״ן בחו״ל ומתמחים בהשקעות בברלין. האתר קיים כבר תקופה וקשר דיגיטל בנו את האתר מחדש עם שמירה על התוכן הקיים. היה צריך לסנכרן בין התוכן באתר הישן שהתווסף באופן קבוע לבין האתר שהיה בתקופת הפיתוח.
יש חיבורים למערכת הCRM שלהם ומספר גדול של דפי נחיתה בעיצובים שונים וקודים שונים לאנליטיקה.

לאחרונה עשינו פרויקט אופטימיזציה למהירות האתר.

 

עיצוב האתר במסכים שונים:

פוסטים אחרונים

מה ההבדל בין FLUID לBOXED?

מה ההבדל בין FLUID לBOXED? עיצוב רספונסיבי דורש הרבה יותר עבודה ומחשבה מעיצוב סטטי. זה מכיוון שבכל מסך עיצוב האתר משתנה בשביל להתאים את עצמו. בשביל להקל על תהליך שמירה על העיצוב בזמן התכנות, מאוד מקובל לבנות אתרים בעיצוב BOXED. זאת אומרת שמחליטים על מספר נקודות שבירה... קראו עוד

הצטרפו ללקוחות קשר דיגיטל המרוצים! צרו קשר לשיחת ייעוץ

 

Please leave this field empty.
 

או התקשרו: 074-7039292