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

Что предложить

После первых переговоров специалисты Riva Siberia понимают, что базового решения интернет-магазина «Старт» более чем достаточно. Что нужно:

• Каталог товаров: 2 уровня (разделы / подразделы / товары), фильтры по бренду и цене.
• Корзина с автоматическим перерасчетом стоимости товаров, скидка от объема/суммы, бесплатная доставка при сумме заказа от ХХХ руб.
• Личный кабинет (регистрация, авторизация) клиента.
• Маркетинговые инструменты, такие как: акционные товары, новинки, баннер в ротации на главной, похожие товары и пр.
• Ну и, конечно, же все это работает на удобном и мощном движке MV framework.

С полным списком функционала интернет-магазина «Старт» можно ознакомиться на нашем сайте.

Процесс разработки интернет-магазина

Любой проект начинается с этапа проектирования, но так как это базовая сборка, то этап проектирования уже пройден, стартовый функционал обговорили с Заказчиком, поэтому собираем пожелания по цвету, стилю и приступаем к дизайну основных страниц интернет-магазина.

Пожелания: дизайн сайта в стиле «Милитари», на заднем фоне хочется что-то вроде «карты», цвета хаки, милитари, сафари.

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

Как обычно, дизайн интернет-магазина начинается с главной страницы:

• Ассортимент планируется расширять, поэтому каталог решено разместить вертикально, чтобы не ограничивать количество разделов интернет-магазина;
• Сразу под каталогом размещаем каталог брендов для тех, кто ищет товары определенного бренда;
• Оставляем место для 2-х сквозных блоков, в которых можно будет размещать нужную и важную информацию (акции, адрес, полезные ссылки и пр.).

Пробуем дизайн в двух цветах – темном:

и светлом исполнении:

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

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

Стиль и дизайн найден, приступаем к разработке внутренних страниц интернет-магазина:

• Товары списком. Здесь появляются фильтры по цене и бренду, также добавляем возможность размещения рекламного баннера для раздела товаров. Для удобства поиска нужного товара есть возможность сортировки товара (по популярности, новинкам, акциям) и выбора количества товаров на странице:

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

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

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

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

Запуск интернет-магазина

Готовый интернет-магазин выглядит подобным образом (с тестовым наполнением):

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

Добавление SKU вариаций товара, например, по цвету и размеру:

Баннерами на главной легко управлять – просто добавляете фото, вводите заголовок, короткое описание и ссылку при необходимости. На сайте все это автоматически преобразуется в симпатичный баннер:

Небольшое видео по системе управления сайтом:

Готовый интернет-магазин загружается на хостинг, доступ к системе управления интернет-магазином передаются Заказчику для дальнейшего его наполнения.

Перейти на сайт