Разработка полнофункционального интернет-магазина

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

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

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

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

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

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

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

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

Создание шрифтового логотипа Military Style

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

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

темный вариант дизайна

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

светлый вариант дизайна

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

всплывающая подсказка с цветом и размером

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

финальный вариант главной страницы

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

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


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

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

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


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

режим быстрого редактирования

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

SKU комбинации

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

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

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

09 Января

Теги: Кейсы Дизайн Создание интернет магазина