Была поставлена задача реализовать небольшой каталог (витрину) для магазина женской одежды высокого класса.

Услуга: разработка сайта

Краткий перечень требований:

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

Каталог разрабатывался на CMS WordPress, так как движок содержит в себе все необходимое для удобного администрирования, быстрой скорости загрузки страниц и расширения, в случае необходимости.

Главная страница

Первый экран главной страницы состоит из навигационного меню, слайдера и категории одежды

Главная страница каталога женской одежды
Главная страница каталога

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

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

Каталог

В каталоге, покатегориально, размещаются ассортимент магазина в виде карточек товаров. Каждая карточка при наведении может «вращаться», тем самым меняя ракурс фотографии выбранной модели.

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

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

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

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

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

Адаптивность и seo оптимизация

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

По итогу, в качестве бонуса, была произведена базовая seo-оптимизация сайта. Она включает:

  • Техническую оптимизацию (Установка файлов Robots, sitemap, пагинация, теги canonicl и другое)
  • Внутренняя оптимизация (мета-теги, заголовки, перелинковка, атрибут Alt, оптимизация изображений и другое)
  • Составление семантического ядра (сбор запросов, кластеризация, мониторинг позиций)
  • Работа с контентом (написаны тексты в нижней части главной и категориальных страниц)
  • Региональная настройка (регистрация и настройка в поисковых системах Яндекс и Гугл, сервисы аналитики)