حامیران نمونهکار طراحی سایت صنعتی
فولاد حامیران یک پلتفرم جامع صنعتی برای تأمین، استعلام قیمت، خرید و دریافت خدمات مرتبط با فولاد، آهنآلات و تجهیزات صنعتی است.
ساختار سایت مجموعه بسیار گستردهای از فولادهای آلیاژی، آهنآلات ساختمانی، ورق و تسمه، استنلس استیل، محصولات مفتولی، فلزات غیرآهنی، تجهیزات برش، دستگاههای اره نواری، تیغ اره، محصولات جوش و برش و سیستمهای خورشیدی را در یک معماری واحد سازماندهی میکند.
در کنار فروش محصولات، خدمات تخصصی مانند برش فلزات، آزمایشگاه مواد، عملیات حرارتی، تعمیر تجهیزات، جوش تیغ اره، مشاوره و حملونقل نیز در پلتفرم ارائه میشوند.
نمایش واقعی سایت
پروژه در یک مرورگر ابری واقعی باز میشود و بهصورت زنده در Desktop، Tablet و Mobile نمایش داده میشود. سایت مقصد مستقیماً داخل iframe ازکی وب قرار نمیگیرد؛ بنابراین محدودیتهای X-Frame-Options و CSP سایت مقصد مانع این روش نمایش نیستند.
نمای دسکتاپ، تبلت و موبایل را جابهجا کنید. سایت اصلی در یک Browser Session مستقل در Cloud اجرا میشود و تصویر همان Browser بهصورت زنده به این بخش منتقل میشود؛ بدون Screenshot fallback.
داستان اجرای پروژه
چالش اصلی، تصمیمهای اجرایی و نتیجه نهایی پروژه را در سه مرحله شفاف و خواناتر مرور کنید.
چالش پروژه
حامیران با یک فروشگاه اینترنتی معمولی مواجه نیست.
محصولات فولادی بر اساس متغیرهای بسیار زیادی مانند:
- نوع آلیاژ
- استاندارد
- گرید
- سایز
- ضخامت
- طول
- کارخانه
- شکل محصول
- وزن
- کاربرد صنعتی
تفکیک میشوند. برای مثال تنها بخش فولادهای آلیاژی شامل دهها خانواده و تعداد زیادی گرید با شمارههای استاندارد مستقل است. در کنار آن، بازار آهن نیازمند قیمتهای بهروز، کنترل ارزش افزوده، محاسبه وزن، تخمین حمل، مشاوره فنی و دسترسی به خدمات تکمیلی است. بنابراین چالش اصلی، تبدیل حجم بسیار بزرگی از دادههای فنی و تجاری به یک Information Architecture قابل استفاده برای مشتری صنعتی است.
راهکار ازکی وب
پلتفرم با معماری مدرن Front-end و ساختار گسترده Product Catalog توسعه یافته است. Technology Profile فعلی، سایت را در اکوسیستم Nuxt شناسایی میکند و Front-end تعاملی آن با JavaScript پیادهسازی شده است.
کاتالوگ گسترده فولادهای آلیاژی
یکی از مهمترین بخشهای سایت، Alloy Steel Catalog است.
فولادها بر اساس خانواده تخصصی دستهبندی شدهاند، از جمله:
- فولاد ابزار سردکار
- فولاد ابزار گرمکار
- فولاد عملیات حرارتی
- فولاد سمانتاسیون
- فولاد اتومات
- فولاد خشکه هوایی
- فولاد ساختمانی و کربنی
- فولاد فنر
- فولاد مقاوم به دمای بالا
- فولاد منگنزی
- فولاد بلبرینگ
- فولاد ابزار کربنی
- فولاد ضدزنگ
- فولاد قالب پلاستیک
و برای هر گروه صفحات مستقل گریدهای مختلف ایجاد شده است.
آهنآلات ساختمانی
بخش آهنآلات نیز ساختار مستقلی برای محصولاتی مانند:
- میلگرد
- پروفیل
- تیرآهن
- نبشی
- ناودانی
- لوله
دارد. محصولات علاوه بر نوع، بر اساس سایز و کارخانه تولیدکننده نیز قابل دسترسی هستند. این مدل باعث میشود کاربر مستقیماً از مسیر Product → Size → Manufacturer به گزینه موردنظر خود برسد.
قیمتگذاری محصولات
در بخشهای قابل خرید، قیمت محصولات مستقیماً در سایت نمایش داده میشود. سبد خرید نیز علاوه بر مبلغ کالا، ارزش افزوده و مبلغ نهایی فاکتور را بهصورت جداگانه محاسبه میکند. این ساختار برای معاملات صنعتی که VAT بخشی از قیمت نهایی است اهمیت زیادی دارد.
Shopping Cart
پلتفرم دارای Cart مستقل است و محصول قابل خرید میتواند وارد سبد شود.
در Summary سبد مواردی مانند:
- مبلغ کالا
- ارزش افزوده
- جمع کل فاکتور
بهصورت تفکیکشده نمایش داده میشوند. مسیر «ثبت نهایی» نیز در ساختار Commerce وجود دارد.
درگاه پرداخت
یک مسیر مستقل برای درگاه پرداخت در Navigation خدمات سریع سایت قرار گرفته است. این قابلیت به مشتریان امکان میدهد پرداختهای مرتبط با سفارش یا عملیات مالی خود را بهصورت آنلاین انجام دهند.
محاسبه آنلاین وزن آهن و فولاد
یکی از ابزارهای کاربردی پلتفرم، Weight Calculator است. این ابزار برای بازار آهن اهمیت زیادی دارد؛ زیرا در بسیاری از سفارشها قیمت، حملونقل و حجم خرید مستقیماً به وزن محصول وابسته است. کاربر میتواند پیش از خرید یا استعلام، وزن تقریبی مقاطع موردنیاز پروژه را محاسبه کند.
محاسبه هزینه حمل
در کنار محاسبه وزن، ابزار مستقلی برای هزینه حمل بار نیز ایجاد شده است. این قابلیت Customer Journey را از انتخاب محصول فراتر میبرد و یکی دیگر از هزینههای مهم خرید صنعتی را در همان اکوسیستم پوشش میدهد.
فیلتر محصولات
در صفحات Product Listing امکانات Filter برای محدودکردن دادهها وجود دارد.
برای نمونه در برخی گروههای محصول، کاربر میتواند براساس مواردی مانند:
- سایز
- کارخانه
- قیمت
- احتساب ارزش افزوده
نتایج را محدود کند.
خدمات برش
حامیران تنها تأمینکننده محصول نیست و خدمات Processing فلز را نیز ارائه میدهد.
خدمات برش شامل:
- Roll to Sheet
- برش گیوتین
- برش اره نواری
- برش لیزری
- هوا برش
- CNC
- Wire Cut
است. این ساختار باعث میشود مشتری بتواند علاوه بر تهیه ماده اولیه، بخشی از فرایند آمادهسازی آن را نیز از همان مجموعه دریافت کند.
خدمات آزمایشگاهی
زیرساخت خدمات فنی شامل Laboratory Services نیز میشود.
آزمونهای ارائهشده شامل:
- آزمونهای مکانیکی
- آزمونهای غیرمخرب
- متالوگرافی
- کوانتومتری
- آزمونهای شیمیایی
هستند. این خدمات برای کنترل کیفیت و تأیید مشخصات مواد در پروژههای صنعتی اهمیت دارند.
عملیات حرارتی و خدمات تخصصی
خدمات Operations تنها به برش محدود نشده و مواردی مانند:
- عملیات حرارتی
- تعمیر دستگاه اره
- جوش تیغ اره
- مشاوره تخصصی
- حملونقل
نیز در اکوسیستم سایت قرار گرفتهاند.
نمایندگی و عاملیت برندها
بخش مستقلی برای Brand Partnershipها و نمایندگیهای مجموعه ایجاد شده است.
در سایت روابط تجاری با مجموعههایی مانند:
- فولاد آلیاژی اصفهان
- فولاد کویر کاشان
- گروه صنعتی آما
- بهلر اتریش
- فولاد آلیاژی ایران
- کسمک ترکیه
معرفی شدهاند. این اطلاعات در فرایند Trust Building مشتری صنعتی نقش مهمی دارند.
معماری چندشعبهای
فولاد حامیران علاوه بر دفتر مرکزی تهران، شعب مختلفی در سایت معرفی کرده است.
ساختار فعلی شامل نقاطی مانند:
- تهران
- اصفهان
- همدان
- تبریز
- قم
- اهواز
- شیراز
- یزد
است. برای شعب مختلف اطلاعات تماس و موقعیت مستقل در نظر گرفته شده است.
Vendor Registration
در بخش همکاری، مسیر مستقلی برای ثبتنام در Vendor List وجود دارد. این قابلیت نشان میدهد پلتفرم فقط برای Customer Acquisition طراحی نشده و بخشی از Supplier / Procurement Ecosystem مجموعه را نیز پوشش میدهد.
اکوسیستم صنعتی حامیران
وبسایت شرکت را به مجموعهای از کسبوکارهای تخصصی مرتبط متصل میکند.
از جمله:
- خدمات آزمایشگاهی مهندسی مواد
- انرژی و پنل خورشیدی
- تولید سازههای فلزی
- عملیات حرارتی
این معماری باعث میشود سایت بهعنوان Gateway گروه صنعتی نیز عمل کند.
Content & Market Intelligence
سایت دارای دو جریان محتوایی مهم است:
- دانشنامه فنی
- اتاق خبر و تحلیل بازار
محتوا هم موضوعات آموزشی مهندسی و متالورژی را پوشش میدهد و هم گزارشهای تغییر قیمت و وضعیت بازار فولاد را منتشر میکند. این مدل، Product Pages را با Content Marketing و Search Acquisition ترکیب میکند.
SEO Architecture
ساختار URL و صفحات سایت بسیار Granular است.
برای:
- نوع محصول
- خانواده فولاد
- گرید
- سایز
- کارخانه
- استاندارد
- خدمت
- موضوع آموزشی
Landing Pageهای مستقلی وجود دارد. این معماری تعداد زیادی Long-tail Search Intent صنعتی را پوشش میدهد.
نتیجه و خروجی
خروجی پروژه یک Industrial Steel Commerce Platform است که فروش محصول، اطلاعات فنی، قیمت، خدمات مهندسی و عملیات تأمین را در یک اکوسیستم واحد جمع کرده است. کاربر میتواند از جستجوی یک گرید خاص فولاد یا یک سایز مشخص میلگرد وارد سایت شود، مشخصات محصول را بررسی کند، قیمت را مشاهده کند، وزن را محاسبه کند، هزینه حمل را بررسی کند و سپس وارد مسیر خرید یا مشاوره شود. در سطح گستردهتر، اتصال Product Catalog به خدمات برش، آزمایشگاه، عملیات حرارتی، حمل، نمایندگیها، شعب و محتوای تخصصی باعث شده HamiranSteel از یک وبسایت فروش آهن فراتر رود و به یک B2B Industrial Commerce & Services Platform تبدیل شود.
این Case Study به کدام خدمات ازکی وب مرتبط است؟
این ارتباط فقط از خدماتی خوانده میشود که برای همین پروژه در Portfolio ثبت شدهاند؛ از روی فناوری سایت یا ظاهر پروژه، خدمت جدیدی بهصورت خودکار حدس زده نمیشود.
چالش، راهکار، نتیجه، فناوریها و مشخصات این صفحه شواهد پروژه را تکمیل میکنند؛ نتیجه عددی یا ادعای عملکرد فقط زمانی باید ثبت شود که مستند و قابل اثبات باشد.
برای پروژه بعدی آمادهاید؟
اگر به طراحی اختصاصی، توسعه اصولی و مسیر قابل توسعه نیاز دارید، نیاز پروژه را با هم بررسی میکنیم.