Заказчик: частное лицо
Разработчик: Арт & веб студия Le net Net
Платформа: UMI.CMS Shop
Сайт: printsfera.ru
Срок разработки: 1 месяц
Проект создавался для частного лица, желающего открыть свой интернет-магазин футболок, маек и прочей одежды, а также аксессуаров с нанесением уникальных дизайнерских принтов и страз. До этого у клиента уже был сайт на сервисе готовых сайтов 1C-UMI, но для воплощения новой идеи требовалась система с более гибким функционалом. Для этого была выбрана платформа UMI.CMS в редакции Shop.
Знакомство студии с клиентом состоялось на тендерной площадке UMI.CMS.
В качестве CMS для сайта была выбрана система управления UMI.CMS. Ввиду того, что бюджет стартапа был ограничен и основные силы должны быть направлены на реализацию нестандартного функционала, было принято решение взять за основу шаблонное решение студии «Интернет-магазин одежды и аксессуаров Le Shop» и на его основе разработать внутренний модуль для UMI.CMS, который мог бы генерировать товары в большом количестве и встраивать эти товары в структуру каталога.
Шаблон интернет-магазина одежды и аксессуаров Le Shop
Идея модуля состояла в том, что имеются два этапа формирования товара. На первом этапе создаются основания. Основание — это результат обработки фотографии определённой модели одежды, например, футболки — по сути, это маска. Для её формирования фотография будущего основания загружается в систему и проходит специальную попиксельную обработку. В данном случае фотография должна иметь особые параметры: белая майка на прозрачном фоне в формате PNG. Прозрачные пиксели в процессе обработки заменяются на белые, а белые пиксели вычитаются, оставляя только серые полупрозрачные пиксели. На выходе получается маска с белым фоном, внутри которого находится прозрачная область, имеющая очертания футболки, со всеми тенями, которые были на исходном изображении.
Список созданных оснований
Создание/редактирование основания
На втором этапе происходит непосредственно генерация товаров на основе всех созданных ранее оснований, которые отображаются в левой части страницы. Пользователь может загрузить свои принты в систему, они сохраняются и выводятся в правой части страницы. Пользователь модуля может выбрать необходимое изображение-принт и просмотреть все основания с ним, с возможностью откорректировать положение принта для каждой модели, чтобы он выгодно выглядел, для этого создана отдельная кнопка «Запомнить расположение наложения для данного товара». На этом этапе можно задать название и описание принта, чтобы эта информация отобразилась на карточке товара. Также можно выбрать название категории и подкатегории, к которым может быть отнесён принт, для дальнейшей фильтрации по каталогу.
Создание товара: процесс наложения принта
На итоговом этапе создания товаров выдаются все товары по всем основаниям с наложенным принтом. Имеются следующие возможности: снять галочку «Сохранить данный товар», задать стоимость товара, задать цвет для отображения в каталоге по умолчанию, чтобы все изображения на странице каталога выглядели максимально красочно и разнообразно.
Ввод информации для товара перед сохранением
Когда все характеристики для товаров заданы, запускается процесс генерации товаров. На этом этапе формируются не только фотографии для каждого товара в разной цветовой гамме, но и сами карточки товаров со всеми характеристиками, которые были заданы для основания, принта и товара.
По окончании процесса генерации все новые созданные товары можно увидеть в модуле «Каталог» UMI.CMS и при необходимости задать дополнительные параметры, например, сделать пометку, что товар является новинкой или на него распространяются акционные предложения.
Сгенерированные товары в каталоге
Что в итогеПроект находится только в начале пути своего развития. Но благодаря модулю генерации товаров процесс заполнения идёт очень быстро. Клиенту не приходится тратить много времени на работу в графических программах и вручную накладывать тени, чтобы сделать фотографии одежды максимально реалистичными. Этот процесс автоматизирован, а главное, даёт ожидаемый результат быстро. При этом нет возможности допустить ошибку, и все фотографии одной модели на 100% одинаковые параметры. Модуль позволяет быстро запустить проект с большим количеством номенклатуры, а также максимально просто обновлять товарный ряд в процессе его работы.
Результат проведённой работы позволил клиенту сохранить время и деньги, а, разработчику — открыть новые грани программирования. Задача была настолько интересной, что в процесс её решения включился весь коллектив студии, и каждый смог привнести свою интересную идею, которая нашла своё воплощение в работающем продукте.
В планах дальнейшего развития проекта стоит вынос модуля Генерации товаров на публичную часть сайта, чтобы любой пользователь смог загрузить свой любимый принт и заказать печать уникальной футболки или аксессуара.
При первом знакомстве с идеей проекта сразу появилась масса идей по реализации. Некоторые проекты ставят своеобразные квесты, решая которые можно получить истинное удовольствие не только от результата, но от пути к этому результату. К счастью, у нас уже была готовая база под проект, наш новый шаблонный Интернет-магазин одежды и аксессуаров, и он отлично подошёл по функционалу и по стилю к данному проекту. Осталось сосредоточиться на главном — создании модуля Генерации товаров. Мы довольны результатом и готовы дальше совершенствовать проект, делая его ещё более удобным и оптимальным для пользователей.
»Ульяна Снежина,
менеджер по работе с клиентами