Artel: весь каталог продукции в одном мобильном приложении

Artel: весь каталог продукции в одном мобильном приложении

  • e-commerce
<О проекте>

Цифровой каталог для работы с ассортиментом в шоуруме

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

01

Клиент и бизнес

Производитель бытовой техники и электроники с широкой продуктовой линейкой и сетью шоурумов.

02

Задача

Дать посетителю быстрый доступ к актуальной информации о продукции и упростить коммуникацию с офисом продаж.

03

Что сделали

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

04

Ключевой результат

Каталог, информационные страницы, акции, обратная связь и аналитика объединены в одном управляемом цифровом контуре.

<Контекст и проблема>

Как показать большой ассортимент и сохранить информацию актуальной

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

Бизнес-контекст:

Каталог охватывает телевизоры, кондиционеры, холодильники, стиральные машины, пылесосы, кухонную и другую технику. Помимо товаров, клиенту нужны акции, сервисные центры, партнёры, производство, инновации и география экспорта.

  • 01Контент должен работать на Android-устройствах в вертикальной и горизонтальной ориентации
  • 02Поддерживать русский и узбекский языки
  • 03Сотрудники должны менять материалы без пересборки приложения
  • 04Получать обновления из серверной части
photo_2026-09-12 16.25.00.jpeg
01

Нужно решить похожую бизнес-задачу?

Расскажите о проекте — разберём задачу и предложим подход к реализации.

Обсудить проект
<Что сделала команда>

От простого шоурума до управляемого продукта

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

20%
01

Бизнес-анализ

Изучили задачи шоурума, состав контента, пользовательские сценарии, роли сотрудников и требования к аналитике.

15%
02

Продуктовое проектирование

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

10%
03

UX/UI-дизайн

Спроектировали интерфейсы для вертикальной и горизонтальной ориентации, подготовили экраны каталога, акций и информационных страниц.

35%
04

Серверная часть и приложение

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

25%
05

Административная система

Дали сотрудникам инструменты для управления товарами, категориями, промо-страницами, акциями и разделами о компании.

<Архитектура решения>

Единая архитектура приложения, контента и аналитики

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

куыв.png

Архитектура электронного каталога Artel

02

Нужна архитектура для нового продукта?

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

Обсудить проект
< Основные функции и интерфейсы>

Функции для клиентов шоурума и команды Artel

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

01

1. Каталог и категории

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

02

2. Локальный поиск

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

03

3. Карточка товара

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

04

4. Акции и промо

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

05

5. Два языка и ориентации

Русский и узбекский интерфейсы работают в вертикальном и горизонтальном режимах на Android-устройствах.

06

6. Аналитика и обратная связь

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

<Пять ключевых экранов>

Экран 1. Главная страница

Главный экран объединяет поиск, акции, категории и популярные товары. Пользователь начинает знакомство с ассортиментом из одной точки.

Экран 1. Главная страница

2.Коллекция продукции

Раздел «О нас» показывает продуктовые направления и размер коллекции по категориям — от кондиционеров и телевизоров до встраиваемой техники.

2.Коллекция продукции
3. Категории

3. Категории

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

4. Акции

4. Акции

Лента показывает активные предложения и ведёт на отдельную страницу каждой акции. Контент обновляется через административную систему.

5. Карточка товара

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

5. Карточка товара
03

Хотите показать сложный продукт так же понятно?

Разберём функциональность и соберём понятную структуру интерфейсов.

Обсудить проект

Этапы реализации

01

Анализ и планирование

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

02

Проектирование

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

03

Разработка

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

04

Тестирование

Проверка функциональности, производительности, совместимости и безопасности. Исправление ошибок до того, как продукт попадёт к пользователям.

05

Запуск

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

06

Поддержка и развитие

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

Подключённые системы
  • payme
  • CLICK
  • Uzum
<Результаты>

Что получил Artel после запуска каталога

Artel получил управляемый цифровой продукт для шоурумов: клиент изучает ассортимент в мобильном приложении, а команда обновляет материалы и анализирует использование через серверную часть.

01

Доступ к ассортименту

Категории, товары и характеристики доступны в одном приложении

02

Обновление контента

Каталог и страницы меняются через административную систему

03

Обратная связь

Контактная форма передаёт сообщение команде Artel

04

Аналитика

Доступны просмотры, посещения и Excel-выгрузки

<команда>

Наша команда

Показать всех
  • Турабек Гайбуллаев

    Турабек Гайбуллаев

    Full Stack Developer

  • Жазгуль Байматова

    Жазгуль Байматова

    Head Hunter

  • Джасур Муртозаев

    Джасур Муртозаев

    Team Lead

  • Мухриддин Хабибуллаев

    Мухриддин Хабибуллаев

    Business Analyst

  • Хожиакбар Абдувахабов

    Хожиакбар Абдувахабов

    Business Developer

  • Аждар Насири

    Аждар Насири

    UX/UI Designer

  • Амир Раимов

    Амир Раимов

    QA Engineer

  • Амир Рустамов

    Амир Рустамов

    UX/UI Designer

  • Анвар Рустамов

    Анвар Рустамов

    Project Manager

  • Ахмаджон Шамсуддинов

    Ахмаджон Шамсуддинов

    Full Stack Developer

  • Бехруз Миртусинов

    Бехруз Миртусинов

    Full Stack Developer

  • Достон Тошбеков

    Достон Тошбеков

    Project Manager

  • Джахонгир Манннов

    Джахонгир Манннов

    Mobile Developer

  • Махаммаджон Махаммаджонов

    Махаммаджон Махаммаджонов

    Game Developer

<Технологии>

Современные инструменты и технологии

Мы создаем корпоративные решения для производительности

DevOps
QA
Backend
Frontend
Mobile
PM
UX/UI
Infrastructure
Ansible
Terraform
CloudFormation
GitLab CI
CircleCI
React
PostCSS
Webpack
Angular
JavaScript
Prometheus
Bamboo
Sentry
CloudWatch
ELK
Sass
Babel
TypeScript
Vue
Next.js
Service Desk
Meet
Notion
Zoom
Swift
Android
Objective-C
CloudNative
Heroku
Nuxt.js
Loom
Zapier
Jira
Miro
Java
Kotlin
iOS
Digital Ocean
Netlify
Azure
Appium
Selenium Grid
Selenium
Python
Node.js
C
Figma
Adobe Suite
Sketch
Selenoid
PyTest
Jasmine
C++
Ruby
TypeScript
PHP
Principle
Balsamiq
InVision
  • DevOps
  • QA
  • Backend
  • Frontend
  • Mobile
  • PM
  • UX/UI
  • Infrastructure
  • Ansible
  • Terraform
  • CloudFormation
  • GitLab CI
  • CircleCI
  • Prometheus
  • Bamboo
  • Sentry
  • CloudWatch
  • ELK
<партнеры>

Партнеры

Показать всех
Humo
Asia
Artel
Progress
Dxx
Horev
Culture
Davr
  • Humo
  • Asia
  • Artel
  • Progress
  • Dxx
  • Horev
  • Culture
  • Davr
Бесплатный аудит сайта и бизнеса

Не уверены, нужен ли Вам новый сайт?

Проведём бесплатный аудит, покажем точки потери клиентов и подготовим эскиз первого экрана. Если проблема не в сайте — скажем об этом прямо.

Подарок после аудитаЭскиз первого экрана + базовая структура сайта

Получите наглядную концепцию, которую можно обсудить с командой.

Рустамов Анвар — Business Analyst Dev Symfony
Аудит проведётРустамов Анвар — Business Analyst

Разберёт Ваш сайт и бизнес-задачу, подготовит рекомендации и первый эскиз.

Или напишите напрямую
Ответьте на несколько вопросов — специалист изучит ситуацию и подготовит разбор.
Что Вы получитепосле бесплатного аудита
  • Список основных точек роста
  • Рекомендации по структуре, формам и CTA
  • Эскиз первого экрана будущего сайта
  • Разбор мобильной версии и пути клиента
  • Оценку пути от рекламы до заявки
  • Вывод: улучшать текущий сайт или создавать новый

Честный вывод.Если сайт можно улучшить без полной переделки — так и скажем.

Написать нам:[email protected]
Позвонить нам:+998 91 339-89-55
Copyright © 2015-2026 Dev Symfony компания по разработке программного обеспечения