Duvito: автомобильный портал объявлений для Dubai
Здесь собраны все основные материалы по проекту: простое описание идеи, карта сайта, сценарии переходов, интерфейсный прототип страниц, техническое задание, задание для дизайнера и презентация проекта.
Кому Что Открыть
Чтобы не искать по папкам: здесь быстрые маршруты для разных людей в команде.
Быстро понять проект
Сначала открыть презентацию, потом описание проекта и план запуска.
Операции
Смотреть сценарий выездного сотрудника: автосалон, VIN, фото, проверка, публикация.
Что Входит В Первую Версию
Сначала делаем нужный минимум: бесплатное размещение для автосалонов, реальные машины, прямые контакты и удобное добавление объявлений. При этом основу сразу делаем так, чтобы потом добавить проверки, платные функции и приложения.
Делаем сразу
- Каталог авто, карточка авто, страницы автосалонов, избранное.
- Подтягивание данных машины по VIN/номеру кузова.
- Чат по объявлению внутри сайта.
- Личный кабинет частного пользователя: избранное, поиски, сообщения, поданные объявления.
- Кабинет автосалона: машины, сообщения, обращения, предложения цены, запросы покупателей, профиль.
- Предложение цены по объявлению отдельным уведомлением, без смешивания с чатом.
- Заявки покупателей на поиск авто и ответы продавцов с предложением машины.
- Внутренняя админка, мобильный сценарий для сотрудника, фото-чеклист.
- Саморегистрация автосалона, модерация и добавление авто после одобрения.
- Регистрация автосалона выездным сотрудником на месте без входящей заявки.
- Обращения через WhatsApp, звонок и форму на сайте.
- Дата последней проверки наличия, статусы машин, страницы под поисковые запросы, переводы.
Оставляем на следующие этапы
- Онлайн-оплата и полное оформление сделки внутри сайта.
- Нативные приложения.
- Полные платные отчеты истории авто.
- Кредит, страховка и экспорт как отдельные сервисы.
- Аукционы, рейтинги дилеров, частные продавцы как основной канал без ручной модерации.
Что, Зачем И Почему
Duvito не должен быть просто копией Dubizzle. Сначала выигрываем за счет аккуратных карточек, реальных машин от автосалонов, нормальных фото, трех языков и быстрых контактов.
Что делаем
Автомобильный портал с реальными машинами от автосалонов Dubai, быстрым поиском, хорошими фото и прямой связью с продавцом.
Зачем
Автосалонам нужно дешевле и проще публиковать машины: они могут зарегистрироваться сами или подключиться через сотрудника, который приходит в салон и помогает разместить первые авто.
Почему так
Большой автопортал строится не количеством функций в первый день, а качеством данных, актуальностью машин и доверием.
Карта Сайта
Три основные схемы по ролям: покупатель, продавец и внутренняя команда. Здесь учтены чат, личные кабинеты, саморегистрация автосалона, регистрация на месте выездным сотрудником, обращения, предложения цены и заявки на поиск авто.
1. Покупатель
flowchart TD
buyer["Покупатель"] --> home["Главная"]
buyer --> catalog["Каталог авто"]
buyer --> wanted["Заявка на поиск авто"]
buyer --> vinCheck["Проверка VIN"]
home --> catalog
catalog --> filters["Фильтры"]
filters --> vehicle["Карточка авто"]
catalog --> favorites["Избранное"]
catalog --> account["Личный кабинет"]
catalog --> wanted
vehicle --> chat["Чат по объявлению"]
vehicle --> whatsapp["Обращение в WhatsApp"]
vehicle --> phoneCall["Звонок"]
vehicle --> priceOffer["Предложить цену"]
vehicle --> dealerPage["Страница автосалона"]
vehicle --> reportPreview["Черновик отчета по авто"]
chat --> accountMessages["Кабинет: сообщения"]
wanted --> wantedDetail["Страница заявки на поиск"]
wantedDetail --> buyerNotify["Уведомление о предложенном авто"]
whatsapp --> adminLeads["Админка: обращения"]
phoneCall --> adminLeads
priceOffer --> adminPriceOffers["Админка: предложения цены"]
2. Продавец: автосалон и частный пользователь
flowchart TD
seller["Продавец"] --> dealerSeller["Автосалон"]
seller --> privateSeller["Частный продавец / ограниченно или позже"]
dealerSeller --> selfRegister["Саморегистрация на сайте"]
selfRegister --> dealerModeration["Модерация автосалона"]
dealerModeration --> dealerAccount["Кабинет автосалона"]
dealerAccount --> adminAdd["Объявление на проверку"]
dealerAccount --> dealerMessages["Сообщения"]
dealerAccount --> dealerLeads["Заявки и предложения цены"]
dealerAccount --> dealerWanted["Запросы покупателей"]
dealerSeller --> fieldVisit["Сотрудник приходит без заявки"]
fieldVisit --> fieldAgreement["Согласие автосалона"]
fieldAgreement --> onSiteRegister["Регистрация на месте"]
onSiteRegister --> collectCar["VIN, фото, цена, комплектация"]
privateSeller --> sellRequest["Заявка на продажу авто"]
sellRequest --> privateCheck["Ручная проверка контакта и данных"]
privateCheck --> collectCar
collectCar --> adminAdd
adminAdd --> moderation["Модерация"]
moderation --> publish["Публикация"]
publish --> vehicle["Карточка авто"]
vehicle --> sellerLeads["Обращения и предложения цены"]
vehicle --> wantedOffer["Предложить авто по заявке поиска"]
3. Админка и выездной сотрудник
flowchart TD
admin["Админка"] --> vehicles["Автомобили"]
admin --> dealersAdmin["Автосалоны"]
admin --> leadsAdmin["Обращения"]
admin --> priceOffersAdmin["Предложения цены"]
admin --> wantedAdmin["Заявки на поиск"]
admin --> availability["Проверка наличия"]
admin --> auditLog["Журнал изменений"]
fieldUser["Выездной сотрудник"] --> tasks["План обхода автосалонов"]
tasks --> coldVisit["Зайти в салон без заявки"]
coldVisit --> consent{"Салон согласен?"}
consent -->|Да| dealerTask["Зарегистрировать салон на месте"]
consent -->|Нет| followUp["Записать отказ или перезвон"]
dealerTask --> addCar["Добавить авто"]
addCar --> vin["VIN / номер кузова"]
vin --> specs["Проверить данные"]
specs --> photos["Фото по чеклисту"]
photos --> moderationQueue["Отправить на модерацию"]
moderationQueue --> vehicles
vehicles --> preview["Предпросмотр"]
preview --> publish["Опубликовать"]
publish --> catalog["Каталог на сайте"]
leadsAdmin --> dealerFollowUp["Передать продавцу"]
priceOffersAdmin --> priceStatus["Обновить статус"]
wantedAdmin --> matchCar["Предложить авто покупателю"]
availability --> auditLog
Ключевые Сценарии
Здесь показано, как человек проходит путь от поиска машины до обращения, а команда - от визита в автосалон до публикации объявления.
Путь покупателя
Путь выездного сотрудника
Проверка VIN
Проверка наличия
Предложить цену
Заявка на поиск авто
Карта Экранов
Все экраны уже есть в интерфейсном прототипе и связаны кликами.
Прототип Страниц
Это интерфейсный прототип без финального дизайна. Он нужен, чтобы проверить реальные экраны, формы, карточки, таблицы, чаты, кабинеты и логику переходов до работы в Figma.
Что внутри
- 48 экранов.
- Публичный сайт, чат, личные кабинеты, проверка VIN, автосалоны, выездной сотрудник, админка.
- Кликабельные кнопки, левое меню и быстрые переходы между сценариями.
- Полноценные интерфейсные заготовки: карточки авто, формы, таблицы, сообщения, заявки, предложения цены.
Как использовать
Сначала согласовать состав экранов и сценарии, затем перенести в Figma и сделать финальный визуальный дизайн.
Документы
Все документы открываются в удобном виде прямо в браузере. Печатные версии можно скачать отдельно.
Техническое Ядро
Техническая основа должна позволить начать просто, а потом добавить проверки, платные функции, приложения и интеграции с автосалонами без переделки с нуля.
На чем делать
Современный сайт, отдельная база данных, быстрый поиск, хранилище фото, очереди для обработки изображений, мониторинг ошибок и автоматическая выкладка.
Как строить
Сначала одна понятная система, но внутри она разделена на части: машины, объявления, автосалоны, чаты, личные кабинеты, обращения, предложения цены, заявки на поиск авто, фото, VIN, переводы, админка и журнал изменений.
Безопасность
Бэкапы, журнал важных изменений, сохранение ответов VIN-сервисов, отметки источников данных и возможность откатить изменения.
Дизайн-Направление
Интерфейс должен быть чистым, понятным и удобным с телефона. Главная ценность - реальные автомобили, хорошие фото и доверие.
Покупатель
Фото впереди, фильтры быстрые, характеристики читаемые, кнопки WhatsApp/звонка всегда рядом, признаки доверия рядом с ценой.
Админка
Рабочий интерфейс без украшательства: таблицы, статусы, качество карточки, очереди задач, быстрые действия.
Арабская версия
Отдельно проверяем арабскую версию справа налево: меню, фильтры, карточки, формы и таблицы.
Бюджет
Предварительная вилка стоимости первой версии в долларах. Это ориентир для планирования, не финальная смета.
Прямой минимум
Ориентир: $20,000 - $35,000. Фрилансеры, готовые решения, AI для переводов, часть процессов руками.
Нормальный MVP
Ориентир: $35,000 - $60,000. Более спокойная первая версия с нормальной админкой, тестированием и запасом на правки.
Что отдельно
Реклама, выездные сотрудники, фото/контент, юридические услуги, платные VIN-запросы и будущие приложения.
Презентация
Короткая структура презентации: проблема, решение, первая версия, запуск, монетизация и план развития.
План Работ
Путь от структуры продукта до наполнения, рекламы и монетизации.
Этап 0. Подготовка
Утвердить карту сайта, состав первой версии, VIN-сервисы, юридические шаблоны и направление дизайна.
Этап 1. Дизайн
Перенести схемы страниц в Figma, собрать дизайн-систему, проверить мобильную и арабскую версии.
Этап 2. Техническая основа
Создать проект, базу данных, авторизацию, хранение фото, поиск, переводы, бэкапы и выкладку.
Этап 3. Первая версия сайта
Публичный сайт, каталог, карточка, автосалоны, VIN, чат, личные кабинеты, обращения, предложение цены, заявки на поиск авто, поисковые страницы.
Этап 4. Внутренняя работа
Админка, сценарий выездного сотрудника, автосалоны, фото-чеклист, предложения цены, заявки поиска, проверка наличия, журнал изменений.
Этап 5. Наполнение
30-50 автосалонов, 500-1000 машин, контроль качества карточек и актуальности наличия.
Этап 6. Реклама и платные функции
Поисковый трафик, реклама, платные поднятия, подписки, отчеты и партнерские сервисы.