AOPT - система для купли-продажи б/у автозапчастей

Реализовать доску объявления для продажи и покупки Б/У и новых автозапчастей.

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

На первом этапе был разработан прототип проекта и отрисован дизайн в Figma.

Основной цвет выбрали зеленый.

Пожелание клиента - крутые детальные векторные иконки в рубриках. 

Дизайн рисовали в 2х разрешениях - mobile и desktop.

Главная страница:

Объявление - карточка:

Рубрика:

Профиль компании:

Поиск с подсказками:

0. Стек технологий: Laravel + VueJS.

1. Пользователи, роли и функции.

Базовые функции - регистрация, авторизация, восстановление доступа. Роли на старте 2 - зарегистрированный пользователь и администратор.

Главный функционал сервиса - форма добавления объявления. Реализована возможность добавлять, редактировать, снимать с публикации и удалять объявления.

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

Жизненный цикл объявления не ограничен системой. Каждый пользователь снимает свои объявления сам - автоматически они не завершаются.

2. Уведомления на почту и формы на сайте.

3. Главная страница с рубрикатором и виджетом "Последние товары".

4. Рубрики без фильтров со списком подрубрик в виде кнопок:

5. Простой поиск без фильтров:

6. Справочник рубрик - каталог узлов. CRUD. Неограниченная вложенность и гибкая настройка в админке.

7. Каталог марок и моделей авто. Интеграция с Tecdoc API. CRUD. Избранные марки.

8. Статические страницы. CRUD.

9. Запуск и SEO

Собрали семантику и написали путные меты для рубрик, а так же автоматические масочные меты для товаров.

Сервис был развернут на домене aopt.ru, который был запущен ещё в 2002 году. Ранее на этом домене был сайт автомобильного журнала "Автоопыт". 

Поисковики давно были знакомы с сайтом - органический трафик пошел сразу.

Сделали микроразметку Open Graph и Schema.org

1. Сделали умное поле с адресом - всплывающие подсказки с определением адреса с точностью до дома:

Мозги - микросервис на Golang, который использует два источника данных: Yandex Maps API и DaData.ru API.

2. Добавили простые всплывающие подсказки в поле поиска:

Новая сущность - услуга. Плюс избранное для товаров и услуг.

1. Добавление услуг в личном кабинете пользователя - отдельный тип объявлений.

2. Рубрикатор услуг в админке. CRUD.

3. Каталог услуг на сайте с подкатегориями услуг в виде кнопок:

4. Виджет с последними услугами на главной странице:

5. Кнопки "Мои услуги" и "Избранное" в пунктах меню и личного кабинета.

6. Сердечки во всех миниатюрах на сайте для добавления/удаления из избранного.

7. Страница избранного с разделением на товары и услуги в виде вкладок:

1. Новая роль в системе - компания. Компания - привилегированный пользователь (под монетизацию).

Относительно обычного пользователя добавляются функции:

- короткий url, например, aopt.ru/razborlr

- большая обложка;

- добавление прямых ссылок на мессенджеры в контактах.

Пример заполненной страницы профиля:

2. Управление пользователями в админке.

У админа появляется возможность полностью управлять пользователями:

- редактировать, активировать/выключать, удалять профили пользователей;

- назначать/снимать администраторов;

- назначать/снимать компании (компанией можно стать только через техподдержку);

Пошли плюшки для компаний.

Теперь у компаний есть возможность добавлять объявления, указывая цену в долларах или евро. Цена на сайте для пользователей автоматически переконвертируется в рубли по курсу ЦБ РФ. Так же можно автоматически добавлять наценку, размер которой указываем в настройках профиля.

При добавлении в валютах внизу всплывают подсказки с математикой расчета цены в рублях: