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

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

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

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

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

01

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

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

02

Задача

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

03

Что сделали

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

04

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

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

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

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

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

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

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

  • 01Контент должен работать на Android-устройствах в вертикальной и горизонтальной ориентации
  • 02Поддерживать русский и узбекский языки
  • 03Сотрудники должны менять материалы без пересборки приложения
  • 04Получать обновления из серверной части
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 Developer01
    Full Stack Developer

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

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

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

  • Джасур Муртозаев — Team Lead03
    Team Lead

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

  • Мухриддин Хабибуллаев — Business Analyst04
    Business Analyst

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

  • Хожиакбар Абдувахабов — Business Developer05
    Business Developer

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

  • Аждар Насири — UX/UI Designer06
    UX/UI Designer

    Аждар Насири

  • Амир Раимов — QA Engineer07
    QA Engineer

    Амир Раимов

  • Амир Рустамов — UX/UI Designer08
    UX/UI Designer

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

  • Анвар Рустамов — Business Analyst09
    Business Analyst

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

  • Ахмаджон Шамсуддинов — Full Stack Developer10
    Full Stack Developer

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

  • Бехруз Миртусинов — Full Stack Developer11
    Full Stack Developer

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

  • Достон Тошбеков — Project Manager12
    Project Manager

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

  • Джахонгир Маннонов — Mobile Developer13
    Mobile Developer

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

  • Махаммаджон Махаммаджонов — Game Developer14
    Game Developer

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

  • Евгений Онищенко — QA Engineer15
    QA Engineer

    Евгений Онищенко

  • Муин Гулов — Project Manager16
    Project Manager

    Муин Гулов

  • Санжар Абдуфаттохов — Full Stack Developer17
    Full Stack Developer

    Санжар Абдуфаттохов

  • Мунира Абдурашидова — UX/UI Designer18
    UX/UI Designer

    Мунира Абдурашидова

  • Абдуллох Хушвактов — Frontend Developer19
    Frontend 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
<партнеры>

Партнеры

Показать всех
Alfa Invest
Ipak Yuli Bank
Davr Bank
HUMO
UNESCO
ООН
ООН
Национальная гвардия
Национальная гвардия
Министерство безопасности
Оборонная промышленность
Оборонная промышленность
Artel
Министерство культуры
Horev Medical Center
Evolution Motors
Ziyo Forum — фонд развития науки и образования
Asialine Moscow
Radius
  • Alfa Invest
  • Ipak Yuli Bank
  • Davr Bank
  • HUMO
  • UNESCO
  • ООН
    ООН
  • Национальная гвардия
    Национальная гвардия
  • Министерство безопасности
  • Оборонная промышленность
    Оборонная промышленность
  • Artel
  • Министерство культуры
  • Horev Medical Center
  • Evolution Motors
  • Ziyo Forum — фонд развития науки и образования
  • Asialine Moscow
  • Radius
Бесплатный аудит сайта и бизнеса

Бесплатно разберём Ваш проект и предложим подходящее решение

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

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

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

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

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

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

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

Написать нам:hello@devsymfony.io
Позвонить нам:+998 91 618 40 50
Copyright © 2015-2026 Dev Symfony компания по разработке программного обеспечения