Описание
В основе дизайна, на котором построен данный psd шаблон интернет-магазина одежды, лежит концепция: «море встречается с землей и лето встречается с зимой». Эта идея визуально отражена в иллюстрациях, цветовых решениях и общем настроении макета, создавая запоминающийся и эмоционально привлекательный образ бренда.
Главные плюсы PSD-дизайна
- Быстрое и удобное знакомство посетителей с брендом и ассортиментом магазина.
- Современный, строгий и продающий дизайн, подходящий для интернет-магазина одежды.
- Интуитивно понятная навигация для пользователей любого уровня.
- Простота редактирования: легкое добавление фотографий, текстов, новостей и акций.
Структура дизайна сайта
Данный psd шаблон интернет-магазина одежды включает все ключевые элементы, необходимые для полноценного e-commerce проекта:
- Каталог товаров с продуманной иерархией.
- Карточки товаров (с возможностью последующего подключения корзины).
- Информационные страницы сайта (о компании, технологии, где купить и другие).
- Рекламные баннеры для продвижения товаров и технологий.
- Форма заказа обратного звонка.
- Новостной раздел и модуль подписки.
- Навигация по сайту реализована через 3 навигационных блока.
-
- Главная страница
-
- Каталог продукции
-
- Страница продукта
-
- Оформление заказа
-
- Новости
-
- О магазине
Блок 1 или верхнее горизонтальное меню
Верхнее меню предназначено для быстрого доступа к основным разделам сайта:
- О компании
- Бренд
- Технологии
- Новости
- Сотрудничество
- Где купить
- Контакты
Все пункты меню являются одноуровневыми, что делает навигацию простой и понятной.
Блок 2
Левое боковое меню представляет собой каталог товаров с трехуровневой структурой. Первый и второй уровни отображаются постоянно, а третий уровень раскрывается при выборе соответствующего пункта. Такая структура особенно удобна для интернет-магазина одежды с большим ассортиментом.
Структура каталога легко адаптируется под различные товарные категории, что делает данный psd шаблон интернет-магазина одежды универсальным решением.
Блок 3
Подвал сайта содержит навигационные ссылки, дополнительные разделы каталога, а также блок подписки на бесплатный каталог или новости компании.
Карточка товара
Карточка товара в данном psd шаблоне интернет-магазина одежды продумана для максимальной наглядности и удобства покупателя и включает:
- одну основную фотографию товара в левой части страницы;
- несколько миниатюр (3–4 шт.) в других цветовых вариантах, расположенных под основной фотографией;
- подробное описание товара справа от основного изображения;
- перечень основных свойств и характеристик под описанием;
- блок сопутствующих товаров для увеличения среднего чека.
При нажатии на основную фотографию открывается увеличенное изображение товара.
Баннеры
В левом столбце сайта под навигационным меню предусмотрено два рекламных места под баннеры с акциями или специальными предложениями. При отсутствии активных баннеров данные блоки автоматически скрываются. Размер каждого блока соответствует стандарту — 240×400 пикселей.
Дополнительно рекламное баннерное место предусмотрено на главной странице сайта — в виде карусели с акционными товарами, новинками и хитами продаж.
Модуль заказа обратного звонка
В центральной части шапки сайта размещена кнопка «ЗАКАЗАТЬ ЗВОНОК». При нажатии открывается всплывающее окно с формой, включающей:
- поле для имени,
- номер телефона,
- город пользователя,
- поле для комментария.
Главные преимущества нашего шаблона PSD
- 6 детально проработанных PSD-файлов со стилями
- Удобное горизонтальное навигационное меню
- Основа на сетке шириной 1000 пикселей
- Четко организованные слои
- Уникальный и креативный дизайн
- Стандартная сетка для быстрой и точной верстки
- Левая боковая панель каталога
- Предусмотренные рекламные площади
- Ориентация на электронную коммерцию
- Направляющие в каждом PSD-файле
- Простота редактирования и использования
- Точная верстка пиксель в пиксель
- Использование бесплатных Google и системных шрифтов Windows
- Удобная структура файлов, папок и слоев
- Расширенная документация
В шаблон входят следующие PSD
- Главная страница – 01_home.psd
- Страница каталога – 02_catalog.psd
- Страница товара магазина – 03_product.psd
- Модуль обратного звонка – 04_phoneorder.psd
- Страница «О компании» – 05_about.psd
- Раздел новостей – 06_news.psd
