Создание интернет-магазина MYWELLNESSSHOP — товары для здоровья

О проекте

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

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

Задача и дизайн главной страницы

Для магазина выбрали светлую основу с зелёными акцентами. Белый фон оставляет пространство вокруг товаров, а серые рамки и панели обозначают границы блоков. Зелёным выделены активный пункт меню, цены, кнопки и небольшие элементы навигации. Названия разделов и товаров выполнены более спокойным тёмным цветом.

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

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

Каталог и дополнительные блоки

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

Товарная сетка построена из небольших изображений на белом фоне. Под каждой фотографией расположены название и выделенная зелёным цена. Повторяющееся оформление помогает рассматривать предложения в одном порядке и переходить между группами товаров.

Разработка и интеграция

• Разработали дизайн витрины с тематическим баннером и товарными подборками.
• Сверстали каталог, боковую колонку, шапку и информационный футер.
• Интегрировали шаблоны в Webasyst и Shop-Script.
• Встроили оформление плагинов в общий интерфейс сайта.

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

Итог проекта

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

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

Посмотрите разработку магазина косметики LoveOrganic и разработку магазина гаджетов NN-Market в нашем портфолио сайтов.

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