Создание интернет-магазина детских товаров igro.land

О проекте

igro.land — интернет-магазин детских товаров с подписью «Детский Мир». Для проекта создали сайт с нуля на Webasyst и Shop-Script: разработали дизайн, выполнили вёрстку и интегрировали её вместе с плагинами в платформу. В основе витрины — яркое оформление и распределение ассортимента по возрасту ребёнка.

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

Детская тематика в оформлении

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

Каждая возрастная группа получила свой акцент: голубой для детей от 0 до 3 лет, зелёный для возраста от 4 до 5 лет и оранжевый для детей от 6 до 12 лет. Те же цвета повторяются в разделах ниже баннера, связывая меню с содержимым страницы.

Структура главной страницы

• Шапка с логотипом, телефонами, ссылками на информационные страницы, личным кабинетом и корзиной.
• Панель перехода ко всем товарам и трём возрастным разделам.
• Большой баннер с боковыми стрелками и индикаторами переключения.
• Товарные блоки с возрастными иллюстрациями и карточками товаров.
• Область рекомендованных товаров и информационные блоки о магазине, оплате и доставке.

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

Вёрстка и интеграция с Shop-Script

При разработке перенесли индивидуальную композицию в тему оформления магазина. Вёрстку связали с каталогом, товарными данными, корзиной и разделами Webasyst. Интерфейс плагинов согласовали с общей палитрой и оформлением элементов витрины.

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

Другие проекты и разработка магазина

Посмотрите разработку магазина детской одежды CICONIA-BABY и разработку магазина одежды The Rockstore в нашем портфолио сайтов.

Для нового проекта можно заказать создание интернет-магазина на Webasyst, обсудить программирование и доработки Shop-Script и связаться с Quadro Design.