طراحی سایت واکنش گرا ( ریسپانسیو Responsive)

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

ضریب نفوذ تلفن همراه در ایران اکنون 115% است .

بنابر این کاربر حروف و نوشته ها را در صفحه نمایش کوچک بدون زحمت و زوم کردن اسکرول چپ و راست براحتی

می خواند .

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

شما تعداد زیادی از کاربران را از دست خواهید داد .

در گذشته صاحبان کسب و کار 2 نوع هزینه برای طراحی سایت می کردند.

برای موبایل سایت جداگانه بنام موبایل ورژن

تولید می شد که هزینه زیادی داشت.

طراحی سایت ریسپانسیو چیست؟

طراحی سایت ریسپانسیو چه مزیت هایی دارد؟

ساخت سایت ریسپانسیو این روزها اهمیت حیاتی دارد.

حتما برای شما هم پیش آمده است که با لپ تاپ وارد یک سایت شده‌ اید و از خدمات آن استفاده کرده اید؛

اما زمانی که با تلفن همراه خود به همان سایت مراجعه کردید،

سایت را با ظاهری متفاوت اما با همان امکانات دیده اید؛

به این ویژگی سایت، واکنش گرایی یا ریسپانسیو بودن می گویند.

ریسپانسیو یا هماهنگ بودن یک سایت با دستگاه های مختلف از جمله موبایل و تبلت

این روزها ضرورت خیلی زیادی دارد و اگر یک سایت این ویژگی مهم را نداشته باشد

شانسی برای موفقیت در دنیای وب نخواهد داشت.

سایت واکنش‌گرا (ریسپانسیو) به سایتی گفته می‌شود که نسبت به دستگاهی که کاربر از آن

برای دیدن سایت استفاده می‌کند واکنش نشان دهد.

به بیان ساده‌تر، سایت‌های واکنش‌گرا (Responsive)در دستگاه‌های مختلف

مانند: موبایل، تبلت و یا کامپیتر‌های رومیزی به شیوه‌ای متفاوت به نمایش در‌ می‌آیند.

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

نتایج گوگل و سایت واکنش گرا

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

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

در نتیجه می بایست که:

طیف گسترده ای از دستگاه هایی که کاربران به واسطه آنها قادر به دسترسی به اینترنت هستند را در نظر گرفت.

زیرا انعطاف پذیری، کلید موفقیت در کسب و کار ،به خصوص، کسب و کار آنلاین است.

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

تا چندی پیش برای نمایش یک وب سایت در موبایل، طراحی و برنامه نویسی مجزا تحت عنوان Mobile version یا سایت موبایل محور انجام می‌شد.

۷ مزیت کلیدی طراحی سایت ریسپانسیو

۱- افزایش رتبه گوگل (SEO) و ترافیک سایت

طبق آمار وزارت ارتباطات، تا پایان سال ۹۶ بیش از ۵۳ میلیون ایرانی از اینترنت موبایل استفاده میکنند

و ضریب نفوذ آن به ۱۱۰ درصد رسیده است.

این آمارها حاکی از آن است که ارائه سرویس از طریق گوشی ضرورتی انکارناپذیر است

و اگر سایت شما واکنش گرا باشد، رشد سریع و خوبی از نظر سئو خواهد داشت.

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

۲- نقش سایت واکنش‌گرا در بازاریابی اینترنتی

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

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

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

تجربه کاربری نامطلوب سایت در موبایل است که به علت کیفیت پایین ریسپانسیو سایت اتفاق می افتد.

تصور کنید با صرف کلی هزینه، تعداد زیادی بازدیدکننده به سایت خود هدایت کرده اید

اما به دلیل نمایش نامطلوب سایت در موبایل،

بسیاری از آنها سایت را ترک می کنند.

این موضوع علاوه بر نارضایتی مشتریان باعث می شود که نرخ پرش (Bounce rate) سایت شما

نیز افزایش یابد که از دید موتورهای جستجو پوئن منفی محسوب می شود.

3- پویایی سایت

مهم‌ترین مزیت وب‌سایت‌های واکنش‌گرا نسبت به وب‌سایت‌های قدیمی و معمولی،

نمایش کلیه اجزای سایت در قالبی کوچک‌تر به بازدید کننده وب سایت می‌باشد.

شاید در ابتدا این موضوع از دید شما خیلی مسئله مهمی نباشد اما موضوع فقط این نیست.

