Тип проекта
Корпоративный сайтСистемы
Кейс
MV AUTA
Публичное предложение автомобилей, связанное с внутренними процессами.
Сайт должен был не просто показывать предложение, а фиксировать интерес клиента и передавать его в удобный внутренний процесс компании.
- Публичный сайт
- Заявки
- Управление автомобилями
- Внутренний процесс
Проект вкратце
Статус
Действующий проект
Что я создал
Публичное предложение автомобилейФормы заявокВнутреннее управление
Моя роль
Анализ и проектированиеUX/UI и разработкаЗапуск
Состав системы
Управление автомобилями и контентомЗаявки и контактыРабочие статусы
Контекст проекта
Проблемой был не новый сайт, а разорванный процесс.
MV AUTA предлагает подержанные автомобили, выкуп и сопутствующие услуги. Публичная часть должна была показать конкретное предложение и дать клиенту понятный путь к контакту.
Но новый сайт сам по себе не решал дальнейшую работу. Нужно было сохранить связь с выбранным автомобилем, исключить ручной перенос контактов и управлять автомобилями, заявками, статусами и контентом в связанной системе.
Три ключевых решения
Сохранить контекст
Контакт остаётся связан с предложением, которое заинтересовало клиента.
Команда сразу понимает предмет интереса и не ищет информацию повторно.Связать публичную и внутреннюю части
Заявка с публичного сайта сразу поступает во внутренний реестр.
Публичное действие и дальнейшая работа команды используют одни данные.Единое управление
Заявки, автомобили, статусы и связанные данные находятся в одной системе.
Команде не нужно собирать рабочий контекст из нескольких источников.Как работает система
Публичный каталог с одной стороны. Центр управления с другой. Единая система между ними.
Единая запись автомобиля
В наличииAudi Q7
4.2 TDI quattro
- Год выпуска
- 2015
- Пробег
- 202 300 km
- Цена
- 449 900 Kč
- Местоположение
- Showroom MV Auta
Выбранный автомобиль
Клиент просматривает публичное предложение и выбирает конкретный автомобиль или услугу.
Контактное действие
Форма сохраняет контекст интереса и предпочтительный способ связи.
Внутренняя запись
Заявка поступает во внутренний реестр вместе со связанной информацией.
Статус заявки
Команда видит предпочтительный способ связи и меняет статус по мере обработки.
Следующее действие
Работа продолжается без повторного ввода данных и поиска контекста.
Система в ежедневной работе
Один большой экран. Три реальные рабочие ситуации.
Интерфейс остаётся понятным в контексте всего процесса, а не как набор маленьких превью.
Единая системаЗаявка клиента
Контактная форма связана с конкретным автомобилем и передаёт команде информацию для ответа.
- Выбранный автомобиль остаётся частью заявки.
- Клиент выбирает предпочтительный способ связи.
Работа с автомобилем
Команда видит контакт, связанный автомобиль, сообщение и статус в одном рабочем интерфейсе.
- Предпочтительный способ связи виден прямо в записи.
- Оранжевая иконка обозначает выбранный клиентом способ связи.
- Статус заявки можно менять в процессе обработки.
Управление складом
Внутренний обзор объединяет управление автомобилями, информацией, фотографиями и статусом предложения.
- Автомобили, информация и фотографии управляются в одном месте.
- Статус автомобиля виден прямо в обзоре.
Продуктовая и техническая сложность
Что нужно было решить
Сложность проекта заключалась не в количестве экранов, а в том, чтобы единый контекст работал для клиента, внутреннего учёта и управления предложением.
Контекст без потерь
Заявка должна была сохранять связь с выбранным автомобилем или услугой и оставаться понятной клиенту.
Плавная передача
После отправки должны быть видны предпочтительный контакт, связанная информация и статус обработки.
Единое управление
Автомобили, информация, фотографии и связанный контент должны были оставаться управляемыми в одной рабочей среде.
Прямая ответственность
Я вёл проект от проектирования продукта до реализации.
Я самостоятельно реализовал проект: от анализа, информационной архитектуры и UX/UI до разработки, запуска и документации для клиента.
Я спроектировал
- Анализ задачи и проектирование решения
- Информационная архитектура и UX
- Визуальный интерфейс публичной и внутренней частей
Я реализовал
- Фронтенд, бэкенд и база данных
- Администрирование, формы и уведомления по электронной почте
- Чешская и английская версии, аналитика, SEO-настройка и документация
Технический слой
Технологии и возможности
React + TypeScript
Интерактивный фронтенд каталога, карточек автомобилей и пользовательских сценариев.
PHP API
Серверная логика для автомобилей, заявок, выкупа и управления контентом.
MySQL
База данных автомобилей, настроек и операционных данных приложения.
Индивидуальная админ-панель
React/PHP-интерфейс для управления данными и контентом приложения.
Техническое SEO
Динамические canonical- и OG-теги, карта сайта и превью для соцсетей.
Microsoft Clarity
Аналитика поведения посетителей с учётом согласия на cookies.
Клиент владеет проектными аккаунтами и контентом. Более поздние изменения со стороны клиента в этом кейсе не оцениваются.
Итоги проекта
Один автомобиль.Одна запись.Одна система.
Публичное предложение автомобилей продолжается во внутренней работе с контактами, статусами и контентом.
- Предложение автомобиля
Публичное предложение конкретного автомобиля.
- Заявка
Интерес клиента сохраняет контекст.
- Внутренние процессы
Команда продолжает работу в единой внутренней записи.
У вас похожая задача?
Проект не обязательно начинать с готового технического задания. Сначала мы вместе определим, какую задачу должна решить система.