ایپکو — وبسایت شرکتی ایرانخودرو پاورترین (فرانتاند)
پیادهسازی فرانتاند وبسایت شرکتی ایپکو (شرکت تحقیق، طراحی و تولید موتور ایرانخودرو) — ارائه توانمندیها در حوزه قوای محرکه.
نگاه کلی
شرکت ایپکو (تحقیق، طراحی و تولید موتور ایرانخودرو) بازوی قوای محرکه گروه ایرانخودرو است — از طراحی و کالیبراسیون تا آزمون، تولید و تضمین کیفیت موتور و گیربکس.
نقش من در این پروژه فقط بخش فرانتاند بوده، تحت نظارت وبینه / سپهر گستر CMS — پیادهسازی UI بر اساس طرح آماده روی هسته اختصاصی سپهر گستر (مبتنی بر لاراول).
چالش
ساختار سایت چندلایه است: توانمندیها (تحقیق و توسعه، کالیبراسیون، آزمون)، طرحها (TU5 TC، هیبرید، اتکینسون، ژنراتور)، محصولات، اخبار، پایگاه دانش، گواهینامهها و همکاران. چالش اصلی، ساختن فرانتاند سریع و کاملاً ریسپانسیو با تایپوگرافی فارسی تمیز و منوهای مگا بود.
اهداف
- پیادهسازی پیکسلدقیق طرح تأییدشده
- ریسپانسیو کامل (مگامنو موبایل، گریدها، کاروسل گواهینامهها)
- تایپوگرافی فارسی و چیدمان RTL استاندارد
- لود سریع برای تصاویر سنگین و آرشیو اخبار
راهکار
بکاند روی سپهر گستر CMS اجرا میشود — CMS اختصاصی وبینه (شرکت سپهر گستر فرتاک پارس) مبتنی بر لاراول با بیش از ۲۰ ماژول، تأییدیه افتای امنیت و معماری مقیاسپذیر. فرانتاند را با HTML معنایی، CSS ماژولار و JavaScript وانیلا روی همین هسته ساختم — با تمرکز بر گریدهای ریسپانسیو، ناوبری دسترسپذیر و بهینهسازی تصاویر.
ویژگیهای کلیدی
- مگامنو برای محصولات و خدمات، آموزش و پژوهش، پایگاه دانش
- قالب آرشیو اخبار / گالری / انتشارات و مقالات
- بخش گواهینامهها و همکاران
- فارسی RTL با رندر فونت استاندارد
نکته
این پروژه بهعنوان همکاری فرانتاند تحت نظارت وبینه ثبت شده — سیستم طراحی و بکاند سپهر گستر توسط وبینه تأمین شده. ممکن است سایت لایو بعد از همکاری من تغییر کرده باشد.
سلب مسئولیت: برند و محتوای ایپکو متعلق به شرکت ایپکو است. پیادهسازی فرانتاند توسط من تحت نظارت وبینه / سپهر گستر CMS انجام شده.
تصاویر پروژه
