طراحی سایت

10 نکته مهم که در طراحی سایت‌های مدارس دنیا بکار رفته

10 نکته مهم که در طراحی سایت‌های مدارس دنیا بکار رفته

فهرست مطالب

طراحی منو مناسب مدرسه

 ماری مونت ، در طراحی سایت مدرسه خود، در منو بندی سطح اول سایت از روشی خاص استفاده کرده است.

1- یک منوی دو سطحی را پیاده کرده است .سطح اول آن ۵ آیتم دارد و هر کدام تعدادی حدود ۱۰ آیتم زیر مجموعه دارند. 

2-عناوین سطح یک منو  با هاوری خاص طراحی کرده است.  وقتی ماوس روی آن حرکت می کند، به صورت آیکون وار با خاکستری می شود.کمرنگ و  شکلکی متناسب با عنوان منو نمایش داده می شود.

3- وقتی کاربر آیتم منو را کلیک میکند به صفحه داخلی منتقل می شود.همان آیکون و آن عنوان را درشت نوشته است . عناوین سطح دوم منو را بار دیگر در ساید بار سمت چپ آورده است. طوری که مشخص کرده هم اکنون روی کدام صفحه هستیم.

4- این طرز منو بندی ساده می تواند مناسب یک مدرسه باشد . مخاطب اصلی وب سایت، دانش آموزان هستند.

نمایش آمار و وسعت کار مدرسه

 نورد آنجلیای در طراحی   وب سایت خود، در صفحه ای اول با این متد طراحی را انجام داده.

1- صفحه را با سه ویدیو در معرفی محیط مدرسه آغاز کرده است.

2-   طراحی اسلایدری آورده که با بنرهای گرافیکی ارزش های مدرسه را اعلام نموده است.

3-  در سبک طراحی این سایت بخش «حقایق کلیدی درباره مدرسه ما» است.  در آن با یک آیکون و یک عدد، آماری از مدرسه نشان داده شده.

4- ثبت اظهار نظر های مثبت از دانش آموزان با ذکر سن و سالشان.  تایید توسط والدین بر جذابیت سایت افزوده است.

استفاده از ویدئوی پس‌زمینه صفحه سایت

مدرسه بین‌المللی در طراحی سایت خود، در هیرو سکشن صفحه اول، از ویدیوی پس زمینه استفاده کرده است.

1- یک ویدیوی بی صدا، کم حجم، تکرار شونده و زیبا.این ویدیو  با پخش خودکار ، یک لایه خاکستری ظریف روی آن کشیده شده.این لایه متون سفید رنگ روی آنرا، خوانا میکند.

2- در این ویدیو پس زمینه، در نمایی کوتاه معرفی مدرسه  است. ویدیو با مناظری از شهر نیویورک آغاز می‌شود.

3- فیلمبرداری از دانش آموزانی که از سرویس مدرسه پیاده می شوند . دانش آموزان وارد محیط مدرسه می شوند  .همچنین نشان دادن کلاس های متنوع و وسایل کمک آموزشی. مهربانی والدین در مدرسه .نشان دادن  دانش آموزان و بازی ها و تشویق ها بر جذابیت سایت افزوده است.

4- سبک ویدیوی پس زمینه میتواند بسیار به جذابیت و پویایی سایت بیفزاید. البته  به شرطی که نکات کارگردانی در فیلمبرداری و تدوین آن رعایت شود، .

طراحی بلاگ برای مدرسه

مدرسه نیویورک تایمز،  بخشی از سایت را به بلاگ مقالات خود اختصاص داده است .

1- مقاله ها یی که آخرین یا مهمترین مقاله است. با عکسی بزرگتر از بقیه مقالات  در صدر قرار گرفته است. 

2-  در هر ردیف سه پست وبلاگ قرار گرفته است. هر یک عکسی مستطیلی لبه پخ تمام رنگی دارد .همچنین  قید شده که خواندنش چقدر طول می کشد.

3- در صفحه داخلی نمایش، متن کامل مطلب در زیر مطلب ،امکان پیوستن به خبرنامه ایمیلی داده شده است.

4- قرار دادن بلاگ در سایت مدارس  به سئوی سایت میکند.

5- این وبلاگ در بالا بردن رضایت اولیاء دانش آموزان کمک میکند. انتقال مفاهیم و آموزش های مورد نیاز به دانش آموزان موثر واقع می شود. 

نمایش آمار و ارقام کار مدرسه

 کریستو ری، صفحه ای را به معرفی مدرسه در یک نگاه اختصاص داده است.

1- در قالب کادرهای مربعی که یادآور طراحی مترو است .بعضی کادرها را به عکس اختصاص داده است.بعضی را به اعداد و ارقامی درباره تعداد دانش آموزان. متوسط نمرات مدرسه، میزان قبولی در دانشگاه و متوسط سطح درآمد خانواده های دانش آموزان .

2- در قالب اینفوگرافیک نشان داده که دانش آموزان ما  در کدام دانشگاه ها قبول می شوند .همچنین نشان داده که بیشتر کجاها کار می کنند.

3-ارائه اطلاعاتی از این دست در ثبت نام  در یک مدرسه موثر است.

طراحی صفحه سوالات متداول

 ودربای  صفحه ای را به  سوالات متداول اختصاص داده است.

1-سوالات متداول در چند دسته کلی طبقه بندی شده است .از جله،امکانات مدرسه، تعامل والدین، دوران مدرسه،  و پذیرش ها.

