Интернет-магазин прикольных футболок с онлайн-принтом — Your Favourite Shop

Заказчик: частное лицо
Разработчик: Арт & веб студия Le net Net
Платформа: UMI.CMS Shop
Сайт: printsfera.ru
Срок разработки: 1 месяц

crystallLe net Net

О проекте

Проект создавался для частного лица, желающего открыть свой интернет-магазин футболок, маек и прочей одежды, а также аксессуаров с нанесением уникальных дизайнерских принтов и страз. До этого у клиента уже был сайт на сервисе готовых сайтов 1C-UMI, но для воплощения новой идеи требовалась система с более гибким функционалом. Для этого была выбрана платформа UMI.CMS в редакции Shop.

Знакомство студии с клиентом состоялось на тендерной площадке UMI.CMS.

Цели и задачи проекта

Задача:
разработать интернет-магазин с уникальным функционалом, который автоматизирует процесс массовой обработки однотипных изображений при ограниченном бюджете проекта.
На момент обращения в студию Le net Net у клиента была потребность создать недорогой интернет-магазин с уникальным функционалом массовой генерации товаров с наложением принтов, при этом результаты генерации, а именно получившиеся фотографии товаров с принтами, должны были быть максимально приближены к отфотографированному товару в реальных условиях, то есть с наложением теней. Также была поставлена задача максимально упростить техническую составляющую процесса и сэкономить время на обработке однотипных процессов, то есть минимум фотошопа. 

Решение

В качестве CMS для сайта была выбрана система управления UMI.CMS. Ввиду того, что бюджет стартапа был ограничен и основные силы должны быть направлены на реализацию нестандартного функционала, было принято решение взять за основу шаблонное решение студии «Интернет-магазин одежды и аксессуаров Le Shop» и на его основе разработать внутренний модуль для UMI.CMS, который мог бы генерировать товары в большом количестве и встраивать эти товары в структуру каталога. 

 

Прототип шаблона

Шаблон интернет-магазина одежды и аксессуаров Le Shop

Модуль генерации товаров

Решение:
модуль автоматизированной многоступенчатой обработки изображений, интегрированный с каталогом на UMI.CMS

Идея модуля состояла в том, что имеются два этапа формирования товара. На первом этапе создаются основания. Основание — это результат обработки фотографии определённой модели одежды, например, футболки — по сути, это маска. Для её формирования фотография будущего основания загружается в систему и проходит специальную попиксельную обработку. В данном случае фотография должна иметь особые параметры: белая майка на прозрачном фоне в формате PNG. Прозрачные пиксели в процессе обработки заменяются на белые, а белые пиксели вычитаются, оставляя только серые полупрозрачные пиксели. На выходе получается маска с белым фоном, внутри которого находится прозрачная область, имеющая очертания футболки, со всеми тенями, которые были на исходном изображении.

 

Список созданных оснований

Список созданных оснований


Создание или редактирование основания

Создание/редактирование основания

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

 

Создание товара: процесс наложения принта

Создание товара: процесс наложения принта

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

 

Ввод информации для товара перед сохранением<

Ввод информации для товара перед сохранением

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

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

 

Сгенерированные товары в каталоге

Сгенерированные товары в каталоге

Что в итоге

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

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

Развитие проекта

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

Слово разработчику

«

При первом знакомстве с идеей проекта сразу появилась масса идей по реализации. Некоторые проекты ставят своеобразные квесты, решая которые можно получить истинное удовольствие не только от результата, но от пути к этому результату. К счастью, у нас уже была готовая база под проект, наш новый шаблонный Интернет-магазин одежды и аксессуаров, и он отлично подошёл по функционалу и по стилю к данному проекту. Осталось сосредоточиться на главном — создании модуля Генерации товаров. Мы довольны результатом и готовы дальше совершенствовать проект, делая его ещё более удобным и оптимальным для пользователей.

»

Ульяна Снежина,

менеджер по работе с клиентами
Le net Net

 

Ульяна Снежина