Кейс: редизайн и верстка корпоративного сайта за 4 недели | Webplustudio

Задача: обновить сайт, который перестал отражать уровень компании

В апреле 2025 года к Webplustudio обратился разработчик химических дорожных добавок. У компании уже был корпоративный сайт, но он морально устарел: визуально тянул из прошлого десятилетия, структура не помогала быстро найти продукты и технические материалы.

Задача проекта — редизайн под ключ:

1. Спроектировать новый интерфейс в Figma с полной мобильной версией.
2. Сверстать сайт на HTML, CSS и JavaScript — без CMS, с чистой вёрсткой под требования заказчика.
3. Сохранить B2B-логику: продуктовая линейка, области применения, документы, контакты для оптовых запросов.
4. Уложиться в 4 рабочие недели.

На старте зафиксировали сроки и объём: 26 экранов в макете плюс адаптив.

Как за 4 недели прошли путь от старого сайта к новому

1. Аудит старого ресурса и структура редизайна

Разобрали, что оставить по смыслу, а что перестроить. Старый сайт давал контент и разделы, но не давал современной подачи. Новая структура рассчитана на технологов дорожных служб, снабженцев и руководителей подрядных организаций — людей, которые заходят за конкретным продуктом и документацией.

2. Макет в Figma: 26 фреймов и мобильная версия

В Figma отрисовали полный набор экранов корпоративного сайта — 26 фреймов с проработкой ключевых B2B-сценариев. Отдельно собрали мобильную версию: в отрасли решение часто смотрят с телефона на объекте или в переписке с коллегой.

3. Фирменная палитра: оранжевый и «асфальтовый» серый

Для визуала выбрали связку оранжевый + тёмно-серый «асфальт» + светло-серый + белый. Оранжевый работает на акценты и CTA, тёмный серый — на фон и «инженерную» солидность, светлые оттенки держат воздух в длинных текстовых блоках. Получился технологичный, свежий и лаконичный стиль — без перегруза декором, с опорой на типографику и чёткую сетку.

4. Вёрстка на HTML / CSS / JS

После согласования макета перенесли дизайн в код: HTML, CSS, JavaScript. Такой стек заказчик выбрал осознанно — сайт остаётся лёгким, предсказуемым в поддержке и не тянет за собой лишнюю CMS-обвязку.

5. Сдача проекта

За 4 рабочие недели закрыли полный цикл: от редизайн-концепции до рабочей вёрстки. Заказчик получил обновлённый корпоративный ресурс, который соответствует текущему уровню продукции и позиционированию на рынке дорожной химии.

Особенности B2B-сайта в нише дорожных добавок

Для производителя химических добавок сайт — рабочий инструмент для B2B-аудитории:

• Продуктовая линейка — понятная навигация по типам добавок и сферам применения.
• Техническая подача — аккуратные блоки под характеристики, документы, условия поставки.
• Доверие B2B-аудитории — сдержанный промышленный визуал, читаемая типографика, лаконичные формы связи.
• Мобильный сценарий — адаптив для просмотра с телефона на объекте или в дороге.

Что получил заказчик сайта в Вебплюстудио

• ✅ Полный редизайн устаревшего корпоративного сайта за 4 рабочие недели
• ✅ 26 фреймов в Figma с мобильной версией всех ключевых экранов
• ✅ Фирменную палитру — оранжевый, асфальтовый тёмно-серый, светло-серый, белый
• ✅ Технологичный лаконичный визуал, соответствующий B2B-сегменту дорожной химии
• ✅ Готовую вёрстку на HTML / CSS / JS — без CMS, под требования заказчика

Галерея проекта

Нужен редизайн корпоративного или промышленного B2B-сайта?

В Webplustudio делаем редизайн корпоративных сайтов и разработку B2B-ресурсов для промышленных ниш: разберём устаревшую версию, спроектируем макет в Figma, подберём палитру под отрасль и доведём до запуска — на WordPress или чистой вёрстке HTML/CSS/JS, если так удобнее вашей инфраструктуре. Перед стартом согласуем структуру, объём экранов и сроки.