2-  ذیل هر دسته عناوین سوالات با فلشی رو به پایین قرار گرفته  است. اگر کاربر کلیک کرد صفحه آکاردئونی باز شده و می‌تواند پاسخ را بخواند.

3-همچنین در زیر صفحه لینک هایی به بعضی صفحات  داده شده است.

4-پاسخگویی به سوالاتی که اولیاء و دانش آموزان دائم می پرسند. در وب سایت مدارس می تواند تا حدود زیادی از تماس های تلفنی بکاهد.

نمایش تصاویر مدرسه در اینستاگرام

مدرسه لیسی فرانسیس نیویورک آمریکا، در  وب سایت خود، بخشی از صفحه اول خود را به انتشار عکس های اکانت اینستاگرامش اختصاص داده است .

1- این بخش به صورت اتوماتیک وب سایت با اکانت این مدرسه در شبکه اجتماعی اینستاگرام لینک شده است . هر عکسی که ادمین اکانت اینستاگرام تشخیص داد و منتشر کرد خودکار در این بخش از صفحه اول وب سایت مدرسه نیز نمایش داده شود.

2- عکس ها به سبک مترو به صورت مستطیل و مربع کنار هم قرار گرفته اند.

3- در قالب آیکون درشت اینستاگرام، لینک مستقیم خود اکانت و یا پیج این مدرسه در اینستاگرام هم قرار گرفته است.

4- مدارس می بایست به موازات وب سایت فعالیت قوی در شبکه های اجتماعی داشته باشند. 

تور مجازی پانورامای 360

مدرسه سنت توماس در آمریکا، در  وب سایت مدارس خود، برای نمایش و معرفی هرچه بهتر فضاهای آموزشی خود، از تور مجازی بهره برده است .

1- صفحه با تصویری کلی از سردر ورودی مدرسه شروع می شود و ویدیویی از مدیر مدرسه خطاب به اولیاء دانش آموزان تازه وارد درج شده است.

2-  از ورودی مدرسه، حیاط مدرسه، کافه تریای مدرسه، کلاس ها و آزمایشگاه ها و سالن ها و … تصاویر مربعی تمام رنگی درج شده که با نمایش آیکون ۳۶۰ درجه حاکی از لینک بودن به تور مجازی مشاهده آن نقطه است.

3- کاربر با کلیک به صفحه داخلی هدایت می شود . گویی در همان مکان ایستاده است می تواند تصویر پانورامای تور مجازی را آزادانه در هر زاویه ای ۳۶۰ درجه بچرخاند. همچنین می تواند چنان که گویی واقعا در مدرسه از گوشه ای به گوشه دیگر راه افتاده است روی بخشی از تصویر کلیک کند و از یک تور مجازی به بعدی برود.

4- تور مجازی در  دید عینی و حس فیزیکی از مدرسه و امکانات آن به اولیاء که حتی یکبار هم به مدرسه نیامده اند کمک  می کند.

معرفی کادر آموزشی مدرسه

والدو در لس آنجلس آمریکا، در طراحی وب سایت برای مدارس خود، صفحه ای را به معرفی کادر آموزشی خود اختصاص داده است .

1-در این صفحه اولیاء مدرسه و تیم مدیریتی و کادر آموزشی معرفی شده اند.

2- از هر یک عکسی مربعی خاکستری درج شده است که نام و سمت فرد و یک پاراگراف بیوگرافی از او قید شده است.

3-تصاویر عموما با لبخند ایشان همراه است و حس مثبتی را منتقل میکند.

4- دانش آموزان و والدین  به عنوان بخشی از تحقیق خود درباره انتخاب مدرسه ،می توانند  روی سایت مدرسه با کادر آموزشی و تیم گرداننده مدرسه آشنا شوند.

طراحی صفحه آلبوم عکس مدرسه

مدرسه لس آنجلسی  در طراحی  وب سایت برای مدارس خود، بخشی از سایت خود را به انتشار آلبوم‌های عکس‌های مدرسه اختصاص داده است.

1-عناوین آلبوم ها در دو ستون ساماندهی شده است . به صورت لینک به صفحه داخلی نمایش عکس های آلبوم درج شده است.

2-علت تعداد زیاد آلبوم ها این است که مدرسه از هر مناسبت یا رویدادی طبعا عکس های چندگانه ای تهیه کرده که ذیل همان عنوان در سایت در یک آلبوم درج کرده است.

3-در صفحه آلبوم عکس های به صورت مربعی و شش عکس در هر ردیف ساماندهی شده است. با کلیک هر یک بزرگنمایی شده و اسلایدشو آغاز می شود.

4-درج تصاویر رویدادها باعث حس پویا بودن به سایت میدهد مخاطب میتواند دید جامع و شناخت عمیقتری از فعالیت های متداول مدرسه بگیرد.

شما همچنین از پلالنهای پشتیبانی می توانید استفاده کنید. طراحی تم و قالب گرافیکی سایت اختصاصی شما صورت خواهد گرفت . خوشبختانه می‌توانید امکانات بیشتر را، در آینده،  به سایت خود اضافه کنید. لذا برای ارزیابی دقیق زمان و هزینه پروژه خود و دریافت پیش‌فاکتور خاص خود، با ما تماس بگیرید.اگر سوالی دارید به صفحه سوالهای متداول مراجعه فرمایید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *