Редизайн сайта Masterznak.ru: Как мы увеличили конверсию через UX/UI оптимизацию #редизайн #website

Аватар автора
📊 О видео: В этом подробном разборе показываю процесс редизайна производственного B2B-сайта «Мастер Знак». От первоначального аудита до финальных экранов — с объяснением каждого дизайн-решения и ожидаемыми метриками. 🎯 Что было сделано: 1. Хедер и первый экран • Заменили оранжевый фон на белый (контраст по WCAG) • Добавили вторую CTA-кнопку с иерархией (primary + secondary) • Встроили реальное фото производства вместо стока • Вынесли trust badges: 17 лет на рынке, 21+ млн изделий • Добавили статистику в 4 колонки (площадь, линии, выработка, сотрудники) 2. Форма заявки • Перенесли с отдельной страницы в modal pop-up • Сократили обязательные поля с 3 до 1 (только телефон) • Добавили Drag & Drop зону для загрузки файлов • Внедрили маску телефона и валидацию • Добавили чекбокс согласия на обработку данных 3. Калькулятор • Визуальный выбор технологий (8 карточек с фото) • Real-time расчёт стоимости без кнопки «посчитать» • Упростили поля: тираж, цветность, категория изделия • Прогрессивное раскрытие сложных параметров • Итоговая сумма всегда на виду 4. Блок технологий • Сетка 4×2 с реальными фото оборудования • Подписи крупным шрифтом для быстрого сканирования • Ссылка на полную страницу технологий • Ховер-эффекты для интерактивности 5. Галерея заказов • 6 работ в сетке 3×2 (разнообразие продукции) • CTA-кнопка после блока на пике вдохновения • Ссылка на полную онлайн-галерею 6. Отзывы и клиенты • Карусель отзывов с логотипами компаний • 8 брендов-клиентов в чёрно-белом...

0/0


0/0

0/0

0/0

0/0