Разработка E-Commerce проекта продаж модульных картин с функционалом конструктора товаров (картин) и многоязычной платформой.
Посмотреть сайтЗадание:
Разработка интернет магазина с мультиязычной платформой. Но самое интересное - это функциональность админки и сайта… Проектирование удобной системы создания товаров, формирование макета на печать в соответствии с размером и паттерном картины, минимизация веса каждого изображения на сайте, максимально удобный для покупки интерфейс, фокус на товаре и его вида в интерьере , удобные фильтры товаров, каталог.
Решение:
Создан адаптивный сайт на основе framework Laravel. Разработан универсальный конструктор интерьеров, конструктор модульных картин, конструктор паттернов, автоматизировали публикацию карт товаров, задали карточкам товаров характеристики, разработали новый дизайн, проработали быстродействие и оптимизацию.
Данный проект разрабатывался индивидуально. Он относится к E-Commerce и к web-сервисам, так как находятся элементы обоих типов.
Суть проекта состоит в том, что на базе подготовленной графики (паттернов и интерьеров) создаются товары (они же – макеты для печати).
Товаром является одна картинка, которая нарезается на n количество паттернов (например, 10 паттернов). Каждый паттерн имеет минимум 5 размеров.
Далее, на каждый паттерн генерируется от 5-ти интерьеров
Таким образом, из одной картинки может получиться минимум 250 товаров.
Разработка технической части сайта
- конструктор паттернов,
- конструктор интерьеров,
- конструктор модульных картин,
- расчет соотношения размера изображения в рх и см,
- вывод функции расчета размеров панелей модульной картины
- инструменты управления заказом
В новой административной панели мы разработали:
Конструктор паттернов позволяет создавать паттерны разных пропорций и размеров, разной формы, фигуры. Создаются родительские паттерны и от них дочерние, что позволяет структурировать паттерны, например, по пропорциям.
Конструктор интерьеров позволяет создавать интерьеры для демонстрации картин, для разных форм паттернов каждого размера, учитывая примерный размер комнаты, чтобы покупатель точно знал, как будет выглядеть картина определенного размера в комнате определенного масштаба.
Один интерьер можно использовать для отображения разных паттернов.
После того, как интерьеры созданы в ассортименте на все паттерны, они автоматически генерируются с товарами по соответствующему паттерну и размеру.
После всех заготовок паттернов и интерьеров к ним администратору остается только загружать товары, выбирать для них соответствующие паттерны, которые затем автоматически генерируются с интерьерами. В этом состоит конструктор товаров
Разработка лицевой части сайта
Мы разработали уникальный дизайн, ориентируясь на ближайших конкурентов и уникальные функциональные возможности наших дизайнеров картин; насыщенную и гибкую главную страницу.
Мы предусмотрели 8 типов блоков для наполнения главной страницы контентом. Блоки можно добавлять в неограниченном количестве, устанавливать для каждого порядок сортировки, временно скрывать с лицевой части сайта или полностью удалять блок.
Этот конструктор состоит из следующих типов блоков:
- плитка;
- слайдер-карусель с квадратными точками;
- круг;
- слайдер-карусель с круглыми точками;
- блок текста с изображением: позиция текста по отношению к изображению изменяется – справа, слева, поверх изображения;
- блок непосредственно товаров;
- блок преимуществ, с четко отражающими суть каждого, иконками.
Каждый из этих блоков имеет кнопку для перехода на любую страницу (в админке задается ссылка), каждый пункт в блоках Слайдер, Плитка и обычный с круглыми айтемами- также является ссылкой (которая задается в адмике).
Оригинальное и гибкое меню, вмещающее блок с картинками категорий. В админ панели администратор может задать категории 1-3 уровня, а также выбрать категории с изображениями
- Обновленный каталог товаров, включающий категории первого и второго уровня, страницу каждой категории второго и третьего уровня украшает тематический баннер.
- Обновленный интерфейс карты товара
Когда пользователь заходит в карту товара, для него открывается мир самых разных по форме и размерам картин.
Конструктор картин для пользователей сайта
Подобный конструктор картин для продаж разработан для пользователей сайта. Таким образом, покупатель загружает свое фото, а для обработки ему доступны все формы панелей и их размеры, только для картин на продажу. Также пользователь может посмотреть, как его произведение смотрится в интерьере.
Конструктор для пользователей разработан для десктопной и мобильной версии в отдельности.
Подобный конструктор картин для продаж разработан для пользователей сайта. Таким образом, покупатель загружает свое фото, а для обработки ему доступны все формы панелей и их размеры, только для картин на продажу. Также пользователь может посмотреть, как его произведение смотрится в интерьере.
Конструктор для пользователей разработан для десктопной и мобильной версии в отдельности.
