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

طراحی رابط کاربری (UI Design)
طراحی سایت آریان مد بر پایهی یک هویت بصری مدرن و پزشکی انجام شد. رنگهای اصلی سفید، آبی و سبز ملایم انتخاب شدند تا حس اعتماد و آرامش القا شود.
صفحات با ساختار مینیمال و فاصلهگذاری مناسب طراحی شدند تا اطلاعات بهصورت واضح در دسترس کاربر باشد.
در صفحه اصلی، تمرکز بر سه بخش کلیدی قرار داده شد:
-
معرفی برند و مأموریت شرکت
-
نمایش تجهیزات لیزری با دستهبندی تخصصی
-
امکان تماس و مشاوره سریع
تجربه کاربری (UX Design)
در طراحی UX، اولویت بر سادگی، وضوح و سرعت دسترسی بود.
تحلیل رفتار کاربران هدف (پزشکان، مدیران کلینیک، مهندسان تجهیزات) نشان داد که اغلب کاربران به دنبال اطلاعات سریع درباره مدل دستگاه و خدمات پس از فروش هستند.
بنابراین:
-
مسیر کاربر از صفحه اصلی تا مشاهده مشخصات محصول در کمتر از ۳ کلیک طراحی شد.
-
منوی بالای سایت شامل دستهبندیهای واضح مانند محصولات – خدمات – مقالات – درباره ما است.
-
در هر صفحه، دکمه تماس یا واتساپ به صورت ثابت در پایین صفحه قرار دارد.

جزئیات فنی طراحی سایت
| ویژگی فنی | توضیحات |
|---|---|
| CMS | WordPress 6.8.3 |
| صفحهساز | Elementor 3.27.6 |
| زبان برنامهنویسی | PHP (نسخه متناسب با سرور) |
| پایگاه داده | MySQL |
| قالب اصلی | Hello Elementor 3.4.4 |
| کتابخانههای JS | jQuery, Swiper, core-js |
| فرم تماس | فرمساز المنتور + reCAPTCHA برای جلوگیری از اسپم |
| چت آنلاین | WhatsApp Business Chat |
| سرور و وبسرور | Apache HTTP Server |
| فونتها و آیکونها | Twemoji + فونت فارسی هماهنگ با برند |
| سازگاری مرورگرها | Chrome, Safari, Firefox, Edge — تست شده روی نسخههای رایج |
واکنش گرایی (Responsive Design)
طراحی سایت به صورت کاملاً واکنشگرا پیادهسازی شد تا در تمامی دستگاهها (موبایل، تبلت، دسکتاپ) تجربه کاربری یکسانی ارائه دهد.
نسخه موبایل سایت با ساختاری سادهتر، منوی جمعشونده و دکمه تماس فوری طراحی شد تا کاربران بتوانند در چند ثانیه با شرکت ارتباط بگیرند.
ویژگی های برجسته طراحی
-
طراحی مینیمال و متمرکز بر برندینگ پزشکی
-
استفاده از تصاویر باکیفیت برای نمایش محصولات
-
بخش بلاگ برای افزایش آگاهی پزشکان و بیماران
-
امکان افزودن محصولات جدید بدون نیاز به کدنویسی
-
فرم تماس چندمرحلهای برای دریافت درخواست همکاری
-
نمایش اسلایدر و بنرهای آموزشی در صفحه اصلی
نتیجه نهایی
سایت جدید آریان مد سلامت توانست با ظاهری مدرن، ساختار منظم و سرعت بارگذاری بالا، تصویری قدرتمند از برند در فضای دیجیتال ارائه دهد.
بازخورد کاربران نشان داد که سهولت جستجو، طراحی شیک و دسترسی سریع به اطلاعات محصولات از اصلیترین نقاط قوت این وبسایت است.
