با کلیک روی دکمه تنظیمات می توانید رنگ اصلی سایت را تعیین کرده و نمایش بخش های مختلف با استفاده از انیمیشن را فعال/غیر فعال کنید. همچنین می توانید لینک ورود به نسخه انگلیسی را نیز مشاهده کنید.
×
نمونه کار ها سفارش پروژه

طراحی قالب

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


قالب با توجه به طرح دلخواه شما در هر یک از سبک های Flat یا Realism طراحی خواهد شد.
همچنین تمامی مراحل طراحی (PSD ، کدنویسی ، تبدیل قالب به CMS) توسط وین دیزاین انجام می شود و نه شرکت/شخص ثالثی.

ما برای اکثر CMS های متداول مانند وردپرس، MarketSaz، دیتالایف، دروپال و ... طراحی قالب انجام می دهیم. همچنین برای اسکریپت های اختصاصی (چه سیستم هایی که دارای Template Engine هستن و چه سایرین).


برای مشاهده نمونه پروژه هایی از هر سیستم، بر روی CMS مورد نظر کلیک کنید.

وین دیزاین برای اکثر سیستم های دیگر نیز طراحی قالب انجام می دهد. کافیست از طریق این صفحه با ما تماس بگیرید و مطلع شوید.
وین دیزاین قالب ها را به صورت کاملاً اختصاصی طراحی و کدنویسی می کند و قالب منحصراً به یک شخص فروخته خواهد شد.
در صورت نیاز شما امکان حذف کپی رایت ما از قالب (با پرداخت هزینه حذف کپی رایت) مقدور می باشد. اطلاعات بیشتر

بهینه سازی قالب

ویژگی های یک قالب بهینه:

توجه داشته باشید که بهینه سازی فقط برای قالب های طراحی شده توسط وین دیزاین انجام می شود و انجام این موارد بدون هزینه می باشد.
  1. لود سریع صفحه
  2. کدنویسی استاندارد، صحیح و بدون خطا
  3. استفاده از CSS Sprite برای تصاویر
  4. Minify کردن فایل های JavaScript و CSS
  5. کمترین استفاده از تصاویر (جایگزین کردن با CSS)
  6. بهینه سازی تصاویر با استفاده از تکنیک Quantization
  7. استفاده از Font Icon ها برای پروژه هایی که دارای تعداد زیادی آیکون هستند
  8. بهینه سازی قالب برای موتور های جستجو - SEO (Search Engine Optimization)
  9. کاهش HTTP Request های قالب جهت کاهش فشار به سرور و استفاده کمتر از Bandwidth
The web should be fast - Google Inc.

ریسپانسیو کردن قالب

قالب ریسپانسیو

ریسپانسیو بودن قالب به چه معناست؟

ریسپانسیو بودن قالب باعث میشه قالب واکنش گرا باشه و بطور خودکار با توجه به اندازه ی صفحه (Screen size) اجزای صفحه رو نمایش بده یا تغییری در اندازه آنها بده.


فرضاً برای کاربرانی که با کامپیوتر رومیزی سایت رو مشاهده می کنند، چون اندازه صفحه بیشتر 1200 پیکسل خواهد بود، تمام جایگاه های تبلیغاتی نمایش داده می شود. اما برای کاربران موبایل فقط برخی جایگاه های تبلیغاتی نمایش داده می شود تا از شلوغی در سایت جلوگیری شود.


تکنولوژی Responsive Web Design (RWD) بر اساس ویژگی های Media Queries در CSS3 می باشد و نه بر اساس تشخیص Platform کاربر. در نتیجه یک وب سایت ریسپانسیو در هر سیستم عاملی مانند اندروید، iOS، ویندوز فون، MacOS، ویندوز و ...، و در هر اندازه ای بدرستی کار می کند و نیاز به طراحی قالب برای هر یک از این سیستم عامل ها به صورت مجزا نیست.


تست کردن واکنش گرایی قالب

با توجه به اینکه نحوه نمایش قالب بر اساس پهنای مرورگر (Browser viewport) می باشد شما می توانید با تغییر اندازه مرورگر (Resize کردن) قالب را در اندازه های مختلف مشاهده کنید.
همچنین می توانید با استفاده از ابزارهای مخصوص اینکار که توسط مرورگر ها ارائه می شوند، سایت خود را در اندازه های مختلف تست کنید.

برای اینکار کلید های ترکیبی زیر را در مرورگر خود وارد کنید:

فایرفاکس (Mozilla Firefox):
CTRL + Shift + M
گوگل کروم (Google Chrome):
F12


ریسپانسیو کردن قالب ها توسط وین دیزاین

ما برای واکنش گرا کردن قالب ها از فریم ورک Bootstrap استفاده می کنیم که محبوبترین و بهترین CSS Framework موجود می باشد که توسط طراحان Twitter ساخته و عرضه شده است.


مقایسه قالبی واکنش گرا با قالبی ثابت

مقایسه قالب ریسپانسیو با قالب ثابت
با توجه به روزافزون بودن تعداد کاربرانی که با استفاده از موبایل به وبگردی می پردازند، داشتن وب سایتی که قالب آن مناسب دستگاه های موبایل و تبلت می باشد، یک مزیت انکار نشدنی و یک ویژگی الزامی برای رقابت در عرصه وب می باشد.

سایر خدمات ما

  1. طراحی PSD
  2. ویرایش قالب
  3. تبدیل قالب استاتیک به CMS مورد نظر شما
  4. کدنویسی قالب (از PSD به HTML5 & CSS3 و تبدیل به CMS)