TRIGATE: сайт‑инструмент
для привоза авто из Азии
Многостраничный сайт на коде: каталог автомобилей из Японии, Кореи и Китая, калькулятор растаможки, трекер по номеру договора и личный кабинет. Покупатель сам выбирает машину, считает полную стоимость и следит за доставкой.
Что нужно было сделать
TRIGATE привозит автомобили из Китая, Кореи и Японии под ключ: подбор, проверка, растаможка и доставка. Нужен был не сайт-визитка, а рабочий инструмент: человек сам знакомится с ассортиментом и считает свой автомобиль до разговора с менеджером.
- Главная из нескольких блоковПервый экран, подборка моделей, этапы работы, калькулятор, отзывы и форма заявки.
- Каталог из ЯпонииАвтомобили с аукционов: аукционный лист, оценка, пробег и цена под ключ.
- Каталог из КореиОтдельная страница со своими автомобилями и расчётом.
- Каталог из КитаяОтдельная страница, расчёт и логистика через границу в Суйфэньхэ.
- Общий каталогВсе автомобили в одном списке с фильтрами и сортировкой.
- Калькулятор «под ключ»Автомобиль, таможенные платежи, услуги и доставка в одной сумме.
- Трекер по номеру договораТекущий статус и вся история пути автомобиля.
- Личный кабинетИзбранное, отслеживаемые автомобили и профиль.
- Адаптация под все экраныКомпьютер, планшет и телефон.
- Основа для поискаСвои заголовки и описания страниц, структура заголовков и блог.
С чего мы начали
С вопросов покупателя
Человек, который выбирает машину из Азии, хочет понять три вещи: что можно купить, сколько это выйдет с растаможкой и что происходит после оплаты. Мы разложили сайт на каталог, калькулятор и трекер - по одному инструменту на вопрос.
С логистики клиента
Автомобили из Японии и Кореи идут морем во Владивосток. Из Китая - крытым автовозом из Харбина в Суйфэньхэ, дальше таможня в Уссурийске. Этот путь заложен и в расчёт, и в статусы трекера.
С выбора технологии
Каталог с фильтрами, калькулятор со ставками 2026 года и личный кабинет с серверной частью не помещаются в конструктор. Поэтому сайт написан на коде.
С единого стиля
Тёмная сдержанная тема, крупная типографика и синий акцент из логотипа клиента. Цена и кнопка заявки заметны на любом экране.
Главная: ответы до первого вопроса
Первый экран говорит, что делает компания и что получит человек, а ниже по порядку идёт всё, что нужно для решения.
Первый экран
Заголовок «Автомобиль из Китая, Кореи и Японии - к вашему подъезду», фото автомобиля и две кнопки: оставить заявку или открыть каталог.
Подборка моделей
Популярные автомобили с флагом страны и ценой под ключ. Человек сразу видит, что можно купить и сколько это стоит.
Пять шагов
Блок «Пять шагов от заявки до вашего гаража»: подбор, проверка и выкуп, логистика, растаможка, доставка. На каждом этапе клиент получает отчёт: фото, документы или статус в трекинге.
Калькулятор, отзывы и форма
Мини-калькулятор, отзывы и форма заявки собраны на одной странице, чтобы не терять человека на переходах.
Каталог: Япония, Корея, Китай и общий список
Четыре раздела с одинаковыми фильтрами. Переключатель стран стоит прямо над ними, поэтому человек не теряется.
Четыре раздела
Общий каталог и отдельные страницы для Японии, Кореи и Китая. У каждой своя подпись цены: «под ключ до Владивостока» для Японии и Кореи, «до Уссурийска» для Китая.
Привычные фильтры
Марка, модель, поколение, цена, год, коробка, топливо, объём, привод, «Непроданные» и «С фото». Расширенный поиск раскрывается по кнопке, а над списком указано число найденных объявлений.
Сортировка по смыслу
По умолчанию - «Сначала до 160 л.с. и подешевле»: у таких автомобилей льготный утилизационный сбор, и они выходят заметно дешевле.
Избранное
Сердечко на карточке сохраняет автомобиль. Счётчик в шапке показывает, сколько машин уже отложено.
Карточка автомобиля
Всё, что покупатель обычно выясняет по телефону, уже на странице: фото, состояние, цена и из чего она складывается.
Галерея и аукционный лист
Для японских лотов - фотографии и скан аукционного листа с оценкой состояния. Фотографии открываются на весь экран, а аукционный лист - с увеличением, чтобы разобрать мелкий шрифт.
Характеристики
Год, пробег, объём и мощность двигателя, топливо, коробка, привод, цвет. Для Японии - название аукциона, номер лота и оценка.
Цена и её состав
Рядом с фото - цена под ключ, цена в Японии в иенах и рублях, сумма таможенных платежей, срок доставки, возраст автомобиля для таможни, мощность и утильсбор.
Следующий шаг
Кнопка «Оставить заявку» подставляет в форму выбранную модель, поэтому менеджеру не нужно уточнять, о какой машине речь.
Калькулятор: полная стоимость до разговора с менеджером
Самый частый вопрос покупателя - «сколько это будет стоить на самом деле». Калькулятор отвечает на него по строкам.
Что вводит человек
Цену в валюте страны покупки (иена, вона, юань, доллар, евро или рубль), страну, объём и мощность двигателя (в л.с. или кВт), возраст автомобиля, тип двигателя и кто ввозит - физическое или юридическое лицо.
Что получает
Разбор по строкам: автомобиль по курсу ЦБ, расходы в стране покупки и доставка, пошлина, утилизационный сбор, таможенный сбор, брокер, СБКТС и ЭПТС, услуги компании. Итог - сумма «под ключ», а рядом она же в долларах и евро.
Правила 2026 года
Для физлиц - единая ставка ЕТС, для юрлиц - пошлина, акциз и НДС. Льготный утильсбор до 160 л.с. и повышенный выше. Расчёт пересчитывается сразу при любом изменении.
Актуальные курсы
Курсы валют сервер берёт у ЦБ, обновляет несколько раз в день, а на странице указана дата курса. Под итогом честная пометка: расчёт ориентировочный, точную сумму фиксируют в договоре.
Из чего складывается цена
Сумма «под ключ» не должна быть чёрным ящиком, поэтому сайт показывает каждую строку.
- Автомобиль по курсу ЦБ1 286 962 ₽
- Расходы в стране покупки и доставка до Владивостока144 140 ₽
- Таможенные платежи248 860 ₽
- Брокер, СБКТС и ЭПТС35 000 ₽
- Услуги компании под ключ45 000 ₽
Итого под ключ до Владивостока1 759 963 ₽
Пример из калькулятора: автомобиль из Японии за 2 500 000 иен, двигатель 1500 см³ и 120 л.с., возраст 3-5 лет, ввоз физлицом. Таможенные платежи вынесены красным отдельной строкой: человек видит, где налоги, а где автомобиль и услуги.
Трекер: где сейчас мой автомобиль
После подписания договора покупатель остаётся без ответа на один вопрос: что с машиной. Трекер отвечает на него без звонка менеджеру.
Поиск по номеру договора
Номер вида KD-10457 присваивается при подписании договора. Человек вводит его на странице и сразу видит текущий статус.
Статус и история
Текущий этап стоит отдельной карточкой с датой обновления. Ниже - все пройденные этапы с описанием и датами.
Сохранение в кабинет
Кнопка «Сохранить в ЛК» добавляет номер в личный кабинет, и автомобиль всегда под рукой.
Путь автомобиля из Китая
Для каждого этапа в трекере есть своё описание и дата, поэтому покупатель видит, где именно сейчас его автомобиль.
- Заявка и подбор
- Проверка и выкуп
- Склад в Харбине
- Экспорт из Китая
- Автовоз до границы
- Граница Суйфэньхэ
- Растаможка в Уссурийске
- Доставка клиенту
Так выглядит маршрут, который показывает трекер для Китая: склад в Харбине, экспорт, крытый автовоз до границы, таможня в Уссурийске и доставка в город клиента.
Личный кабинет и избранное
Кабинет нужен, чтобы человек возвращался: к понравившимся машинам и к статусу своего заказа.
Вход и регистрация
Регистрация по имени, email и паролю. Вход открывает кабинет с тремя вкладками: «Мои автомобили», «Избранное» и «Профиль».
Мои автомобили
Номера договоров, которые человек добавил, с текущим статусом и датой обновления. Добавить новый можно прямо в кабинете.
Избранное везде одинаково
Гость сохраняет машины в браузере. После входа список хранится на сервере и одинаков на компьютере и на телефоне. Если человек успел что-то отложить до входа, при входе списки объединяются.
На скриншотах демонстрационный аккаунт с тестовыми данными.
Блог: ответы на вопросы покупателей
Человек начинает искать автомобиль из Азии не с каталога, а с вопросов: как выбрать аукцион, что изменилось в растаможке, стоит ли брать электромобиль. Блог отвечает на них и ведёт в каталог.
Шесть статей на старте
Про аукционы Японии, растаможку авто из Кореи в 2026 году, электромобили из Китая, ЭПТС и СБКТС, логистику («Как мы возим авто: море из Японии и Кореи, автовоз из Китая») и пять частых ошибок при самостоятельном привозе.
Статья ведёт к действию
В конце статьи стоит блок с призывом: открыть калькулятор, посмотреть каталог или оставить заявку, чтобы читатель мог сразу проверить цифры на своём автомобиле.
Компьютер, планшет и телефон
Покупатель часто смотрит каталог с телефона, а решение принимает за компьютером. Поэтому все страницы собраны из одних компонентов и одинаково удобны на любом экране: меню, фильтры, форма калькулятора и таблица расчёта перестраиваются под ширину.
Основа для поиска
Базовая оптимизация заложена в структуру сайта, чтобы его можно было развивать в поиске без переделки.
Своя страница под каждую страну
Японию, Корею и Китай можно найти отдельно: у каждой страны свой адрес, заголовок и описание, а не один общий каталог.
Заголовки и описания
У каждой страницы свои title и description с названием раздела, услуги и главным вопросом покупателя.
Структура заголовков
На каждой странице один заголовок первого уровня, а разделы и карточки размечены заголовками ниже: поисковику понятно, о чём страница.
Блог под запросы покупателей
Статьи отвечают на вопросы, с которых люди начинают поиск, и ведут в каталог.
Что под капотом
Эта часть работы не видна посетителю, но от неё зависит, насколько точно сайт считает и как быстро отвечает.
Страницы
Свои страницы на HTML, CSS и JavaScript без конструктора. Каталог работает в браузере: фильтры и сортировка отвечают мгновенно, без перезагрузки.
Данные каталога
Фото, характеристики и цены лежат в одном файле, который собирается из выгрузок по каждой стране. Есть аукционные листы для японских лотов.
Движок расчёта
Отдельный модуль со ставками 2026 года: ЕТС для физлиц, пошлина, акциз и НДС для юрлиц, утилизационный сбор по мощности, таможенный сбор по ставкам правительства.
Сервер и база
Node.js с Express и база SQLite: пользователи, избранное и отслеживаемые номера договоров.
Безопасность
Пароли хранятся только в виде хэша, сессия - в защищённой cookie, недоступной скриптам страницы. Сайт работает по HTTPS.
Курсы валют
Сервер забирает ежедневные курсы ЦБ, кэширует их и при сбое источника использует последние известные значения, поэтому калькулятор не останавливается.
Как шла работа
Тот же порядок, что и в других наших проектах: сначала аудитория и задача, потом экраны и код.
- 01
Разбор задачи и аудитории
Изучили бизнес клиента и то, как покупатели выбирают автомобиль из Азии: чего боятся, какие вопросы задают до заявки.
- 02
Структура и прототип
Расписали страницы, фильтры каталога, поля калькулятора и статусы трекера до рисования дизайна.
- 03
Дизайн
Тёмная тема, крупная типографика, синий акцент. Один набор компонентов для компьютера, планшета и телефона.
- 04
Разработка
Вёрстка, каталог, движок расчёта, серверная часть для кабинета и избранного.
- 05
Наполнение и проверка
Загрузили автомобили, фото и аукционные листы, проверили расчёты на реальных примерах и открыли сайт на разных устройствах.
- 06
Запуск
Домен, HTTPS, сервер и публикация. После запуска дорабатываем сайт по обратной связи.
Что получил клиент
Цифры заявок и продаж по этому проекту мы здесь не приводим: их нужно смотреть в аналитике клиента за сопоставимый период.
Рабочий сайт на своём домене
trigate-auto.ru открыт для покупателей: главная, три страны, общий каталог, калькулятор, трекер, личный кабинет и блог.
77 автомобилей в каталоге
Из Японии - 36, из Китая - 21, из Кореи - 20, с фото, характеристиками и ценой под ключ.
Расчёт без менеджера
Покупатель получает полную стоимость сам и приходит с заявкой уже с понятной цифрой.
Кабинет, к которому возвращаются
Избранное и статусы заказов собраны в одном месте и доступны с любого устройства.
Отзыв клиента
Отзыв Данила Кузнецова о работе над сайтом TRIGATE. Опубликован на 2ГИС без изменений: открыть отзыв на 2ГИС.
Что дальше
Сайт уже работает как инструмент, а дальше его можно развивать вместе с бизнесом клиента.
Заявки в CRM или Telegram
Форма на сайте готова, следующий шаг - отправка заявок менеджерам: в CRM, Telegram-бота или на почту, с пометкой, из какого блока пришёл человек.
Живые статусы трекера
Сейчас трекер показывает демонстрационные заказы. Следующий шаг - связать его с базой договоров клиента или админкой, где менеджер вносит этапы.
Аналитика
Подключить Яндекс Метрику и цели: заявки, расчёты в калькуляторе, открытия карточек. Тогда рост можно будет считать цифрами.
Страницы автомобилей для поиска
Дать каждой карточке отдельный адрес и разметку, чтобы конкретные модели находили через Яндекс и Google.
Вопросы и ответы
Сколько стоит такой сайт?
Сайты у нас начинаются от 50 000 ₽. Для сайта-инструмента с каталогом, калькулятором и личным кабинетом цену считаем после разбора задачи: она зависит от числа страниц, функций и объёма данных. До 300 000 ₽ предоплата 50%, проекты от 300 000 ₽ оплачиваются по этапам.
За какой срок делается сайт с каталогом и калькулятором?
Многостраничный сайт - от 20 дней. Для проекта с каталогом, калькулятором, трекером и кабинетом срок зависит от объёма данных и функций, называем его после разбора задачи.
Почему сайт сделан на коде, а не на Тильде?
Тильда хороша для лендингов и быстрого запуска. Калькулятор со ставками 2026 года, каталог с фильтрами и личный кабинет, где данные хранятся на сервере, требуют собственной логики. Поэтому здесь код, а лендинги и небольшие сайты мы по-прежнему делаем на Тильде, если этого достаточно.
Можно ли сделать такой же сайт для моего бизнеса?
Да. Принцип подходит любому бизнесу, где человеку нужно выбрать товар, посчитать итоговую стоимость и потом следить за заказом: привоз техники, оборудование, материалы. Начинаем с разбора вашей аудитории и задачи.
Как обновляется каталог?
Данные об автомобилях лежат в одном файле: фото, характеристики, цена. Мы обновляем их по запросу, а если автомобилей станет много, делаем админку, где менеджер добавляет и редактирует их сам.
Можно ли подключить CRM или принимать заявки в Telegram?
Да. Заявки можно отправлять в CRM, в Telegram-бота и на почту, а трекер - связать с базой заказов или админкой, чтобы менеджер вносил статусы сам. Это обсуждаем на старте проекта.
Какая гарантия?
Гарантия на сайт - 6 месяцев: если после запуска что-то сломается по нашей вине, исправим бесплатно.
Нужен такой же сайт-инструмент?
Расскажите о бизнесе и о том, что должен уметь сайт, и мы подготовим план под ваш случай. Консультация бесплатная.