+375 (29) 803-95-65
заказать звонок

Интернет-магазин спортивного питания dnksport.by

Адрес: dnksport.by

Цена на момент разработки: 600$

Интернет-магазин спортивного питания. Имеет традиционную для интернет-магазина структуру страниц:

  • Главная страница
  • Каталог
  • Страницы товаров
  • Отдельные текстовые страницы («Вопрос-Ответ», «Новости», «Доставка и оплата», «Контакты»).
  • Акции (перечень акционных товаров)
Главная страница

 

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

Сквозными элементами (расположенными на всех страницах) являются:

  • Шапка с навигационным меню, поисковой строкой
  • Модуль корзины, показывающий ее содержимое
  • Рубрикатор каталога
  • Лента акционных товаров
  • Лента новостей
  • Плагин ВКонтакте
  • Футер

Из функциональных модулей на сайте есть:

  • Модуль регистрации
  • Личный кабинет
  • Корзина
  • Поиск по сайту
  • Модуль обратной связи («Задать вопрос»)

С помощью модуля поиска можно искать по точному совпадению что-либо в описании и названии товара, а также в анонсе описания, выводимом в перечне товаров.

Форма «Задать вопрос» предельно проста, и ее заполнение не вызовет проблем даже у неопытного пользователя:

Задать вопрос

 

Кроме нее, для быстрой обратной связи есть сторонний модуль онлайн-консультанта Jivosite.

 

Добавление товара в корзину, оформление заказа

Визуализируем процесс добавления товара в корзину и совершения заказа:

Нажимаем на кнопку «В корзину» на странице товара:

Добавление товара в корзину

 

На выбор дается два действия: остаться на странице товара и продолжить совершать покупки или перейти в корзину для оформления заказа.

Остаться на странице или перейти в корзину?

 

Выберем второй вариант.

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

Сквозной модуль "Корзина"

 

Этот блок показывается на всех страницах сайта, т.е. он является сквозным. Здесь есть также кнопки «Оформить заказ» и «Очистить корзину», чтобы основные действия были доступны из любой точки сайта, без необходимости заходить непосредственно на страницу корзины.

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

Возможности корзины

 

После нажатия на кнопку «Оформить заказ» мы попадаем на страницу, где нужно заполнить необходимые поля:

Оформление заказа

 

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

Спасибо за заказ!

 

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

Если мы авторизуемся на сайте, в личном кабинете нам будем доступна информация о наших учетных данных (мы сможем ее изменить при необходимости) и история заказов:

Кабинет пользователя: учетные данные

 

В информации о заказе указывается его статус (оплачен, в обработке, доставлен и т.д.):

Кабинет пользователя: история заказов

 

Администратор сайта увидит поступивший заказ в админ-панели в разделе «Заказы»:

Новый заказ в админке

 

Заказу можно присваивать разные статусы:

  • Просмотрен
  • Удален
  • Оплачен
  • Доставлен
Операции с заказом в админ-панели

 

Страница товара

Посмотрим теперь, как выглядит страница товара:

Страница товара

 

Есть вся необходимая информация:

  • Название товара
  • Фотография (или несколько), которую можно увеличивать
Увеличение фотографии

 

  • Цена
  • Кнопка «В корзину»
  • Переключатель количества (для добавления в корзину)
  • Социальный модуль «Поделиться»
  • Описание товара
  • Модуль комментариев

 

Другие страницы

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

Вопрос-ответ

 

В «Акциях» находится перечень товаров, на которые предоставляются скидки. Можно указать старую и новую цену:

Акционный товар в перечне товаров

 

В таком же формате цены показываются на странице акционного товара:

Страница акционного товара

 

Стоимость разработки данного сайта – 600 долларов. Если вы хотели бы заказать сайт с подобной начинкой, свяжитесь с нами любым удобным образом!

Также смотрите