هنگامی که یک نفر از وبسایت شما بازدید می کند، هر چقدر که سریع‌تر بتواند به خدمات شما دسترسی پیدا کند،

احتمال استفاده از آن خدمات هم بیشتر خواهد بود.

در سایت‌های واکنش‌گرا (ریسپانسیو) شما دقیقاً سایت را با سایز و قالب دستگاه بازدیدکننده خواهید دید.

به عنوان مثال اگر بازدیدکننده وب‌سایت شما با یک تبلت ۷ اینچی وب‌سایت را مشاهده کند

دقیقاً سایت شما متناسب با یک نمایشگر ۷ اینچی نمایش داده می‌شود

و به همان نسبت هم منوها، محصولات، مقالات و هر مورد دیگری که در سایت شما وجود داشته باشد

کوچک‌تر شده و در قالبی جدید دیده می‌شوند.

۴- انعطاف پذیری فوق العاده سایت واکنش گرا

هنگام پیاده سازی یک سایت واکنش گرا (ریسپانسیو) می‌توانید بخشی از سایت را با توجه به نظر خودتان

در گوشی‌های موبایل نمایش ندهید و به جای آن چیز دیگری قرار دهید.

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

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

۵- افزایش سرعت بارگذاری سایت

علاوه بر موارد قبلی، مزیت دیگری که سایت‌ های واکنش گرا (ریسپانسیو) دارند این است که معمولاً با کوچک شدن

تمام بخش‌های سایت، با چینش مجدد و حذف برخی از قسمت های آن، حجم نسخه‌ موبایل به مراتب کمتر می شود.

دقیقاً همین موضوع باعث می‌شود که سایت شما در گوشی و تبلت بازدیدکننده سریع‌تر نمایش داده شود.

با توجه به اینکه بعضاً سرعت اینترنت در گوشی موبایل و یا تبلت ممکن است

پائین تر از حد معمول باشد این موضوع تأثیر خوبی در بازدهی وبسایت شما خواهد داشت.

پائین تر از حد معمول باشد این موضوع تأثیر خوبی در بازدهی وبسایت شما خواهد داشت.

۶- صرفه جویی در هزینه

قبل از اینکه ویژگی واکنش گرا بودن (Responsive) به صورت گسترده مورد استفاده قرار گیرد

(گرچه هنوز هم بعضی ها استفاده نمی کنند!)، اگر کسی میخواست نسخه موبایل برای سایت خود طراحی کند،

برای هر نوع دستگاه مجبور بود یک طرح خاص داشته باشد. تصور کنید اگر آن شخص می خواست مثلا برای ۳ دستگاه آی پد،

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

اگر روزی دستگاه جدیدی به بازار معرفی و به سرعت فراگیر شود، دوباره باید هزینه شود تا برای این دستگاه جدید قالب طراحی گردد.

مزیت قالب واکنش گرا آنجا خود را نشان می دهد که سایت شما برای هر ابزاری که در بازار وجود دارد

هماهنگ می شود و نیازی به طراحی دوباره قالب نیست.

۷- سبقت از رقیبان

از آنجایی که طراحی واکنش گرا هنوز کاملاً فراگیر نشده است، احتمال دارد که رقیبان شما از این ویژگی بهرمند نباشند.

سایت ریسپانسیو شما به مشتریان نشان میدهد که در کار خود حرفه ای هستید و از رقیبان خود جلو تر حرکت می کنید.

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

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

۸- سخن آخر

تنوع تبلت‌ها و موبایل‌هایی که روانه بازار می‌شوند بسیار است

و عملاً بدون داشتن یک سایت واکنش‌گرا نمی‌توانید رضایت همه مخاطبان را جلب کنید.

طراحی سایت های واکنش‌گرا یک ضرورت محسوب می‌شود و اگر وبسایتی از این فناوری برخوردار نباشد،

بخشی ازراه حل:

لینکی مرتبط برای همه موارد

سال ها پیش هنگامی که آرایش منعطف برای وب سایت ها تجملاتی بود, تنها چیزی که در طراحی استفاده میشد علائم (المان های ساختاری) و یا متن بود.

تصاویر به راحتی میتوانند ارایش طراحی را خراب کنند حتی میتوانند باعث ضربه به آراستگی های منعطف شوند.

طراحی های منعطف آنقدر هاهم قابل انعطاف پذیری نیست, به طوری که میتواند یک و یا صدها پیکسل را در خود جای بدهد.

اما به طور معمول نمیتوانند خود را از صفحه کامپیوتر به نوت بوک تطابق دهند.

