مقدمه ای بر طراحی سایت واکنش گرا و اهمیت آن
در دنیای دیجیتالی امروز، که کاربران از طریق دستگاههای متنوعی از جمله گوشیهای هوشمند، تبلتها، لپتاپها و حتی تلویزیونهای هوشمند به اینترنت دسترسی پیدا میکنند، #طراحی_سایت_واکنشگرا دیگر یک انتخاب لوکس نیست، بلکه یک ضرورت انکارناپذیر محسوب میشود.
این رویکرد در طراحی وب، اطمینان میدهد که وبسایت شما بدون توجه به اندازه صفحه نمایش یا دستگاه مورد استفاده، بهینهترین تجربه بصری و کاربری را ارائه دهد.
هدف اصلی طراحی سایت واکنش گرا، تطبیق پذیری محتوا و چیدمان سایت با ابعاد مختلف نمایشگرها است، به گونهای که نیازی به ایجاد نسخههای جداگانه برای هر دستگاه نباشد.
این مفهوم بر اساس سه اصل اساسی بنا شده است: شبکههای سیال (Fluid Grids)، تصاویر انعطافپذیر (Flexible Images) و پرس و جوهای رسانه (Media Queries).
در گذشته، وبسایتها عمدتاً برای نمایشگرهای دسکتاپ طراحی میشدند، اما با انفجار دستگاههای موبایل، این شیوه دیگر پاسخگوی نیاز کاربران نبود.
اینجا بود که نیاز به یک راهکار نوین برای ارائه محتوای وب در هر اندازه و شکلی حس شد.
این تحول، نه تنها تجربه کاربری را بهبود بخشید، بلکه در بهینهسازی موتورهای جستجو (SEO) نیز نقش حیاتی ایفا میکند، زیرا موتورهای جستجو وبسایتهای واکنشگرا را در اولویت قرار میدهند.
فهم این اصول پایه برای هر کسی که به دنبال ایجاد یک حضور آنلاین قوی و پایدار است، حیاتی است و این مقاله آموزشی به شما کمک میکند تا عمق این مفهوم را درک کنید.
رویای فروشگاه آنلاین پررونق رو دارید ولی نمیدونید از کجا شروع کنید؟
رساوب راهکار جامع طراحی سایت فروشگاهی شماست.
✅ طراحی جذاب و کاربرپسند
✅ افزایش فروش و درآمد⚡ دریافت مشاوره رایگان
چرا طراحی واکنش گرا ضروری شد؟ ظهور دستگاههای موبایل
دهه گذشته شاهد یک انقلاب خاموش در نحوه دسترسی کاربران به اینترنت بودیم.
زمانی، کامپیوترهای رومیزی تنها دروازه ورود به دنیای وب بودند، اما با ظهور و گسترش سریع گوشیهای هوشمند و تبلتها، این وضعیت به کلی دگرگون شد.
این تغییر به قدری سریع اتفاق افتاد که بسیاری از وبسایتهای قدیمی قادر به پاسخگویی به این موج جدید از کاربران نبودند.
وبسایتهایی که صرفاً برای نمایشگرهای بزرگ طراحی شده بودند، در صفحههای کوچک موبایل غیرقابل استفاده، با پیمایش دشوار و فونتهای ریز و غیرقابل خواندن ظاهر میشدند.
این وضعیت منجر به تجربه کاربری بسیار ضعیفی میشد و نرخ پرش (Bounce Rate) وبسایتها را به شدت افزایش میداد.
در این نقطه بود که مشخص شد نیاز به یک پارادایم جدید در طراحی وب به نام طراحی سایت واکنش گرا، از همیشه پررنگتر است. آمارهای جهانی نیز این تحول را تأیید میکنند؛ امروزه، بیش از نیمی از ترافیک وب از طریق دستگاههای موبایل صورت میگیرد.
این روند خبری نه تنها به توسعهدهندگان وب، بلکه به صاحبان کسب و کار نیز هشدار داد که اگر میخواهند در دنیای رقابتی امروز باقی بمانند، باید وبسایتهای خود را برای موبایل بهینه کنند.
اهمیت طراحی سازگار با موبایل تنها به زیبایی بصری محدود نمیشود، بلکه بر سئو، قابلیت دسترسی و در نهایت موفقیت کسب و کار شما در فضای آنلاین تأثیر مستقیم دارد.
اصول و تکنیکهای اساسی در طراحی سایت واکنش گرا
طراحی سایت واکنش گرا، فراتر از تغییر اندازه عناصر، نیازمند درک عمیق از اصول و تکنیکهای اساسی است که امکان تطبیقپذیری را فراهم میکنند. سه ستون اصلی این رویکرد شامل شبکههای سیال، تصاویر منعطف و پرس و جوهای رسانه هستند.
شبکههای سیال به جای استفاده از واحدهای پیکسلی ثابت، از واحدهای نسبی مانند درصد برای عرض عناصر استفاده میکنند.
این بدان معناست که عرض یک عنصر به جای ۲۰۰ پیکسل، ممکن است ۵۰ درصد از عرض کانتینر والد خود باشد که با تغییر اندازه صفحه، به صورت خودکار تغییر میکند.
تصاویر منعطف نیز با استفاده از ویژگیهایی مانند `max-width: 100%` اطمینان حاصل میکنند که تصاویر هرگز از کانتینر خود بیرون نزنند و اندازه آنها متناسب با فضای موجود تنظیم شود.
اما ابزار اصلی و قدرتمندترین تکنیک در این زمینه، پرس و جوهای رسانه (Media Queries) هستند.
این دستورات CSS به توسعهدهندگان اجازه میدهند تا قوانین استایلدهی خاصی را بر اساس ویژگیهای دستگاه مانند عرض صفحه نمایش، ارتفاع، جهت (عمودی یا افقی) و حتی وضوح تصویر اعمال کنند.
به عنوان مثال، میتوانید تعریف کنید که در صفحات نمایش کوچکتر از ۷۶۸ پیکسل، منوی ناوبری به جای افقی، به صورت عمودی نمایش داده شود یا فونتها کوچکتر شوند.
این تکنیکهای تخصصی به وبسایتها امکان میدهند که در هر دستگاهی به صورت بهینه و زیبا ظاهر شوند و تجربه کاربری یکپارچهای را ارائه دهند.
آموزش این اصول برای هر طراح وب امری حیاتی است.
جدول ۱: مقایسه روشهای طراحی وب
ویژگی | طراحی ثابت (Fixed Design) | طراحی واکنش گرا (Responsive Design) | نسخه موبایل جداگانه (Separate Mobile Version) |
---|---|---|---|
پشتیبانی از دستگاههای مختلف | ضعیف | عالی (یکپارچه) | متوسط (نیاز به دو نسخه) |
هزینه نگهداری | متوسط | پایین | بالا (نگهداری دو کدبیس) |
سئو (SEO) | ضعیف | عالی (توصیه گوگل) | متوسط (پیچیدگی بیشتر) |
تجربه کاربری | ضعیف در موبایل | عالی و یکپارچه | جداگانه و گاهی غیرمنسجم |
مزایای طراحی سایت واکنش گرا برای کاربران و کسبوکارها
اجرای طراحی سایت واکنش گرا فراتر از یک جنبه فنی، مزایای بیشماری را برای کاربران نهایی و همچنین برای صاحبان کسبوکار به ارمغان میآورد.
از دیدگاه کاربر، مهمترین مزیت، تجربه کاربری (UX) یکپارچه و مطلوب است.
کاربران انتظار دارند که وبسایتها به سرعت بارگذاری شوند و بدون نیاز به بزرگنمایی یا پیمایش افقی، قابل دسترسی و خواندن باشند.
یک سایت واکنشگرا این اطمینان را میدهد که صرف نظر از نوع دستگاه، تمامی عناصر (متن، تصاویر، دکمهها) به درستی نمایش داده شده و تعامل با آنها آسان باشد.
این امر به افزایش رضایت کاربر، ماندگاری بیشتر در سایت و کاهش نرخ پرش منجر میشود.
از منظر کسبوکار، مزایای طراحی وب سازگار حتی گستردهتر است.
اولاً، تأثیر مثبتی بر سئو (SEO) دارد.
گوگل به صراحت اعلام کرده است که وبسایتهای واکنشگرا را ترجیح میدهد و آنها را در نتایج جستجو بالاتر رتبهبندی میکند، به خصوص برای جستجوهای موبایلی.
این به معنای ترافیک ارگانیک بیشتر و در نتیجه افزایش پتانسیل برای جذب مشتری است.
ثانیاً، نگهداری یک کدبیس واحد به جای نسخههای متعدد برای دسکتاپ و موبایل، هزینههای توسعه و نگهداری را به شدت کاهش میدهد.
سوماً، وبسایتهای واکنشگرا نرخ تبدیل (Conversion Rate) بالاتری دارند، زیرا کاربران راحتتر میتوانند به اطلاعات مورد نیاز خود دسترسی پیدا کرده و اقدامات دلخواه (مانند خرید، ثبتنام) را انجام دهند.
این راهنمایی تحلیلی نشان میدهد که سرمایهگذاری در طراحی سایت واکنشگرا یک سرمایهگذاری هوشمندانه برای آینده هر کسب و کاری است.
آیا از نرخ تبدیل پایین فروشگاه آنلاینتان ناامید شدهاید؟
رساوب با طراحی سایت فروشگاهی حرفهای، راهکار قطعی شماست!
✅ افزایش فروش و درآمد شما
✅ تجربه کاربری بینظیر برای مشتریان شما
⚡ همین حالا مشاوره رایگان بگیرید!
چالشها و دامهای رایج در پیادهسازی طراحی واکنشگرا
با وجود مزایای بیشمار، پیادهسازی طراحی سایت واکنش گرا بدون چالش نیست و توسعهدهندگان ممکن است با دامهای متعددی روبرو شوند.
یکی از بزرگترین چالشها، عملکرد وبسایت (Performance) است.
اگر به درستی بهینهسازی نشود، وبسایتهای واکنشگرا میتوانند در دستگاههای موبایل با اتصال ضعیف، کند بارگذاری شوند.
این کندی عمدتاً به دلیل بارگذاری تصاویر بزرگ و غیربهینه یا کدهای جاوااسکریپت سنگین است که برای نسخههای دسکتاپ طراحی شدهاند اما در موبایل نیز بارگذاری میشوند.
سوالبرانگیز است که چگونه میتوان تجربه کاملی را در همه دستگاهها ارائه داد بدون اینکه به سرعت وبسایت آسیب برساند.
چالش دیگر، مدیریت پیچیدگیهای CSS و جاوااسکریپت است.
با افزایش تعداد نقاط شکست (Breakpoints) و قواعد پرس و جوهای رسانه، فایلهای CSS میتوانند به سرعت بزرگ و پیچیده شوند، که این امر اشکالزدایی و نگهداری را دشوار میکند.
مسئله دیگر، طراحی تجربه کاربری (UX) برای طیف وسیعی از دستگاهها است.
یک طراحی که در دسکتاپ عالی به نظر میرسد، ممکن است در موبایل گیجکننده یا غیرقابل استفاده باشد، یا بالعکس.
گاهی اوقات، نیاز به بازنگری کامل در چیدمان و تعاملات برای اندازههای صفحه نمایش مختلف است که نیازمند تخصص و تجربه زیادی است.
این دامها نشان میدهد که صرفاً دانستن اصول فنی کافی نیست و رویکردی جامع و تحلیلی برای پیادهسازی موفق طراحی سایت واکنشگرا ضروری است.
ابزارها و فریمورکهای موثر برای طراحی واکنشگرا
برای تسهیل فرآیند طراحی سایت واکنش گرا و مقابله با چالشهای آن، مجموعهای از ابزارها و فریمورکها توسعه یافتهاند که به طراحان و توسعهدهندگان کمک میکنند تا وبسایتهایی با قابلیت تطبیقپذیری بالا ایجاد کنند.
یکی از محبوبترین و پرکاربردترین فریمورکها، بوتاسترپ (Bootstrap) است.
بوتاسترپ یک فریمورک CSS، HTML و جاوااسکریپت است که شامل کامپوننتهای UI و سیستم گرید (Grid System) قدرتمند و آمادهای است که به صورت پیشفرض واکنشگرا طراحی شدهاند.
این فریمورک به توسعهدهندگان اجازه میدهد تا به سرعت و با کدنویسی کمتر، وبسایتهای پاسخگو بسازند.
Tailwind CSS نیز فریمورک دیگری است که با رویکرد “utility-first” خود، محبوبیت زیادی پیدا کرده است.
Tailwind به جای کامپوننتهای از پیش ساخته، مجموعهای از کلاسهای CSS کوچک و تکمنظوره را ارائه میدهد که میتوان آنها را مستقیماً در HTML اعمال کرد تا طرحبندیها و استایلهای سفارشی ایجاد شود.
این رویکرد انعطافپذیری بالایی را برای طراحیهای منحصر به فرد فراهم میکند و سرعت توسعه را افزایش میدهد.
علاوه بر فریمورکها، ابزارهای تست واکنشگرا مانند Device Mode در Chrome DevTools به طراحان امکان میدهند تا وبسایت خود را در اندازههای صفحه نمایش مختلف و با شبیهسازی دستگاههای گوناگون مشاهده و آزمایش کنند.
این ابزارهای آموزشی و تخصصی، راهنماییهای ارزشمندی را برای اطمینان از عملکرد صحیح طراحی سایت واکنشگرا در سراسر پلتفرمها ارائه میدهند.
روندهای آینده و مفاهیم پیشرفته در طراحی سایت واکنش گرا
دنیای وب به طور مداوم در حال تحول است و طراحی سایت واکنش گرا نیز از این قاعده مستثنی نیست.
روندهای آینده و مفاهیم پیشرفتهای در حال شکلگیری هستند که مرزهای طراحی سازگار را گسترش میدهند.
یکی از مهمترین این مفاهیم، برنامههای وب پیشرونده (PWA) هستند.
PWA ها ترکیبی از بهترین ویژگیهای وب و اپلیکیشنهای بومی را ارائه میدهند؛ آنها سریع، قابل اعتماد و قابل نصب بر روی صفحه اصلی دستگاه هستند، بدون نیاز به نصب از فروشگاه اپلیکیشن.
این رویکرد به معنای تجربه کاربری شبیه به اپلیکیشن بومی در یک بستر وب واکنشگرا است.
مفهوم دیگر، “Mobile-First Design” است که به جای طراحی ابتدا برای دسکتاپ و سپس تطبیق آن برای موبایل، ابتدا تجربه کاربری موبایل را در اولویت قرار میدهد و سپس آن را برای صفحات نمایش بزرگتر بهبود میبخشد.
این روش تضمین میکند که مهمترین محتوا و عملکرد در کوچکترین صفحه نمایش بهینه شده باشد.
همچنین، بهینهسازی عملکرد با رویکردهایی مانند بارگذاری تنبل (Lazy Loading) برای تصاویر و ویدئوها، و Core Web Vitals گوگل، برای ارائه تجربهای سریع و روان در تمامی دستگاهها، بسیار مهم شده است.
این تحولات خبری، نشاندهنده تکامل مستمر طراحی سایت واکنشگرا و حرکت به سمت وبسایتهایی هستند که نه تنها زیبا به نظر میرسند، بلکه به سرعت و کارایی بالا نیز دست مییابند.
جدول ۲: مقایسه ویژگیهای طراحی وب سنتی و پیشرفته
ویژگی | طراحی وب سنتی (Traditional Web Design) | طراحی سایت واکنش گرا پیشرفته (Advanced Responsive Web Design) |
---|---|---|
رویکرد اصلی | Desktop-First | Mobile-First |
تأکید بر سرعت بارگذاری | اهمیت کمتر | اهمیت حیاتی (Core Web Vitals) |
قابلیت آفلاین | خیر | بله (با PWA) |
قابلیت نصب (Installability) | خیر | بله (با PWA) |
مطالعه موردی و نمونههای موفق از طراحی واکنشگرا
برای درک عمیقتر از پتانسیل و کارایی طراحی سایت واکنش گرا، بررسی نمونههای موفق میتواند بسیار روشنگر باشد.
بسیاری از شرکتهای پیشرو در جهان، از جمله رسانههای خبری بزرگ و پلتفرمهای تجارت الکترونیک، وبسایتهای خود را به صورت واکنشگرا طراحی کردهاند تا تجربهای بینظیر را برای کاربران خود در هر دستگاهی فراهم کنند.
به عنوان مثال، وبسایت نیویورک تایمز یکی از پیشگامان در این زمینه بود که از همان ابتدا رویکردی واکنشگرا را در پیش گرفت.
این وبسایت با استفاده از شبکههای سیال و پرس و جوهای رسانه، محتوای خود را به شکلی پویا و خوانا در تمامی اندازههای صفحه نمایش، از گوشیهای هوشمند گرفته تا مانیتورهای بزرگ، نمایش میدهد.
نمونه دیگر، وبسایت Airbnb است که با طراحی واکنشگرای خود، به کاربران اجازه میدهد تا به راحتی اقامتگاه پیدا کرده و رزرو کنند، بدون اینکه تجربه آنها به دلیل اندازه دستگاه مختل شود.
از تصاویر با کیفیت بالا که به صورت هوشمندانه مقیاسبندی میشوند تا فرمهای ورودی که در هر اندازهای کار میکنند، Airbnb نمونهای عالی از یک طراحی سایت واکنشگرا کاربردی و سرگرمکننده است.
این نمونههای واقعی نشان میدهند که چگونه با رویکردی تحلیلی و تخصصی، میتوان یک وبسایت را به گونهای طراحی کرد که نه تنها نیازهای فنی را برآورده کند، بلکه در ارائه یک تجربه کاربری برجسته نیز موفق باشد.
این مطالعه موردی راهنمایی عملی برای پیادهسازی موفق طراحی واکنشگرا ارائه میدهد.
از نرخ تبدیل پایین سایت فروشگاهیتان ناامید شدهاید؟ رساوب، سایت فروشگاهی شما را به ابزاری قدرتمند برای جذب و تبدیل مشتری تبدیل میکند!
✅ افزایش چشمگیر نرخ تبدیل بازدیدکننده به خریدار
✅ تجربه کاربری بینظیر برای افزایش رضایت و وفاداری مشتریان⚡ دریافت مشاوره رایگان از رساوب!
تأثیر طراحی واکنشگرا بر دسترسیپذیری و فراگیری وب
طراحی سایت واکنش گرا فراتر از بهبود تجربه کاربری عمومی و بهینهسازی موتورهای جستجو، نقش حیاتی در افزایش دسترسیپذیری (Accessibility) و فراگیری (Inclusivity) وب دارد.
دسترسیپذیری وب به معنای طراحی وبسایتها به گونهای است که افراد دارای معلولیت، از جمله افراد دارای اختلالات بینایی، شنوایی، حرکتی یا شناختی، نیز بتوانند به طور موثر از آنها استفاده کنند.
یک وبسایت واکنشگرا به طور ذاتی میتواند به این هدف کمک کند، زیرا تمرکز آن بر تطبیق محتوا و چیدمان با نیازهای مختلف کاربران و دستگاهها است.
به عنوان مثال، برای کاربران با اختلال بینایی که از صفحهخوانها (Screen Readers) استفاده میکنند، یک ساختار منطقی و سلسلهمراتبی که در طراحی وب واکنشگرا ترویج میشود، باعث میشود که محتوا به شکلی سازمانیافته به آنها ارائه شود.
همچنین، با قابلیت تغییر اندازه فونتها و عناصر بدون بهم ریختگی طرح، کاربران دارای ضعف بینایی میتوانند محتوا را به راحتی مطالعه کنند.
این جنبه توضیحی از طراحی واکنشگرا کمتر مورد توجه قرار میگیرد اما اهمیت بالایی دارد.
با اتخاذ رویکردی تحلیلی به طراحی که شامل اصول دسترسیپذیری است، میتوان اطمینان حاصل کرد که وبسایتها برای همه افراد، صرفنظر از تواناییها یا محدودیتهایشان، قابل استفاده باشند.
این رویکرد، وب را به فضایی فراگیرتر برای همه تبدیل میکند.
آینده وب و نقش مستمر طراحی سایت واکنشگرا
با نگاهی به آینده، مشخص است که طراحی سایت واکنش گرا نه تنها اهمیت خود را حفظ خواهد کرد، بلکه در مرکز توسعه وب باقی خواهد ماند.
همانطور که فناوریهای جدیدی مانند واقعیت افزوده (AR) و واقعیت مجازی (VR) در حال ظهور هستند و دستگاههای پوشیدنی و اینترنت اشیا (IoT) بیش از پیش گسترش مییابند، نیاز به وبسایتهایی که بتوانند به طور بیدرنگ با این پلتفرمهای متنوع سازگار شوند، حیاتیتر میشود.
این نیاز به طراحی وب سازگار، مرزهای واکنشگرایی را فراتر از صرفاً اندازههای صفحه نمایش سنتی میبرد.
در آینده، شاید شاهد وبسایتهایی باشیم که نه تنها به اندازه صفحه نمایش، بلکه به محیط کاربر، میزان نور محیط، فاصله کاربر از دستگاه و حتی حالت روحی او واکنش نشان دهند.
این تحولات نیازمند رویکردهای تخصصیتر و مفاهیم جدیدی در زمینه طراحی هستند که بر پایههای مستحکم طراحی سایت واکنشگرا بنا خواهند شد.
هدف نهایی، ایجاد یک تجربه وب کاملاً سیال و شخصیسازی شده است که بدون وقفه و بهینهسازی شده برای هر سناریویی ارائه شود.
این نگاه تحلیلی به آینده، نشان میدهد که اهمیت این روش در طراحی وب، نه تنها کم نخواهد شد، بلکه با پیشرفت فناوری، نقش آن در شکلگیری وب آینده پررنگتر نیز میشود.
سوالات متداول
سوال | پاسخ |
---|---|
طراحی سایت واکنش گرا (Responsive Web Design) چیست؟ | روشی برای طراحی وب سایت که باعث میشود وب سایت در اندازهها و دستگاههای مختلف نمایشگر (مثل موبایل، تبلت، دسکتاپ) به خوبی نمایش داده شود و تجربه کاربری مناسبی ارائه دهد. |
چرا طراحی واکنش گرا مهم است؟ | بهبود تجربه کاربری، سئو بهتر (گوگل سایتهای واکنش گرا را ترجیح میدهد)، صرفهجویی در زمان و هزینه (نیاز به ساخت سایت جداگانه برای موبایل نیست). |
تکنیکهای اصلی در طراحی واکنش گرا کدامند؟ | استفاده از شبکهها و طرحبندیهای انعطافپذیر (Fluid Grid)، تصاویر و مدیاهای انعطافپذیر (Flexible Images)، و استفاده از Media Queries در CSS. |
Media Queries در طراحی واکنش گرا چیست؟ | بخشی از CSS3 که به شما اجازه میدهد استایلهای مختلفی را بر اساس ویژگیهای دستگاهی که وب سایت روی آن نمایش داده میشود (مانند عرض صفحه، رزولوشن، نوع رسانه) اعمال کنید. |
مزایای استفاده از طراحی واکنش گرا چیست؟ | دسترسی به کاربران بیشتر (مخصوصاً موبایل)، بهبود نرخ تعامل کاربر، کاهش هزینه نگهداری (یک سایت برای همه دستگاهها)، و بهبود نرخ تبدیل (Conversion Rate). |
و دیگر خدمات آژانس تبلیغاتی رسا وب در زمینه تبلیغات
لینکسازی هوشمند: راهکاری حرفهای برای تحلیل رفتار مشتری با تمرکز بر استفاده از دادههای واقعی.
UI/UX هوشمند: خدمتی نوین برای افزایش تعامل کاربران از طریق استراتژی محتوای سئو محور.
مارکت پلیس هوشمند: ابزاری مؤثر جهت جذب مشتری به کمک اتوماسیون بازاریابی.
نقشه سفر مشتری هوشمند: راهحلی سریع و کارآمد برای افزایش بازدید سایت با تمرکز بر اتوماسیون بازاریابی.
رپورتاژ هوشمند: پلتفرمی خلاقانه برای بهبود جذب مشتری با اتوماسیون بازاریابی.
و بیش از صد ها خدمات دیگر در حوزه تبلیغات اینترنتی ،مشاوره تبلیغاتی و راهکارهای سازمانی
تبلیغات اینترنتی | استراتژی تبلیعاتی | ریپورتاژ آگهی
منابع
تکامل طراحی واکنش گرا در وب
آینده طراحی سایت واکنش گرا
اصول طراحی سایت واکنش گرا
طراحی واکنش گرا چیست؟
? برای اینکه کسبوکارتان در دنیای آنلاین بدرخشد و به اوج برسد، آژانس دیجیتال مارکتینگ رساوب آفرین با ارائه خدمات جامع از جمله طراحی سایت وردپرس، سئو، و مدیریت شبکههای اجتماعی، همیشه در کنار شماست.
📍 تهران ، خیابان میرداماد ،جنب بانک مرکزی ، کوچه کازرون جنوبی ، کوچه رامین پلاک 6