Заказчик: Проект «Сделано в Якутии» https://сделановякутии.рф
Сроки: Август – Декабрь 2025 г.
Стек технологий: 1С-Битрикс, PHP, JavaScript (Swiper), MySQL
Сроки: Август – Декабрь 2025 г.
Стек технологий: 1С-Битрикс, PHP, JavaScript (Swiper), MySQL
Задача
Клиент, маркетплейс локальных производителей «Сделано в Якутии», поставил задачу внедрить современный и интуитивно понятный инструмент для продвижения товаров — функцию «Сторис». По замыслу, продавцы должны были получить возможность создавать кратковременные рекламные публикации (изображения и видео), которые отображаются в специальном блоке на главной странице сайта.
Основные требования к функционалу:
Сложности и процесс реализации
В ходе работы над проектом мы столкнулись с несколькими серьезными вызовами, которые потребовали нестандартных решений.
1. Уточнение требований и прототипирование
Первичное техническое задание содержало противоречия в описании структуры данных. На этапе анализа мы подготовили список уточняющих вопросов по ключевым моментам:
Мы структурировали данные, выделив отдельную сущность для каждого медиафайла внутри сторис, что позволило в будущем гибко управлять кнопками, текстами и метками ERID для каждого слайда.
2. Технические ограничения хостинга
На этапе тестирования выявилась критическая проблема: большинство видео, снятых на современные смартфоны (особенно iPhone с форматом .mov), не проходили загрузку из-за высокого разрешения и формата. Изначальные ограничения делали функционал неудобным для продавцов.
Решение:
Мы предложили и реализовали план по модернизации инфраструктуры:
3. Доработка логики сортировки и прав доступа
В процессе приемки выяснилось, что стандартная сортировка по дате размещения не подходит заказчику. Администрация сайта хотела иметь возможность закреплять свои информационные сторис (о правилах сайта, акциях) в начале ленты, независимо от времени публикации.
Решение:
Мы внедрили гибридную сортировку:
Также был исправлен баг с отображением раздела «Мои сторисы» в бизнес-кабинете, вызванный некорректной настройкой прав доступа для групп пользователей.
4. Адаптация дизайна под требования
Визуальная составляющая также потребовала доработок. Заказчик обратил внимание, что фон модального окна должен быть затемненным (с прозрачностью 20%), а не белым, как это было реализовано изначально для унификации с другими модулями сайта.
Решение:
Мы адаптировали стили компонента, приведя их в соответствие с утвержденным примером (vkt.ru), сохранив при этом единый стиль интерфейса, но выделив сторис визуально.
Результат
В результате внедрения заказчик получил полностью интегрированный и готовый к использованию инструмент продвижения:
Клиент, маркетплейс локальных производителей «Сделано в Якутии», поставил задачу внедрить современный и интуитивно понятный инструмент для продвижения товаров — функцию «Сторис». По замыслу, продавцы должны были получить возможность создавать кратковременные рекламные публикации (изображения и видео), которые отображаются в специальном блоке на главной странице сайта.
Основные требования к функционалу:
- Отображение на главной: Горизонтальный скролл с превью (200x200), расположенный между главным баннером и блоком популярных товаров.
- Просмотр: Модальное окно с возможностью пролистывания страниц внутри одной сторис (по несколько фото/видео), навигацией с помощью стрелок и кнопкой закрытия.
- Личный кабинет продавца: Отдельный раздел «Мои сторисы» с возможностью загрузки контента.
- Модерация: Многоступенчатый процесс со статусами («Черновик», «На согласовании», «Отклонен», «Размещен») и возможностью комментирования причин отклонения администратором.
- Гибкие настройки: Возможность задавать время жизни сторис (по умолчанию 24 часа) и длительность показа каждого слайда.
Сложности и процесс реализации
В ходе работы над проектом мы столкнулись с несколькими серьезными вызовами, которые потребовали нестандартных решений.
1. Уточнение требований и прототипирование
Первичное техническое задание содержало противоречия в описании структуры данных. На этапе анализа мы подготовили список уточняющих вопросов по ключевым моментам:
- Как связывать обложку сторис с брендом?
- Какие поля необходимы для каждой единицы контента (фото/видео)?
- Нужен ли встроенный редактор, подобный Instagram?
Мы структурировали данные, выделив отдельную сущность для каждого медиафайла внутри сторис, что позволило в будущем гибко управлять кнопками, текстами и метками ERID для каждого слайда.
2. Технические ограничения хостинга
На этапе тестирования выявилась критическая проблема: большинство видео, снятых на современные смартфоны (особенно iPhone с форматом .mov), не проходили загрузку из-за высокого разрешения и формата. Изначальные ограничения делали функционал неудобным для продавцов.
Решение:
Мы предложили и реализовали план по модернизации инфраструктуры:
- Перенос на VPS: Стандартный виртуальный хостинг не позволял устанавливать модуль ffmpeg, необходимый для конвертации видео. Совместно с заказчиком было принято решение о переносе сайта на облачный VPS-сервер.
- Обработка медиа: После переноса мы настроили автоматическую конвертацию загружаемых видео в веб-форматы, сняли ограничения по разрешению (оставив только лимит по весу файла в 200 Мб) и реализовали динамическое создание постеров (превью) для видео.
- Защита от неверных форматов: Доработали серверную логику для проверки MIME-типа файлов, чтобы браузер корректно воспроизводил даже видео, имеющие нестандартную структуру (например, MPEG Transport Stream с расширением .mp4).
3. Доработка логики сортировки и прав доступа
В процессе приемки выяснилось, что стандартная сортировка по дате размещения не подходит заказчику. Администрация сайта хотела иметь возможность закреплять свои информационные сторис (о правилах сайта, акциях) в начале ленты, независимо от времени публикации.
Решение:
Мы внедрили гибридную сортировку:
- Сначала сортировка по полю «Сортировка» (по возрастанию), что позволило администраторам задавать приоритет (например, вес 1-100 для своих сторис).
- Затем сортировка по дате начала активности (по убыванию) для остальных записей с одинаковым приоритетом.
Также был исправлен баг с отображением раздела «Мои сторисы» в бизнес-кабинете, вызванный некорректной настройкой прав доступа для групп пользователей.
4. Адаптация дизайна под требования
Визуальная составляющая также потребовала доработок. Заказчик обратил внимание, что фон модального окна должен быть затемненным (с прозрачностью 20%), а не белым, как это было реализовано изначально для унификации с другими модулями сайта.
Решение:
Мы адаптировали стили компонента, приведя их в соответствие с утвержденным примером (vkt.ru), сохранив при этом единый стиль интерфейса, но выделив сторис визуально.
Результат
В результате внедрения заказчик получил полностью интегрированный и готовый к использованию инструмент продвижения:
- Для продавцов: Удобный интерфейс в бизнес-кабинете для загрузки рекламных материалов (фото, видео) с возможностью добавления текста и ссылок.
- Для модераторов: Прозрачный механизм проверки контента с возможностью отклонения заявок с комментарием и ручной настройкой времени публикации.
- Для пользователей сайта: Современный формат потребления контента, аналогичный популярным социальным сетям, с корректным отображением как на десктопе, так и на мобильных устройствах.
Реализованный функционал «Сторис» уже используется продавцами для информирования клиентов об акциях и новых поступлениях, повышая вовлеченность аудитории сайта.