← Ко всем кейсам
Логистика · корпоративный сайт

Сайт транспортной компании с панелью, где заказчик правит всё сам

АВТОКОМ возит грузы по России и странам ЕАЭС. Нужен был корпоративный сайт: показать услуги, преимущества и контакты, собирать заявки — и чтобы дальше компания меняла на нём тексты, услуги и новости без разработчика. Сайт работает на transavtocom.ru.

Что было нужно

  • Сайта не было — заявки приходили только по телефону и почте.
  • Восемь направлений перевозок, каждое нужно объяснить отдельно и привести из поиска.
  • Тексты и услуги меняются регулярно — ходить за этим к разработчику дорого и медленно.
  • Компания российская и собирает персональные данные: согласия и сроки хранения — требование закона, а не галочка в форме.
  • Заявка не должна теряться: нужен список с источником, статусом и историей обработки.

Что сделали

  • Одностраничный сайт плюс отдельные страницы услуг, кейсов и новостей — каждая со своим адресом и SEO-полями, готовые к индексации.
  • Панель управления на отдельном поддомене: услуги, преимущества, цифры, кейсы, новости, FAQ, партнёры, контакты и реквизиты.
  • Фирменный стиль правится из панели — логотип, favicon и вся палитра, без пересборки сайта.
  • Порядок блоков на главной меняется перетаскиванием, ненужные скрываются переключателем.
  • Форма заявки с двумя согласиями; вместе с заявкой сохраняется версия политики, IP и время — это доказательство для проверки.
  • Срок хранения заявок не написан в политике, а исполняется: по истечении данные обезличиваются автоматически.
  • Карта Яндекса загружается только после явного согласия посетителя.
  • Вход в панель защищён вторым фактором — кодом из приложения на телефоне.

Как это выглядит

Сначала публичный сайт, затем панель, из которой заказчик правит его сам.

01screenshot
Первый экран: оффер, телефон и два целевых действия. Фон, заголовок и подписи кнопок редактируются из панели — вёрстка при этом не меняется.
Первый экран: оффер, телефон и два целевых действия. Фон, заголовок и подписи кнопок редактируются из панели — вёрстка при этом не меняется.
02screenshot
Восемь услуг карточками. Каждая — отдельная страница со своим адресом, заголовком и текстом; индексация включается переключателем, когда контент станет боевым.
Восемь услуг карточками. Каждая — отдельная страница со своим адресом, заголовком и текстом; индексация включается переключателем, когда контент станет боевым.
03screenshot
Преимущества и блок «Компания сегодня». Цифры и подписи — обычные записи в базе, фон блока включается галочкой.
Преимущества и блок «Компания сегодня». Цифры и подписи — обычные записи в базе, фон блока включается галочкой.
04screenshot
Процесс из пяти шагов и блок кейсов. Порядок шагов задаётся перетаскиванием в панели.
Процесс из пяти шагов и блок кейсов. Порядок шагов задаётся перетаскиванием в панели.
05screenshot
Страница услуги: хлебные крошки, текст, боковой блок с призывом. Адрес вида /services/multimodalnye-perevozki, свои title и description.
Страница услуги: хлебные крошки, текст, боковой блок с призывом. Адрес вида /services/multimodalnye-perevozki, свои title и description.
06screenshot
Форма заявки. Два обязательных согласия — на обработку данных и с политикой; вместе с заявкой сохраняется версия политики, действовавшая в момент отправки.
Форма заявки. Два обязательных согласия — на обработку данных и с политикой; вместе с заявкой сохраняется версия политики, действовавшая в момент отправки.
07screenshot
Контакты и карта. Карта Яндекса не загружается, пока посетитель не разрешит — до согласия ни один запрос на сторонний домен не уходит.
Контакты и карта. Карта Яндекса не загружается, пока посетитель не разрешит — до согласия ни один запрос на сторонний домен не уходит.
08screenshot
Мобильная версия: та же вёрстка и закреплённая внизу панель с звонком и заявкой.
Мобильная версия: та же вёрстка и закреплённая внизу панель с звонком и заявкой.
09screenshot
Панель: заявки по статусам и журнал последних изменений — видно, кто и что правил на сайте.
Панель: заявки по статусам и журнал последних изменений — видно, кто и что правил на сайте.
10screenshot
Блоки лендинга: порядок меняется перетаскиванием, любой блок скрывается переключателем. Набор блоков закрыт — каждый свёрстан отдельно.
Блоки лендинга: порядок меняется перетаскиванием, любой блок скрывается переключателем. Набор блоков закрыт — каждый свёрстан отдельно.
11screenshot
Редактор услуги: адрес страницы, текст с ограниченным набором тегов, выбор иконки поиском. Всё, что не разрешено, сервер вырезает при сохранении.
Редактор услуги: адрес страницы, текст с ограниченным набором тегов, выбор иконки поиском. Всё, что не разрешено, сервер вырезает при сохранении.
12screenshot
Фирменный стиль: логотип, favicon и палитра. Цвета уезжают на сайт CSS-переменными — пересборка не нужна.
Фирменный стиль: логотип, favicon и палитра. Цвета уезжают на сайт CSS-переменными — пересборка не нужна.
13screenshot
Заявки: источник, статус, зафиксированные согласия и версия политики, выгрузка в CSV. Это и есть доказательная база по 152-ФЗ.
Заявки: источник, статус, зафиксированные согласия и версия политики, выгрузка в CSV. Это и есть доказательная база по 152-ФЗ.
14screenshot
Вход в панель: смена пароля обрывает все сессии, второй фактор — код из приложения, работает без интернета.
Вход в панель: смена пароля обрывает все сессии, второй фактор — код из приложения, работает без интернета.

Что получили в итоге

8

страниц услуг со своими адресами

У каждой свой URL, заголовок и описание. Индексация включается одним переключателем в панели — пока тексты не заменены на боевые, сайт намеренно закрыт от поиска.

0

обращений к разработчику ради текста

Всё содержимое сайта, включая цвета и реквизиты, меняется из панели.

100%

заявок с зафиксированным согласием

Версия политики, IP и время сохраняются вместе с каждой заявкой.

15 мин

на разворачивание с нуля

Три команды поднимают весь стек — на новом сервере или у нового подрядчика.

Что умеет панель

  1. 01

    Блоки главной

    Порядок перетаскиванием, видимость переключателем, у каждого блока свой заголовок и фон.

  2. 02

    Услуги

    Восемь направлений: карточка на главной плюс отдельная страница с адресом и SEO-полями.

  3. 03

    Кейсы и новости

    Публикация с датой, картинкой и черновиками — что не опубликовано, на сайте не видно.

  4. 04

    Заявки

    Источник, статус, зафиксированные согласия, поиск и выгрузка в CSV.

  5. 05

    Фирменный стиль

    Логотип, favicon, палитра и скругления — применяются без пересборки.

  6. 06

    SEO и аналитика

    Заголовки и описания страниц, Яндекс.Метрика, подтверждение прав в вебмастерах.

  7. 07

    Реквизиты

    Юрлицо, ИНН, адрес и телефоны — подставляются в футер и правовые страницы.

  8. 08

    Медиа

    Загрузка картинок с автоматической конвертацией в WebP; SVG запрещён намеренно.

  9. 09

    Пользователи и доступ

    Учётные записи заводятся из панели, вход защищён вторым фактором.

— такой же проект для вас

Нужен сайт, который вы правите сами?

Расскажите про компанию и услуги. Подготовим структуру, смету и сроки за пару дней.

Три сервиса, публичный контейнер без пароля от базы и 520 тестов — Corexy