مقدمه و ضرورت طراحی سایت واکنش گرا
در دنیای امروز که کاربران از دستگاههای مختلفی برای دسترسی به اینترنت استفاده میکنند، #طراحی_سایت_واکنش_گرا دیگر یک انتخاب نیست، بلکه یک ضرورت انکارناپذیر است.
وبسایت شما باید بتواند بهصورت خودکار و هوشمند، layout خود را با اندازههای مختلف صفحه نمایش، از گوشیهای هوشمند گرفته تا تبلتها و کامپیوترهای رومیزی، تطبیق دهد.
این انعطافپذیری نه تنها تجربه کاربری را بهبود میبخشد، بلکه در بهینهسازی موتورهای جستجو (SEO) نیز نقش حیاتی دارد.
گوگل به صراحت اعلام کرده است که وبسایتهای واکنشگرا را در نتایج جستجویش ترجیح میدهد، زیرا دسترسیپذیری و خوانایی آنها برای کاربران موبایل بالاتر است.
در واقع، نادیده گرفتن اهمیت طراحی سایت واکنش گرا میتواند به از دست دادن بخش قابل توجهی از مخاطبان و مشتریان بالقوه شما منجر شود.
کسب و کارهایی که در فضای دیجیتال به دنبال رشد و موفقیت هستند، باید به اهمیت بالای طراحی واکنشگرا پی ببرند و آن را در اولویت قرار دهند.
این رویکرد تضمین میکند که محتوای شما بدون توجه به دستگاه مورد استفاده کاربر، به بهترین شکل ممکن نمایش داده شود و تعامل کاربر با سایت شما در بالاترین سطح خود قرار گیرد.
این فصل توضیحی به چرایی حیاتی بودن این نوع طراحی میپردازد.
رویای فروشگاه آنلاین پررونق رو دارید ولی نمیدونید از کجا شروع کنید؟
رساوب راهکار جامع طراحی سایت فروشگاهی شماست.
✅ طراحی جذاب و کاربرپسند
✅ افزایش فروش و درآمد⚡ دریافت مشاوره رایگان
اصول و مبانی طراحی واکنش گرا
اصول اساسی در طراحی سایت واکنش گرا بر سه پایه اصلی استوار است: شبکههای سیال (Fluid Grids)، تصاویر انعطافپذیر (Flexible Images) و پرسوجوهای رسانه (Media Queries).
شبکههای سیال به این معناست که بجای استفاده از پیکسلهای ثابت برای عرض عناصر، از واحدهای نسبی مانند درصد استفاده میشود تا عرض عناصر بهطور خودکار با اندازه صفحه نمایش تنظیم شود.
این کار باعث میشود که طرحبندی وبسایت شما بدون تغییر در محتوا، کشیده یا فشرده شود.
تصاویر انعطافپذیر نیز با استفاده از CSS و تنظیم خاصیت max-width: 100%
اطمینان میدهند که تصاویر از کانتینر خود بیرون نزنند و اندازه آنها متناسب با فضای موجود تغییر کند.
اما مهمترین و قدرتمندترین ابزار در این مسیر، پرسوجوهای رسانه هستند.
پرسوجوهای رسانه به توسعهدهندگان اجازه میدهند تا قوانین CSS متفاوتی را بر اساس ویژگیهای دستگاه مانند عرض صفحه، ارتفاع، جهت (عمودی یا افقی) و حتی رزولوشن اعمال کنند.
به عنوان مثال، میتوانید یک ستون را در نمایشگرهای بزرگ و دو ستون را در گوشیهای هوشمند داشته باشید.
این تکنیکهای اموزشی، هسته اصلی هر وبسایت واکنشگرای موفقی را تشکیل میدهند و درک عمیق آنها برای هر توسعهدهندهای ضروری است.
این اصول به وبسایت شما امکان میدهند که در هر دستگاهی به خوبی دیده شود و تجربه کاربری یکپارچهای را ارائه دهد.
تکنیکهای پیادهسازی طراحی واکنش گرا
پیادهسازی موفق طراحی سایت واکنش گرا نیازمند آشنایی با تکنیکها و فریمورکهای مدرن CSS است.
دو مورد از قدرتمندترین آنها، CSS Flexbox و CSS Grid هستند.
فلکسباکس ابزاری یکبعدی برای چیدمان عناصر در یک ردیف یا ستون است و برای توزیع فضا و تراز کردن آیتمها در کانتینرهای کوچک یا اجزای UI بسیار کارآمد است.
از سوی دیگر، CSS Grid یک سیستم چیدمان دوبعدی است که امکان سازماندهی عناصر هم در ردیفها و هم در ستونها را فراهم میکند و برای طراحی کل طرحبندی صفحات وب ایدهآل است.
ترکیب هوشمندانه این دو، قدرت بینظیری در ایجاد طرحبندیهای پیچیده و در عین حال واکنشگرا به توسعهدهنده میدهد.
علاوه بر این، استفاده از فریمورکهای CSS مانند Bootstrap یا Foundation میتواند فرآیند طراحی واکنشگرا را بهشدت تسریع بخشد.
این فریمورکها با ارائه کامپوننتهای آماده و سیستمهای گرید از پیش تعریفشده، به توسعهدهندگان کمک میکنند تا بدون نیاز به نوشتن CSS از صفر، به سرعت وبسایتهای واکنشگرا بسازند.
این رویکرد تخصصی نه تنها زمان توسعه را کاهش میدهد، بلکه سازگاری وبسایت شما را در مرورگرها و دستگاههای مختلف تضمین میکند.
در جدول زیر، مقایسهای بین دو رویکرد اصلی Flexbox و Grid برای طراحی ریسپانسیو ارائه شده است:
ویژگی | CSS Flexbox | CSS Grid |
---|---|---|
ابعاد چیدمان | یک بعدی (ردیف یا ستون) | دو بعدی (ردیف و ستون) |
کاربرد اصلی | توزیع فضا، تراز کردن آیتمها، اجزای UI | طراحی کلی طرحبندی صفحه، ساختار اصلی |
پیچیدگی استفاده | نسبتاً سادهتر برای چیدمانهای خطی | قدرتمندتر، اما نیاز به درک عمیقتر برای چیدمانهای پیچیده |
تطبیقپذیری | مناسب برای کامپوننتهای مستقل | مناسب برای طرحبندی کل صفحه و زیربخشهای آن |
ابزارهای تست و بهینهسازی واکنشگرایی
پس از پیادهسازی طراحی سایت واکنش گرا، مرحله حیاتی بعدی، تست و بهینهسازی آن است.
بدون آزمایش دقیق، نمیتوان اطمینان حاصل کرد که وبسایت شما در تمامی دستگاهها و مرورگرها به درستی نمایش داده میشود.
ابزارهای توسعهدهنده مرورگرها (مانند Chrome DevTools) اولین و در دسترسترین گزینه هستند که به شما امکان میدهند تا وبسایت خود را در اندازههای مختلف صفحه نمایش و با شبیهسازی دستگاههای موبایل مشاهده و اشکالزدایی کنید.
قابلیت “Responsive Design Mode” در این ابزارها، invaluable است.
علاوه بر این، ابزارهای آنلاین مانند Google Mobile-Friendly Test به شما کمک میکنند تا از دیدگاه گوگل، میزان واکنشگرایی و دوستانه بودن سایت خود برای موبایل را بررسی کنید و هر گونه مشکلی را شناسایی نمایید.
این ابزارها همچنین پیشنهادات مفیدی برای بهبود ارائه میدهند.
برای تستهای پیشرفتهتر، میتوانید از ابزارهایی مانند BrowserStack یا CrossBrowserTesting استفاده کنید که امکان آزمایش سایت شما را در صدها ترکیب مختلف از مرورگرها و دستگاههای واقعی فراهم میکنند.
بهینهسازی واکنشگرایی فقط به طرحبندی ختم نمیشود؛ بلکه شامل بهینهسازی عملکرد نیز میشود، از جمله فشردهسازی تصاویر، به حداقل رساندن فایلهای CSS و JavaScript و استفاده از lazy loading برای تصاویر و ویدئوها.
این راهنماییها به شما کمک میکنند تا اطمینان حاصل کنید که سایت شما نه تنها زیباست، بلکه سریع و کارآمد نیز هست.
آیا میدانید اولین برداشت مشتریان از شرکت شما، وبسایتتان است؟ با یک سایت شرکتی قدرتمند از رساوب، اعتبار کسب و کارتان را چند برابر کنید!
✅ طراحی اختصاصی و چشمنواز متناسب با برند شما
✅ بهبود تجربه کاربری و افزایش جذب مشتریان
⚡ مشاوره رایگان دریافت کنید!
مزایای رقابتی طراحی سایت واکنش گرا
پذیرش طراحی سایت واکنش گرا برای هر کسب و کاری، مزایای رقابتی چشمگیری به همراه دارد که فراتر از صرفاً سازگاری با موبایل است.
یکی از مهمترین این مزایا، بهبود رتبهبندی در موتورهای جستجو است.
گوگل رسماً اعلام کرده که “mobile-first indexing” را در پیش گرفته، به این معنی که نسخه موبایل وبسایت شما به عنوان معیار اصلی برای رتبهبندی در نظر گرفته میشود.
یک سایت واکنشگرا به طور طبیعی در این زمینه برتری دارد و شانس دیده شدن شما در نتایج جستجو را افزایش میدهد.
دومین مزیت، تجربه کاربری (UX) بهینه و یکپارچه است.
وقتی کاربران بدون نیاز به زوم کردن، اسکرول افقی یا تغییر اندازه متن، به راحتی میتوانند در سایت شما پیمایش کنند، نرخ پرش (Bounce Rate) کاهش یافته و نرخ تبدیل (Conversion Rate) افزایش مییابد.
این به معنای فروش بیشتر، لیدهای بیشتر یا هر هدف دیگری است که سایت شما دنبال میکند.
علاوه بر این، مدیریت یک سایت واحد (به جای داشتن نسخه دسکتاپ و موبایل جداگانه) هزینه و زمان نگهداری را به شدت کاهش میدهد.
این رویکرد تحلیلی نشان میدهد که سرمایهگذاری در طراحی ریسپانسیو، نه تنها یک اقدام فنی است، بلکه یک استراتژی هوشمندانه تجاری است که منجر به افزایش رضایت مشتری، بهبود وفاداری به برند و در نهایت، رشد پایدار کسب و کار شما میشود.
نادیده گرفتن این مزایا میتواند شما را از رقبا عقب نگه دارد.
چالشها و راهکارهای طراحی واکنش گرا
هرچند طراحی سایت واکنش گرا مزایای فراوانی دارد، اما با چالشهایی نیز همراه است که نادیده گرفتن آنها میتواند تجربه کاربری را مختل کند.
یکی از اصلیترین چالشها، مدیریت عملکرد (Performance) است، بهخصوص برای کاربران موبایل با اینترنت کندتر.
لود شدن تصاویر با کیفیت بالا یا فایلهای JavaScript حجیم میتواند سرعت سایت را به شدت کاهش دهد.
راهکار این مسئله استفاده از تکنیکهای بهینهسازی تصاویر (مانند فرمتهای WebP، فشردهسازی و استفاده از تصاویر تطبیقی)، به حداقل رساندن درخواستهای HTTP و بارگذاری تنبل (Lazy Loading) برای محتوای خارج از دید است.
چالش دیگر، پیچیدگی در مدیریت طرحبندیهای بسیار متنوع است.
چگونه میتوان محتوا را در صفحه نمایشهای بسیار کوچک به شکلی جذاب و قابل استفاده نمایش داد؟ این محتوای سوالبرانگیز نیاز به یک استراتژی دقیق محتوا دارد که شامل اولویتبندی اطلاعات و ارائه آنها به شیوهای مختصر و مفید در دستگاههای موبایل است.
طراحی ناوبری (Navigation) نیز میتواند مشکلساز باشد؛ منوهای همبرگری رایج هستند، اما باید اطمینان حاصل شود که به وضوح قابل مشاهده و استفاده باشند.
همچنین، تست کامل در دستگاههای واقعی برای اطمینان از عملکرد صحیح و تجربه کاربری مطلوب در تمام شرایط، ضروری است.
این چالشها نیازمند تفکر و برنامهریزی دقیق در هر مرحله از طراحی و توسعه هستند تا اطمینان حاصل شود که وبسایت شما واقعاً واکنشگرا و کارآمد است.
آینده طراحی سایت واکنش گرا و روندهای جدید
آینده طراحی سایت واکنش گرا همواره در حال تکامل است و روندهای جدیدی برای بهبود هرچه بیشتر تجربه کاربری و عملکرد وبسایتها ظهور میکنند.
یکی از مهمترین این روندها، پیشرفت وباپلیکیشنهای پیشرونده (PWA) است.
PWAها ترکیبی از بهترین ویژگیهای وب و اپلیکیشنهای بومی هستند و تجربه کاربری شبیه به اپلیکیشن را با قابلیتهایی مانند عملکرد آفلاین، اعلانهای فشاری و نصب بر روی صفحه اصلی ارائه میدهند.
این فناوری نه تنها وبسایتهای واکنشگرا را غنیتر میکند، بلکه فاصله بین وب و اپلیکیشن را نیز کاهش میدهد.
دیگری، استفاده از صفحات موبایل شتابدهنده (AMP) است که با هدف بارگذاری بسیار سریع صفحات وب در دستگاههای موبایل طراحی شدهاند، بهویژه برای محتوای خبری و بلاگ.
هرچند استفاده از AMP در برخی موارد مورد بحث است، اما سرعت بارگذاری آن انکارناپذیر است.
همچنین، هوش مصنوعی (AI) و یادگیری ماشین (ML) نیز در حال ورود به حوزه طراحی وب هستند و میتوانند در بهینهسازی طرحبندیها، شخصیسازی محتوا و حتی خودکارسازی فرآیند طراحی واکنشگرا نقش داشته باشند.
این اخبار و روندهای نویدبخش نشان میدهند که طراحی وب به سمت هوشمندی و انطباقپذیری بیشتر پیش میرود، جایی که وبسایتها نه تنها با اندازه صفحه نمایش، بلکه با رفتار و ترجیحات فردی کاربران نیز سازگار میشوند.
این تحولات، افقهای جدیدی را برای توسعهدهندگان و کسب و کارها باز میکند.
روند | توضیح | تاثیر بر واکنشگرایی |
---|---|---|
PWA (Progressive Web Apps) | تجربه کاربری شبیه به اپلیکیشن بومی روی وب | بهبود عملکرد، دسترسی آفلاین، افزایش تعامل کاربر |
AMP (Accelerated Mobile Pages) | فرمت HTML برای بارگذاری فوق سریع صفحات موبایل | کاهش نرخ پرش، بهبود SEO در دستگاههای موبایل |
AI in Web Design | استفاده از هوش مصنوعی برای خودکارسازی و بهینهسازی طراحی | طراحی سریعتر، شخصیسازی بیشتر، بهینهسازی خودکار |
Dark Mode Support | ارائه تم تاریک برای کاهش خستگی چشم | بهبود تجربه کاربری و دسترسیپذیری |
تاثیر واکنشگرایی بر تجربه کاربری (UX)
تاثیر طراحی سایت واکنش گرا بر تجربه کاربری (UX) غیر قابل انکار است و به طور مستقیم بر رضایت و وفاداری مشتریان تاثیر میگذارد.
یک وبسایت واکنشگرا اطمینان میدهد که کاربران، فارغ از دستگاهی که استفاده میکنند، با یک رابط کاربری ثابت و بهینه روبرو شوند.
این یعنی ناوبری آسان، خوانایی بالا و دسترسی بیدردسر به محتوا.
وقتی کاربران مجبور نیستند برای پیدا کردن اطلاعات زوم کنند، اسکرول افقی انجام دهند یا با لینکهای کوچک و غیرقابل کلیک دست و پنجه نرم کنند، تجربه آنها بهطور چشمگیری بهبود مییابد.
این موضوع به خصوص در زمینه دسترسیپذیری وب اهمیت پیدا میکند؛ طراحی ریسپانسیو میتواند به کاربران دارای نیازهای خاص (مانند افراد کمبینا) کمک کند تا محتوای سایت را بهتر درک کنند.
این رویکرد توضیحی نشان میدهد که وبسایتهای واکنشگرا نه تنها از نظر بصری جذاب هستند، بلکه به لحاظ عملکردی نیز بهینهاند، که منجر به کاهش نرخ پرش، افزایش زمان حضور در سایت و در نهایت، افزایش نرخ تبدیل میشود.
کاربران امروز انتظار دارند که وبسایتها با آنها سازگار شوند، نه برعکس.
بنابراین، ارائه یک تجربه کاربری بیعیب و نقص در هر دستگاهی، کلید موفقیت در جذب و حفظ مخاطبان است.
آیا میدانید اولین برداشت مشتریان از شرکت شما، وبسایتتان است؟ با یک سایت شرکتی قدرتمند از رساوب، اعتبار کسب و کارتان را چند برابر کنید!
✅ طراحی اختصاصی و چشمنواز متناسب با برند شما
✅ بهبود تجربه کاربری و افزایش جذب مشتریان
⚡ مشاوره رایگان دریافت کنید!
نکات کلیدی برای انتخاب یک طراح سایت واکنش گرا
انتخاب یک طراح یا تیم توسعهدهنده برای طراحی سایت واکنش گرا کسب و کار شما، یک تصمیم استراتژیک است که نیاز به دقت دارد.
اولین نکته راهنمایی این است که نمونه کارهای آنها را به دقت بررسی کنید.
آیا وبسایتهایی که قبلاً طراحی کردهاند، در دستگاههای مختلف به خوبی نمایش داده میشوند؟ به وبسایت خودشان هم نگاه کنید – آیا وبسایت خودشان واکنشگرا است؟ این یک نشانه قوی از توانایی و تعهد آنها به اصول طراحی مدرن است.
دوم، تجربه آنها را در استفاده از فریمورکهای مدرن CSS مانند Flexbox و Grid جویا شوید و در مورد تکنیکهای بهینهسازی عملکرد (مانند بهینهسازی تصاویر و سرعت بارگذاری) از آنها سوال کنید.
یک طراح خوب باید نه تنها زیبایی بصری را در نظر بگیرد، بلکه به جنبههای فنی و بهینهسازی نیز اشراف داشته باشد.
همچنین، به دنبال تیمی باشید که رویکرد mobile-first را در طراحی دنبال کند، یعنی طراحی را ابتدا برای کوچکترین صفحه نمایشها شروع کرده و سپس به سمت دسکتاپ گسترش دهد.
این رویکرد تضمین میکند که تجربه کاربری در موبایل بهینه باشد، نه اینکه صرفاً یک طرح دسکتاپ به زور کوچک شود.
ارتباط و شفافیت نیز حیاتی است؛ یک تیم خوب باید بتواند فرآیند را به خوبی توضیح دهد و در هر مرحله شما را در جریان پیشرفت کار قرار دهد.
سرمایهگذاری در یک تیم مجرب و با دانش در زمینه طراحی ریسپانسیو، از هدر رفتن زمان و منابع شما جلوگیری خواهد کرد.
نتیجهگیری و گامهای بعدی در طراحی وب
در پایان، روشن است که طراحی سایت واکنش گرا دیگر تنها یک ترند نیست، بلکه ستون فقرات هر حضور آنلاین موفقی است.
از بهبود سئو و کاهش هزینههای نگهداری گرفته تا ارتقاء چشمگیر تجربه کاربری و افزایش نرخ تبدیل، مزایای آن بیشمارند.
این نوع طراحی به کسب و کارها اجازه میدهد تا در دنیای دیجیتالی پرتحرک امروز، رقابتی باقی بمانند و به تمامی مخاطبان خود، فارغ از دستگاهی که استفاده میکنند، دسترسی پیدا کنند.
آینده وب به سمت انطباقپذیری بیشتر و تجربههای کاربری شخصیسازیشده پیش میرود، و طراحی ریسپانسیو گام اول و اساسی در این مسیر است.
اگر وبسایت شما هنوز واکنشگرا نیست، وقت آن رسیده است که به طور جدی به این موضوع فکر کنید.
گام بعدی برای شما باید ارزیابی وبسایت فعلیتان باشد: آیا نیازهای کاربران موبایل را برآورده میکند؟ سپس، برنامهریزی برای بازطراحی یا بهینهسازی آن با رویکرد واکنشگرا را آغاز کنید.
این کار میتواند شامل همکاری با یک متخصص طراحی وب، یا سرمایهگذاری در آموزش تیم داخلی شما باشد.
به یاد داشته باشید که موفقیت آنلاین شما در گرو تواناییتان در ارائه یک تجربه بینقص و در دسترس به تمامی کاربران است.
با پذیرش طراحی سایت واکنش گرا، شما نه تنها در حال آمادهسازی برای حال هستید، بلکه در حال سرمایهگذاری برای آیندهای هستید که در آن تعاملات دیجیتال، هر لحظه در حال تغییر و تکامل است.
این رویکرد سرگرمکننده و در عین حال حیاتی، راه شما را به سوی موفقیت پایدار هموار خواهد کرد.
سوالات متداول
سوال | پاسخ |
---|---|
طراحی سایت واکنش گرا (Responsive Web Design) چیست؟ | روشی برای طراحی و پیادهسازی وبسایتها است که باعث میشود طرحبندی و محتوای صفحه نمایش بر اساس اندازه صفحه نمایش دستگاه کاربر (دسکتاپ، تبلت، موبایل و…) به صورت خودکار تنظیم و به بهترین شکل نمایش داده شود. |
چرا طراحی واکنش گرا مهم است؟ | با افزایش استفاده از دستگاههای مختلف برای دسترسی به وب، واکنش گرا بودن سایت تجربه کاربری را بهبود میبخشد، نرخ پرش را کاهش میدهد، سئو سایت را تقویت میکند و مدیریت و نگهداری سایت را آسانتر میکند (به جای داشتن نسخههای جداگانه برای موبایل و دسکتاپ). |
طراحی واکنش گرا چگونه کار میکند؟ | این نوع طراحی از تکنیکهایی مانند گریدها و چیدمانهای انعطافپذیر (Flexbox, CSS Grid)، تصاویر و مدیاهای انعطافپذیر، و مهمتر از همه، Media Query های CSS استفاده میکند تا استایلها و چیدمان صفحه را بر اساس ویژگیهای صفحه نمایش (عرض، ارتفاع، وضوح و…) تغییر دهد. |
ابزارهای اصلی برای پیادهسازی طراحی واکنش گرا کدامند؟ | ابزارهای اصلی شامل HTML5 (برای ساختار محتوا)، CSS3 (به خصوص Media Queries, Flexbox, Grid برای استایلدهی و چیدمان واکنش گرا) و گاهی جاوا اسکریپت برای تعاملات پیچیدهتر هستند. |
مزایای اصلی استفاده از طراحی واکنش گرا چیست؟ | مزایای اصلی شامل افزایش دسترسی کاربران (پوشش طیف وسیعی از دستگاهها)، بهبود تجربه کاربری، بهبود رتبه سایت در موتورهای جستجو (مخصوصاً گوگل)، کاهش هزینههای توسعه و نگهداری، و افزایش نرخ تبدیل بازدیدکننده به مشتری است. |
و دیگر خدمات آژانس تبلیغاتی رسا وب در زمینه تبلیغات
سئو هوشمند: راهحلی سریع و کارآمد برای مدیریت کمپینها با تمرکز بر هدفگذاری دقیق مخاطب.
مارکت پلیس هوشمند: راهحلی سریع و کارآمد برای افزایش فروش با تمرکز بر مدیریت تبلیغات گوگل.
UI/UX هوشمند: ترکیبی از خلاقیت و تکنولوژی برای افزایش بازدید سایت توسط مدیریت تبلیغات گوگل.
نقشه سفر مشتری هوشمند: پلتفرمی خلاقانه برای بهبود مدیریت کمپینها با اتوماسیون بازاریابی.
دیجیتال برندینگ هوشمند: بهینهسازی حرفهای برای بهبود رتبه سئو با استفاده از استفاده از دادههای واقعی.
و بیش از صد ها خدمات دیگر در حوزه تبلیغات اینترنتی ،مشاوره تبلیغاتی و راهکارهای سازمانی
تبلیغات اینترنتی | استراتژی تبلیعاتی | ریپورتاژ آگهی
منابع
طراحی سایت واکنش گرا چیست؟
اهمیت ریسپانسیو بودن سایت
راهنمای کامل طراحی واکنش گرا
آموزش طراحی سایت واکنش گرا
? آیا آمادهاید تا کسبوکارتان در دنیای دیجیتال بدرخشد؟ آژانس دیجیتال مارکتینگ رساوب آفرین، با ارائه راهکارهای جامع از جمله طراحی سایت سریع و حرفهای تا سئو و بازاریابی محتوا، به شما کمک میکند تا به اهداف خود برسید. با ما، حضوری قدرتمند و تاثیرگذار در آنلاین را تجربه کنید.
📍 تهران ، خیابان میرداماد ،جنب بانک مرکزی ، کوچه کازرون جنوبی ، کوچه رامین پلاک 6