سایت شرکتی · صنایع سرگرمی
مهوا: سایت شرکتی که برای دسترسپذیری و سئوی فنی ساخته شد
سایت شرکتی کارخانهی صنایع سرگرمی مهوا، معرفی مجموعه، خطوط محصول، گالری و تماس، روی ASP.NET Core، با تمرکز بر کارایی، دسترسپذیری و سئوی فنی.
- کارفرما
- کارخانه صنایع سرگرمی مهوا
- حوزه
- صنایع سرگرمی
- سال
- 1404
- وضعیت
- در حال بهرهبرداری
- طراحی تجربه و رابط کاربری
- توسعه فرانتاند
- توسعه بکاند و API
- سئوی فنی
- پشتیبانی و توسعه مستمر
چالش
مهوا یک مجموعهی صنعتی در حوزهی سرگرمی است که چند خط محصول دارد و مخاطبش هم خریدار سازمانی است و هم بازدیدکنندهای که از گوگل میآید. سایت قبلی برای هیچکدام ساخته نشده بود: نه ساختاری داشت که خطوط محصول را نشان دهد، نه محتوایی که در جستوجو دیده شود، و نه پنلی که تیم خودشان بتواند بهروزش کند.
راهحل
یک سایت شرکتی روی ASP.NET Core و SQL Server با پنلی که تیم مهوا خودش محتوا را بهروز میکند. سه چیز از اول در تعریف «تمام شد» بود: دسترسپذیری. ناوبری با کیبورد، کنتراست استاندارد، متن جایگزین برای هر تصویر؛ کارایی. تصاویر بهینه، کش، رندر سمت سرور، Core Web Vitals اندازهگیریشده قبل از تحویل؛ و سئوی فنی. ساختار URL، دادهی ساختاریافتهی Organization و Product، sitemap، عنوان و توضیح یکتا برای هر صفحه.
قابلیتهای کلیدی
معرفی مجموعه و خطوط محصول
ساختار صفحات به شکل کسبوکار مهوا، نه به شکل قالب.
گالری و رسانه
تصاویر بهینه در چند اندازه، با متن جایگزین.
پنل محتوا
تیم مهوا صفحه و خبر را خودش میسازد و ویرایش میکند.
دسترسپذیری
کیبورد، کنتراست، ساختار معنایی، خوانا برای صفحهخوان.
سئوی فنی
دادهی ساختاریافته، sitemap، متای یکتا، Core Web Vitals سبز.
معماری و فناوری
- سبک معماری
- مونولیت
- الگوها
- MVC
یک اپلیکیشن ASP.NET Core MVC با رندر سمت سرور، برای یک سایت شرکتی با محتوای ویرایششونده، سادهترین چیزی که درست کار میکند. هیچ API جدا و هیچ فرانت جدا؛ HTML کامل از سرور، کش روی صفحات پرمراجعه، و Tailwind برای استایل.
- فرانتاند
- HTML5Tailwind CSSJavaScript (ES6+)
رندر سمت سرور، بدون فریمورک فرانت
- بکاند و API
- ASP.NET CoreC#
- پایگاه داده
- SQL Server
- سایر
- Core Web VitalsPerformance OptimizationResponsive Design
شرح تکمیلی
مشتری و مسئله
مهوا یک مجموعهی صنعتی در حوزهی سرگرمی است که چند خط محصول دارد و مخاطبش هم خریدار سازمانی است و هم بازدیدکنندهای که از گوگل میآید. سایت قبلی برای هیچکدام ساخته نشده بود: نه ساختاری داشت که خطوط محصول را نشان دهد، نه محتوایی که در جستوجو دیده شود، و نه پنلی که تیم خودشان بتواند بهروزش کند.
چه ساختیم
یک سامانهی شرکتی روی ASP.NET Core و SQL Server: معرفی مجموعه، خطوط محصول، گالری و تماس، با پنلی که تیم مهوا خودش محتوا را بهروز میکند. سه چیز از اول در تعریف «تمام شد» بود:
- دسترسپذیری. ناوبری با کیبورد، کنتراست استاندارد، متن جایگزین برای هر تصویر.
- کارایی. تصاویر بهینه، کش، رندر سمت سرور؛ Core Web Vitals اندازهگیریشده قبل از تحویل.
- سئوی فنی. ساختار URL، دادهی ساختاریافتهی Organization و Product، sitemap، عنوان و توضیح یکتا برای هر صفحه.
نتیجه
سایت زنده: mahvacomplex.ir
تصاویر پروژه
خدمات و محصولات مرتبط
پروژهی مشابهی در ذهن دارید؟
یک تماس پانزده دقیقهای کافی است تا بگوییم چه چیزی لازم است، چقدر طول میکشد و از کجا شروع کنیم.