Корпоративный сайт ОАО МИНСКИЙ ЗАВОД «ТЕРМОПЛАСТ»
О клиенте
ОАО «Минский завод «Термопласт» — одно из ведущих предприятий Беларуси в области переработки пластмасс. Завод специализируется на литье под давлением и прямом прессовании, выпуская широкий ассортимент тары, ящиков, лотков и комплектующих для пищевой промышленности, сельского хозяйства и логистики.
Масштаб предприятия впечатляет:
63 000 м² производственных площадей.
350+ сотрудников в штате.
124 вида продукции.
3 ключевых направления деятельности.
Помимо производства, завод оказывает услуги по проектированию пресс-форм, металлообработке, гальваническому покрытию и аренде помещений. Сайт должен был отразить мощь производства, технологичность процессов и удобство для B2B-партнеров.
Детали проекта
Project-менеджер — координация с администрацией завода, контроль сроков (7 месяцев), управление рисками.
Арт-директор / UX/UI-дизайнер — разработка уникальной визуальной концепции, анимационных сценариев, версии для слабовидящих.
Frontend-разработчик (Senior) — реализация сложных анимаций на GSAP, верстка, оптимизация производительности.
Backend-разработчик (Laravel) — архитектура, админка, интеграции, безопасность.
Motion-дизайнер — создание микро-анимаций и интерактивных элементов.
Контент-менеджер — наполнение каталога (124 позиции), миграция документов, переводы.
QA-инженер — тестирование анимаций на 60 FPS, доступности, кроссбраузерности.
Backend и CMS
Laravel 11 — выбран за высокую производительность, безопасность и гибкость архитектуры. Позволил создать кастомную админ-панель точно под нужды завода.
PHP 8.4 — максимальная скорость выполнения серверного кода.
MySQL 8 — надежная база данных для хранения тысяч товаров, новостей и документов.
Redis — кеширование для мгновенной отдачи страниц даже при высокой нагрузке.
Custom Admin Panel — удобная панель для менеджеров по сбыту и пресс-службы (управление каталогом, новостями, заявками).
Frontend
HTML5 / CSS3 — семантическая разметка и современные стили.
SCSS / Sass — модульная архитектура стилей для поддержки сложного дизайна.
Vue JS — отказ от тяжелых фреймворков в пользу чистого кода для максимальной скорости.
GSAP (GreenSock) — библиотека для сложных, плавных анимаций и скролл-эффектов (unique feature проекта).
SVG Animations — векторная графика для визуализации производственных процессов.
Lazy Load + WebP/AVIF — оптимизация изображений для быстрой загрузки.
Дизайн и прототипирование
Figma — проектирование уникального UI в индустриально-технологичном стиле.
After Effects / Lottie — создание прототипов анимаций для передачи разработчикам.
UI Kit — единая система компонентов для сотен страниц каталога и услуг.
SEO и аналитика
Яндекс.Метрика / Google Analytics 4 — отслеживание целей (скачивание прайса, заявка на аренду, просмотр карточки товара).
Schema.org (Organization, Product, IndustrialOrganization) — микроразметка для промышленного объекта.
Многоязычность — корректная настройка RU/BE/EN версий.
Задачи
Создать современный имидж промышленного гиганта: Отойти от устаревших стандартов госпредприятий, подчеркнув инновационность и мировой уровень качества.
Структурировать сложный каталог продукции: Удобная навигация по сотням позиций (ящики, лотки, прокладки) с фильтрацией по назначению.
Презентовать услуги: Детальное описание возможностей по изготовлению пресс-форм, литью на оснастке заказчика, металлообработке и аренде.
Реализовать уникальный дизайн и анимации: Визуализация технологических процессов через динамику и интерактив.
Обеспечить доступность (Accessibility): Строгое соответствие требованиям для версии слабовидящих (шрифты, кернинг, цветовые схемы).
Выбрать производительный стек: Laravel для гибкости и скорости, чистый HTML/CSS для легкости фронтенда.
Цели
Разработать цифровую витрину завода, которая вызывает доверие у крупных оптовых покупателей и международных партнеров.
Упростить процесс подбора продукции через интуитивный каталог с техническими характеристиками.
Продемонстрировать технологические возможности (литье, прессование, гальваника) через визуальный сторителлинг.
Обеспечить информационную открытость (новости, документы, контакты) в соответствии со статусом ОАО.
Достичь высоких показателей скорости и плавности работы интерфейса благодаря уникальным анимациям на чистом коде.
Исходная проблема
До запуска нового портала предприятие сталкивалось с типичными проблемами промышленного сектора:
Сайт выглядел устаревшим и не соответствовал реальному уровню технологического оснащения завода.
Каталог продукции был представлен в виде таблиц или PDF, что неудобно для быстрого поиска с мобильных устройств.
Отсутствие визуальной динамики делало ресурс «сухим» и неинтересным для современной аудитории.
Сложности с обновлением контента и добавлением новых позиций номенклатуры.
Необходимость интеграции строгих требований по доступности без ущерба для дизайна.
Требовалось создать ресурс, который сочетает монументальность завода с легкостью и современностью цифрового продукта.
Этапы разработки сайта
Аналитика и концепция
Глубокое изучение производства: литье под давлением, прессование, гальваника. Анализ конкурентов и целевой аудитории (B2B, логистика, пищепром). Разработка концепции «Живой завод»: сайт должен дышать и двигаться, отражая работу станков.
Уникальный дизайн и анимации
В Figma и After Effects созданы макеты с акцентом на динамику.
Главная: Анимированные счетчики (63К м², 350+ сотрудников), параллакс-эффекты при скролле.
Каталог: Интерактивные карточки товаров с hover-эффектами.
Доступность: Проектирование панели с 5 цветовыми схемами и настройкой кернинга, интегрированной в общий дизайн.
Frontend и Backend разработка
Frontend: Верстка на чистом HTML/CSS/JS. Интеграция GSAP для плавных переходов между секциями. Оптимизация анимаций для 60 FPS даже на средних устройствах.
Backend: Настройка Laravel. Создание моделей для продукции, услуг, новостей, вакансий. Реализация API для динамической подгрузки контента. Админка для управления прайсами и заявками на аренду.
Наполнение, тестирование и запуск
Загрузка 124 видов продукции с фото и характеристиками. Наполнение разделов услуг (пресс-формы, металлообработка).
Тестирование производительности (PageSpeed), проверка доступности. Обучение персонала. Релиз.
Главная страница
Имиджевый хаб с миссией: «Предоставить партнерам достойные продукты и конкурентоспособные решения».
Анимированные цифры: 63К м² площади, 350+ сотрудников, 124 вида продукции — оживают при скролле.
Блок технологий: Визуализация литья под давлением и прямого прессования через SVG-анимацию.
Новости: Лента актуальных событий (День машиностроителя, экспортная поддержка).
Быстрые ссылки: Продукция, Услуги, Аренда, Контакты.
Каталог продукции
Структурирован по назначениям:
Тара многоцелевого назначения (Ящик №34).
Для грибов и ягод (Ящик №10, Лоток №005).
Для кондитерских изделий (Ящик №22).
Для мясных изделий (Ящик №27).
Прокладки для яиц.
Каждая карточка содержит фото, артикул, краткое описание и кнопку запроса КП.
Услуги
Детальный разбор возможностей завода:
Проектирование и изготовление пресс-форм: Использование САПР, комплексные решения.
Литье на оснастке заказчика: Прессование и литье под давлением.
Металлообработка: Гильотинная резка, хромирование.
Гальванопокрытие: Хромирование деталей.
Аренда помещений: Офисы, склады, спортзал (с формой заявки).
Социальная сфера и Госфункции
Версия для слабовидящих: Полноценная реализация с настройкой шрифта (Arial/Times), кернинга, 5 цветовых схем и отключением изображений.
Новости: Официальные поздравления Минпрома, информация об экспорте, акции безопасности.
Мультиязычность: Переключатель RU/BE/EN для международных партнеров.
Технологии анимации и оптимизации
Для достижения эффекта «дорогого» промышленного сайта без потери скорости:
GSAP ScrollTrigger: Плавное появление блоков при прокрутке, параллакс фона.
RequestAnimationFrame: Оптимизация JS-анимаций для нагрузки на CPU.
Will-change CSS: Подсказки браузеру для аппаратного ускорения.
Code Splitting: Загрузка скриптов анимации только когда они нужны.
Preload Critical Assets: Шрифты и hero-изображения грузятся первыми.
Результат: Сайт выглядит динамичным и современным, но остается быстрым (Green Zone PageSpeed).
Результат и достижения
Уникальный имидж:
Удобный каталог:
Высокая производительность:
Эталонная доступность:
Прозрачность услуг:
Удобство управления:
Международный потенциал:
Нужен корпоративный сайт, который выглядит как продукт мирового класса?
Промышленный сайт не должен быть скучным. Мы создаем цифровые представительства для заводов и холдингов, которые сочетают монументальность бренда с современными технологиями: уникальные анимации, быстрая работа, удобные каталоги и строгое соответствие стандартам доступности.
Разрабатываем на Laravel с чистым кодом, обеспечивая максимальную скорость и безопасность. Ваш сайт будет не просто визиткой, а мощным инструментом продаж и имиджа.
Получите бесплатный экспресс-аудит текущего сайта и расчет стоимости разработки в течение 1 рабочего дня.
Что вы получите после обращения
Анализ визуального стиля и юзабилити вашего ресурса.
Рекомендации по внедрению анимаций без потери скорости.
Оценку соответствия требованиям доступности и безопасности.
Предварительную смету и дорожную карту проекта.