Начали с вайрфреймов
Структуру и тексты всех блоков согласовали до дизайна. Заказчик увидел логику страницы и формулировки раньше, чем визуальное решение, поэтому правки пришлись на схемы, а не на готовые макеты.
Кейс · сайт
Сайт поставщика шин и дисков, где подбор занимает пять минут
Редизайн сайта поставщика японских шин и дисков из Владивостока: 15 блоков главной, каталог по сезонам, три формы подбора и раздел новостей. Структуру, тексты и дизайн собрали с нуля.
15 блоков главной
3 макета страниц
3 формы подбора
01 / ЗАДАЧА
С чем пришел клиент
Компания продает шины на Wildberries, OZON и Farpost, держит розничный магазин и шиномонтаж, работает с японскими аукционами. На старом сайте эти направления не складывались в одну картину.
Покупатель редко знает типоразмер своей машины. Ему нужен способ дойти до заявки, не разбираясь в маркировке.
Компания возит товар по 15 прямым контрактам с заводами, но со стороны выглядит как обычный продавец. Разницу нужно было показать.
Два пути подбора
В модальном окне переключатель: подбор по автомобилю (марка, год, модель, тип двигателя) или по размеру. Человек выбирает путь, который ему понятен. Третья форма ведет в техподдержку для сложных вопросов.
Разложили каталог по сезонам
Летние шины, зимние шины и диски получили отдельные разделы с одинаковой карточкой: бренд, страна, характеристики, отметка о шипах. Из каждого раздела ведут кнопки на Wildberries и OZON, где лежит остальной ассортимент.
Похожая задача? Напишите в Telegram, отвечу за пару часов.
02 / ДО — ПОСЛЕ
Как схемы превращались в дизайн
Структуру и тексты согласовали на вайрфреймах, поэтому спорные места правились на схемах. Слева вайрфрейм, справа готовый макет.
Первый экран получил фокус
На схеме проверяли порядок: заголовок, обещание, кнопка, четыре цифры о компании. В дизайне добавились фотография шины и красный акцент, порядок остался прежним.
Рассказ о компании собран в один блок
Текст о поставках, карта магазина и четыре показателя стоят рядом. В дизайне блок ушел на темную подложку и отделился от остальной страницы.
Карточка товара стала одинаковой для всех разделов
Бренд, страна, характеристики и отметки о сезоне заняли фиксированные места. Одна карточка работает для летних шин, зимних и дисков.
Шиномонтаж показан как отдельная услуга
Услуги, аргументы, адрес, часы работы и карта собраны в один блок, чтобы человек мог записаться, не уходя со страницы.
03 / РЕЗУЛЬТАТ
Что дает такая структура
Компания продает на маркетплейсах, держит магазин и шиномонтаж и возит шины с японских аукционов, а на старом сайте эти направления не складывались в одну картину. Покупатель при этом редко знает типоразмер своей машины.
Товар, шиномонтаж, подбор на аукционах и условия поставки собраны на одной странице. Покупателю не нужно достраивать картину по карточкам маркетплейсов.
Человек без знания типоразмера доходит до заявки: два сценария подбора, подсказка в каталоге дисков и форма техподдержки.
Прямые контракты, склады, сертификаты и отзывы стоят рядом с товаром, поэтому вопрос о надежности поставщика закрывается на той же странице.
Карточки, формы и блоки повторяются по одной сетке, поэтому новые модели и разделы добавляются без переверстки.
04 / МАКЕТЫ
Главная страница, блок за блоком
Пятнадцать блоков в порядке прокрутки: от первого экрана до подвала.
Нажмите на изображение, чтобы открыть его во весь экран. Работают стрелки, клавиши ← → и миниатюры.
05 / МАКЕТЫ
Три формы подбора
Покупатель редко знает типоразмер. Поэтому подбор разложен на два сценария, а сложные вопросы уходят в техподдержку.
Нажмите на изображение, чтобы открыть его во весь экран. Работают стрелки, клавиши ← → и миниатюры.
06 / МАКЕТЫ
Раздел новостей
Архив материалов и внутренняя страница статьи с блоком подбора сбоку.
Нажмите на изображение, чтобы открыть его во весь экран. Работают стрелки, клавиши ← → и миниатюры.
07 / СОСТАВ РАБОТ
Что было сделано
- Клиент
- Japan Шина
- Город
- Владивосток
- Год
- 2026
- Структура, тексты, дизайн, мобильная версия
- Николай Ковтун
- Структура и вайрфреймы главной, архива новостей и страницы статьи
- Тексты блоков, заголовки, подписи и надписи на кнопках
- Дизайн 15 блоков главной страницы
- Три модальные формы: подбор по автомобилю, подбор по размеру, техподдержка
- Раздел новостей: архив и внутренняя страница материала
- Мобильная версия
Нужен сайт, который объясняет ваш товар?
Пришлите ссылку на текущий сайт или расскажите про товар и услуги. Посмотрю, что мешает покупателю дойти до заявки.