Интернет-магазин JouJou
18.08.2018

Разработка сайта  каталога для магазина "Винни-Пух"

Основная задача

Разработать и создать «легкий и живой» сайт-каталог направления "Магазин по продаже детских товаров" для магазина детских товаров "Винни-Пух Baby Avenue". Сделать адаптивный дизайн сайта с поддержкой отображения на мобильных устройствах.

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

Список требуемых работ

  • Выбор CSM (Системы управления сайтом)
  • Разработка современного дизайна
  • Отрисовка предварительного макета
  • Разработка сайта каталога
  • Отрисовка всех элементов
  • Отрисовка баннеров
  • Наполнение контентом

Шапка сайта

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

Далее расположился Логотип компании, меню магазина, поиск по сайту и блок с социальными кнопками магазина.

Ниже слайдер во всю ширину страницы, а так же во всю высоту экрана, для вывода наиболее важной информации.

Завершает шапку страницы блок с особо важными преимуществами магазина "Винни-Пух Baby Avenue"

Тело сайта (Верхняя часть)

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

Тело сайта (Нижняя часть)

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

Нижняя часть сайта (Футер)

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

Пример страницы бренда

Пример карточки товара