ADPASS рекомендует материал к прочтению
Pyrobyte
29.11.2023, 05:41

CarClick — сервис онлайн-аукциона автомобилей. Как мы разрабатывали веб-сервис для стартапа, получив за него 2 награды

Представьте себе картину: вы сидите дома, завернувшись в плед, лениво попиваете кофе, смотрите Top Gear и думаете: «пора бы и мне купить новую машину». Но дома уютно и тепло, и ехать в автосалон вообще не хочется. Для такой ситуации был создан CarClick.

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

Мы не могли пройти мимо такого интересного проекта, а потому с большим удовольствием взялись за работу.

Изначально клиент хотел собрать сервис на шаблоне, так что ему были необходимы только верстка и бэкенд. Но довольно сложный функционал сервиса ставил под сомнение гибкость такого подхода. Поэтому к ближайшему созвону был подготовлен концепт главной страницы с учетом цветов и стиля логотипа компании. Увидев результат нашей работы, клиент решился создать проект с нуля.

Технологический стэк

Для бэкенда был выбран фреймворк Laravel. Он зарекомендовал себя как один из самых стабильных, безопасных и ведущих фреймворков.

Для фронтенда мы использовали React и React Native. React использовался в качестве библиотеки для построения UI. Мы знали, что клиенту потребуется приложение, и React Native как раз решал эту проблему. Используй мы другой стек технологий, клиенту пришлось бы искать команду разработки под каждую из платформ (iOS, Android).

При разработке серверной части впервые учитывался подход API-first. Это дало преимущество для масштабирования сервиса как в веб формате, так и в формате приложения.

Для бэкенда был выбран фреймворк Laravel. Он зарекомендовал себя как один из самых стабильных, безопасных и ведущих фреймворков.

Для фронтенда мы использовали React и React Native. React использовался в качестве библиотеки для построения UI. Мы знали, что клиенту потребуется приложение, и React Native как раз решал эту проблему. Используй мы другой стек технологий, клиенту пришлось бы искать команду разработки под каждую из платформ (iOS, Android).

При разработке серверной части впервые учитывался подход API-first. Это дало преимущество для масштабирования сервиса как в веб формате, так и в формате приложения.

Аналитика

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

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

Создание прототипа и дизайн

На начальном этапе мы тщательно поработали над пользовательским интерфейсом на прототипе, чтобы сэкономить потом время на отрисовку дизайна.

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

В общей сложности дизайнеры подготовили более 300 единиц макетов для сайта, личного кабинета дилера и покупателя, каталога, аукциона, и других разделов.

Разработка проекта

Для полноценного воплощения идеи сервиса в реальность необходимо было создать личные кабинеты для дилеров, покупателей, модератора тендера, админку, реферальную программу и торговую систему.

Наиболее сложным на данном этапе стала разработка системы создания лота. Мы постарались перенять опыт других площадок со схожей тематикой для отладки функционала. Проблем добавляла необходимость учитывать различные опциональные параметры, характерные для каждой марки автомобилей.

Возможности для дилеров

Сервис CarClick предоставляет не только возможность купить автомобиль и узнать последние новости из мира авто. Если вы являетесь дилером, вы можете выставить свой автомобиль на аукцион.

Регистрация дилера происходит всего в три простых шага:

  1. Зарегистрироваться на сайте;

  2. Предоставить документы, подтверждающие статус официального дилера и пройти аккредитацию;

  3. Оплатить счет.

Это возможно благодаря автоматизации согласования документов. Бегать по инстанциям больше не нужно, все можно сделать онлайн.

Для того, чтобы стать дилером, достаточно заполнить форму

Ваучер, подтверждающий право на покупку автомобиля

Протокол итога торгов оформили в виде ваучера, который получают покупатель и продавец.

Дает право на покупку автомобиля по указанной цене.

Что в итоге?

Мы проделали огромную работу и сделали сайт с удобной и честной системой торгов. Для этого мы реализовали следующие решения:

  • Разработали раздел «‎счета‎», где можно отметить оплаченный счет, сравнив его по номеру. Удобно для контролирования оплат за сайтом;

  • Контроль демонстрации актуальной цены на автомобили в условиях быстрого ее изменения путем умножения РРЦ (рекомендованная розничная цена) через админ-панель;

  • Сделали анонимную систему торгов, где покупатель и дилер не могут идентифицировать друг друга до выбора победителя. Это уменьшает возможности влияния на торги извне;

  • Автоматизировали согласование юридических документов для дилера. Чтобы зарегистрироваться в системе, достаточно пройти три простых шага онлайн;

  • Интегрировали сайт с платежной системой и почтовым сервисом.

Как итог — успешный запуск проекта, довольные удобным сервисом клиенты. CarClick уже может похвастаться удачными сделками, проведенными на базе созданного сайта. Удобство системы позволит быстро и без посещения автосалонов находить и приобретать машину своей мечты по приемлемой цене, с простым документооборотом.

Отличная команда с правильным настроем, клиентоориентированностью, коммуникацией и компетенциями! В начале сотрудничества были шероховатости, но в компании были произведены кадровые изменения, благодаря чему цели были достигнуты. Могу смело рекомендовать даже для работы со сложными проектами.

Сергей Пиголкин
Заказчик CarClick

Разработка завоевала 2 награды — Лучший сайт для авто- и мотобизнеса от Tagline Awards 2022 и Workspace Digital Awards. 2 место в номинации «‎Авто и мото‎»

Делимся ссылкой на проект — https://carclick.ru


Если у вас остались вопросы напишите нам!

Вам понравится

ZeBrains
27.04.2024
Как сделать социально
важный и этичный проект?