وحالا میتوانیم همه چیز را منعطف کنیم.

تصاویر میتوانند به طور خودکارقابلیت تطابق داشته باشند و ما باید روی این موضوع کارکنیم بنابراین با این راه کارها آرایش ها خراب نمیشوند.

(اگرچه این موضوع باعث نامفهوم وتکه تکه شدن پردازش میشوند)باوجود این که این موضوع راه کار کامل نیست اما امکانات بیشتری دراختیارما قرار میدهد.

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

در مقاله اتان مارکوت او یک طراحی نمادین ایجاد کرده که ویژگیهای آرایش منعطف بهتری دارند.

انعطاف پذیری بیشتر

طراحی بی عیب ترکیبی جذاب از شبکه متغیر را دار است، تصاویرمتغیرملزوم علامت گذاری هوشمند است .

ایجادشبکه متغیر یک تکنیک رایج است .واینجاتعدادی تکنیک برای ایجاد تصویر متغیر نام برده شده است.

مخفی سازی و آشکار بودن بخشی ازتصاویر

ایجاد تصاویر متحرک

تصاویر پیش زمینه که مقیاسی است برای نمای صفحه

ایجاد نمای صفحه سلیلس ومنعطف با  css نوشته  Zoe Mickley Gillenwater  ودانلودفصل نمادین به نام “ایجاد تصاویر منعطف”به علاوه بخش بزرگی از فهرست منابع آموزش،

را که باعث ایجادانگیزه وبهترشدن تمرین برای ایجادشبکه های منعطف و نماهای صفحه به نام “منابع ضروری برای ایجادنماهای صفحه سلیس ومنعطف”

در حالیکه از نظر تکنیکی این موضوع به راحتی ممکن است، این موضوع فقط به پلاگین کردن ویژگی ها بسنده نمیشود.

به لوگو این طراحی ها نگاهی بیندازید:

لینک تصاویرمتغیر

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

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

که نخستین بار توسط ریچاردروتر تجربه شده است استفاده ازحجم بالای css برای یک تنظیم ساده میباشد.

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

مگراینکه محدوده بینایی ازاندازه اصلی تصویر باریک تر شود.

حداکثر پردازش عکس برروی عرض صفحه 100درصد میباشد، زمانی که این محدوده باریک تر شود تصویر نیز باریک ترمیشود.

همانگونه که جیسن گریگزبای نقل کرده که:

“ایده عکس متغیراین است که شما تصاویر را همانگونه که به حداکثر اندازه خود استفاده میشود دریافت میکنید.

“شما طول و عرض عکس را در کدخود تعریف نمیکنید.”

و اجازه دهیدکه پردازش گردرصورت لزوم با استفاده از  css  واندازه مرتبط با آنها اندازه گیری کند.

عرض خارج ازمحدوده توسط IE  پشتیبانی نمیشود اما استفاده درست از عرض 100درصد مشکل درخصوص  IE  راحل میکند.

یک موضوع دیگر که نیازبه رسیدگی دارد این است:

که زمانی که یک تصویر در ابعاد کوچک اندازه گیری میشود در پردازشگر ویندوزهای قدیمی کیفیت آن به آن واضحی که بایدباشد، نیست.

در اینجا جاوا اسکریپ برای حل این مشکل استفاده میشودکه درمقاله اتان مارکوت نیز بیان شده است.

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

وضوح تصاویروزمان بارگیری آنها جزرسیدگی مقدماتی به حساب می آید.

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

میتواند زمان کمتری برای بارگیری واستفاده کندوفضای غیرضروری را حذف کند.

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

اهمیت طراحی وب سایت واکنش گرا یا طراحی سایت ریسپانسیو (RESPONSIVE)

با طراحی سایت واکنش گرا دیگر نیازی نیست که برای هر گجت موجود در بازار یک سایت اختصاصی طراحی کرد.

در طراحی سایت واکنش گرا که Responsive Web Design مشهور است

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

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

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

با توجه به این امکان بی نظیر کاربر تعامل بهتری با سایت برقرار کرده و این تکنیک تاثیر مثبت و جذب بیشتری روی کاربر خواهد داشت.

هم اکنون موقع تغییر و ارائه سایت در محتوایی جدید و قالبی پیشرو می باشد.

زنگ خطر

ضریب نفوذ تلفن همراه در ایران اکنون 110% است .

