Айдентика
Редизайн мы начали не с макетов сайта, а с логотипа и фирменного стиля. Сначала собрали визуальную базу — знак, цвета, шрифт, слоган — и уже на ней строили сайт.
Логотип
Старый логотип был просто названием в две строки. Новый знак — телевизор с антенной, а вместо буквы «О» на экране бьётся кардиограмма: техника, которую возвращают к жизни. Знак работает и сам по себе — как иконка сайта и аватар в мессенджерах.
Ремонт, который видно
Слоган сайта: мастер показывает, что сломалось, и называет цену до начала работы. Глаз из подвала сайта — его графическая пара.
#e2231a#14161b#e6e8eeManrope
Один шрифт на весь сайт: спокойный, хорошо читается в ценах и длинных текстах о поломках.
Стиль на носителях
Чтобы проверить, что стиль живёт не только на экране, примерили его на вывеску, визитки, форму мастера, машину выездного сервиса, упаковку и экран телевизора. Знак узнаётся и в цвете, и в одну краску, и на тёмном, и на светлом фоне.
Стало и было
Новые страницы целиком: главная, страница вида ремонта, каталог, карточка товара и оформление заказа. Переключатель «Было» покажет, как выглядели страницы, которые были на старом сайте.
Мелочи, которые продают
Заявки и покупки решают не большие блоки, а детали. На них мы потратили не меньше времени, чем на макеты страниц.
Меню «Ремонт»
Открывается по наведению: виды ремонта и неисправности с иконками, рядом логотипы брендов. До нужной страницы — один клик с любой страницы сайта.
Корзина при наведении
Показывает, что уже выбрано, итог и экономию — без перехода на отдельную страницу. Товар можно убрать прямо отсюда.
Витрина телевизоров на главной
Переключатель диагонали, цена со скидкой, наличие и кнопка «в корзину» прямо в карточке. Тот, кому ремонт уже невыгоден, может сразу выбрать новый телевизор.
Иллюстрации
Своя графика вместо стоковых картинок. На первом экране — иллюстрация мастерской, под ней на тёмном фоне — тонкие линейные рисунки инструментов и рабочего места, а баннеры разделов выдержаны в фирменных цветах.
Что сделали
Кроме нового дизайна, сайт получил то, что напрямую влияет на заявки, продажи и поиск.
Заявка с первого экрана. Кнопка заявки, звонок, Telegram и MAX — сразу, без поиска контактов. Отдельно — заказ выезда мастера на дом.
Цены на виды ремонта. Неисправности и работы собраны в карточки с ценой «от», у каждой — своя страница с описанием.
Каталог новых телевизоров. Фильтр по диагонали, избранное и корзина: кроме ремонта сервис теперь продаёт новые телевизоры.
Общая платформа. Сайт собран на общей теме для сайтов сервиса: её можно использовать и для других сайтов Мастер Гаджета.
Переезд без потерь. Каждый адрес старого сайта проверили в новой сборке, чтобы страницы не выпали из поиска.
SEO и разметка. Исправили ошибки старого сайта и сохранили весь SEO-потенциал для дальнейшего развития. Внедрили микроразметку по актуальным стандартам.
UI/UX тестирование. Перед запуском прошли ключевые сценарии — заявка, выбор и покупка телевизора — на телефонах и компьютерах и исправили всё, где посетитель мог споткнуться.
Команда Дартсайт проделала отличную работу по редизайну сайта, а по сути — создала новую концепцию нашего отдельного суббренда. Ребята не просто переработали старое, а создали в девять раз больше, чем было.
Лично мне понравились задор и креатив команды, но не могу не отметить, насколько руководитель студии Алексей Верзилов разбирается в вопросах бизнеса как такового. Вопросы конверсии, направленности услуг и сегментации аудитории были подняты на высокий уровень.
Если говорить только о работе над этим проектом, буду краток и опишу её двумя словами: комфортно и результативно.
