arrow-backКо всем проектам

Acer-AI

Веб-приложение с использованием искусственного интеллекта для подбора техники по запросу

acer-ai.com
Acer-AI

О проекте

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

Посмотреть реализованный проект

Требования

  • check-markПривлекательный и интуитивно понятный дизайн
  • check-markНадежная архитектура приложения
  • check-markИнтеграция AI для улучшения взаимодействия пользователей с сайтом
  • check-markУпрощение работы с поставщиками за счет автоматической стандартизации данных
deadline image

Frontend

next_js

Next JS

Backend

nest_js

Nest.js

UX/UI design

figma

Figma

Админ-панель:

strapi

Strapi

Этапы работ

Разработка UX-макетов

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

Frame 2131330149.svg

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

Frame 2131330164.svg

Разработка UI-макетов

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

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

Frame 2131330110.svg

Дополнительно был собран UI kit для упрощения передачи макетов в разработку, а также отрисованы адаптивные макеты, которые позволят пользователям пользоваться сервисом с любых устройств

Frame 2131330147.svg

Построение архитектуры приложения

Мы разработали гибкую и масштабируемую архитектуру, разделив приложение на клиентскую и серверную части. Были интегрированы CMS Strapi для управления контентом и база данных PostgreSQL для хранения данных о стоках и пользователях. 

В рамках этого этапа настроена инфраструктура приложения, обеспечивающая легкость дальнейшей разработки

Реализация системы авторизации

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

Была реализована возможность авторизации через почту или номер телефона.

Frame 2131330152.svg

Проектирование базы данных для хранения стоков и скриптов загрузки данных из Excel

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

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

Автоматизация приведения стоков к стандарту

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

Интеграция AI-чата

В рамках этого этапа мы разработали и интегрировали AI-чат, который помогает пользователям подбирать товары.

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

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

Frame 2131330157.svg

Разработка личного кабинета, корзины и заявок

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

Функционал корзины позволяет добавлять товары, оформлять заказы и отправлять уведомления на почту.

Frame 2131330159.svg

Деплой на сервера и тестирование

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

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

Результат

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