وزارت ارتباطات در خرداد 1396 درباره نفوذ تلفن همراه در بین مردم اماری اعلام کردند.

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

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

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

سایت های غیر واکنش گرا و یا نیمه خوش پوش  Bounce Rate کاربر را در تلفن همراه و تبلت افزایش داده و بنابر این شما به سادگی مشتری را در فضای مجازی از دست خواهید داد .

لینک فیلامنت گروهی تصاویر ریسپانسیو

این تکنیک توسط گروه فیلامنت ارائه شده واین تکنیک نه تنها تصاویررابه طور نسبی اندازه گیری میکند،

بلکه وضوح تصاویررا برروی دستگاه های کوچک کاهش داده که این عمل باعث میشود.

که تصاویر بزرگ فضای غیرضروری برروی صفحه های کوچک را از دست نمیدهند. صفحه دمو را اینجا چک کنید.

اندازه گیری تصاویرتوسط گروه فیلامنت

این تکنیک مستلزم تعدادی فایل است که همه آنها درگیتاب موجود است.

اولافایل java script،فایل htaccess وفایل تصاویر و ما میتوانیم فقط ازمقادیر بسیار کمی html برای ریفرنس هر دوا ندازه بزرگتر و کوچکتر در وضوح تصاویر استفاده کنیم. اولا تصاویر کوچک با پیشوند r جهت واضح ترشدن ریسپانسیو و ثانیا ریفرنسی برای تصاویر بزرگتر با استفاده ازداده full src-

داده full src  یکی ازشیوه های   HTML5  میباشدکه درلینک بالا توضیح داده شده است برای صفحه های بزرگتراز 480  پیکسل تصاویربا وضوح بیشتری لود خواهد شد. صفحات کوچکتر نیازی به بارگیری تصاویر بزرگتر ندارند بنابراین تصاویر کوچکتر لود خواهند شد.

javascript  المان های فایل اصلی را درج میکنندکه به صفحه این امکان را میدهد تا در صورت لزوم تصاویر ریسپانسیو را از بقیه تصاویر تفکیک کند.

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

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

مزایای طراحی سایت ریسپانسیو طراحی شده بوسیله پارس نمودار

• تجربه سابقه طولانی در طراحی قالب و معماری وبسایت واکنش گرا (ریسپانسیو )

• کاملا منطبق بر الگوریتم های گوگل و سئو محور

• گرافیک خلاق و بر پایه اصول روانشناسی رنگها

• لودینگ یا بارگذاری صفحات سریع (حداقل انتظار )

طراحی وب سایت واکنش گرا (Responsive)

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

برای شناسایی وب سایت ریسپانسیو در صورت عدم دسترسی به موبایل یا تبلت:

پس از بازکردن سایت در مرورگر خود,عرض مرورگر را به آهستگی کم و زیاد کنید.

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

اندازه ی سایت طبق اندازه ی عرض مرورگر تغییر کرده و نیاز به اسکرول افقی صفحه نیست.

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

برای این که به روزرسانی ها باید در هر دو سایت انجام می شد.

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

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

همه ی سایت هایی که طراحی می کند واکنش گرا هستند.

مزایای طراحی وب سایت ریسپانسیو (Responsive)

از آنجا امروزه استفاده از اینترنت،دوستداران زیادی پیدا کرده است.

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

با رشد چشمگیر

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

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

در ادامه مزایای طراحی وب سایت واکنش گرا را به صورت تیتر وار بیان می کنیم:

• عدم نیاز به نسخه ی جداگانه ی موبایل سایت
• سازگار با بیشتر مرورگر ها
• سازگار با سایز های نمایشگر های مختلف مانند لپ تاپ،تبلت،موبایل
• سئو و بهینه سازی،افزایش رتبه ی سایت در گوگل
• افزایش بازدیدکنندگان سایت، محبوبیت بیشتر سایت در بین کاربران
• صرفه جویی در وقت و هزینه

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

سه سوت وب:

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

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

سه سوت وب، آماده ی ارائه ی هر گونه مشاوره در این زمینه می باشد.

در صورتی که نیاز به مشاوره دارید بدون معطلی با ما تماس بگیرید.

حتی اگر قصد واگذاری پروژه خود را به ما نداشته باشید، سه سوت وب در اختیار شماست.

پانوشت:طراحی سایت واکنش گرا ، طراحی وب سایت واکنش گرا ، طراحی سایت واکنش گرا در تهران ، طراحی سایت ریسپانسیو ، طراحی سایت در کرج