22
2. Разработка концепции интернет магазина
Разработка концепции – пожалуй, самый главный шаг в разработке
интернет магазина.
Концепция – это комплекс взглядов, связанных между собой и вытекающих
один из другого, система путей решения выбранной задачи. [14]
На данном этапе полностью продумывается логика и структура магазина,
определяется ориентированность на какие-либо возрастные группы населения.
Рассматриваются существующие конкуренты, их преимущества и недостатки.
Формируется индивидуальность магазина и те, основные “фишки”, которые
могли бы запомнится посетителям.
Для начала рассмотрим планируемую сферу деятельности магазина
kamikaze43.ru. Магазин планирует заниматься продажей еды и напитков в городе
Кирове, а именно: пицца, блинчики и блюда восточной кухни, такие, как суши,
роллы, ассорти. Напитки будут побочной продукцией, возможно в дальнейшем
появятся другие блюда и товары. Важно отметить, что у организации нет
существующей пиццерии или ролл-бара. Планируемый доход полностью
определяется успешностью работы интернет магазина. Магазин будет являться
единственным продавцом товаров и услуг. Данное решение принято с целью
избегания лишних затрат на аренду помещения, интерьер и лишний персонал.
2.1 Определение целевой аудитории
Данный вид товаров не является сезонным, хотя летом у людей будут более
доступные способы утолить голод. Необходимость в приеме пищи есть у каждого
человека, причем несколько раз в день, вероятнее всего заказ подобных товаров
будет предпочтителен в вечернее время.
Пицца не является блюдом для одного человека [15] и вероятно ее заказывать
будут компании молодых людей, семьи и работники офисов. Восточная кухня
[16], наряду с пиццей не является традиционной пищей, данный факт плюс
доступная цена делают данные товары популярными.
Итак, целевая аудитория: люди возраста от 15 до 45 лет. Пики продаж
наиболее вероятны в вечернее и зимнее время.
23
2.2 Обзор конкурентов
Подобные товары не доставляются на большие расстояния, ввиду утери
ими свежести и товарного вида. Доставка как правило осуществляется в пределах
населенного пункта, в более удаленные места по согласованию с заказчиком.
Анализ сайтов конкурентов показывает: на рынке представлена масса
компаний, оказывающих подобные услуги, некоторые занимаются только
доставкой блюд восточной кухни, некоторые только пиццы, есть и те, кто
предлагает и то и другое. Разброс по ценам весьма существенный. Каждая
компания предлагает систему скидок, в том числе и за заказ в утреннее, дневное
и ночное время. Ни у кого из конкурентов нет учета различных предпочтений
людей, например, вегетарианцы. Для них доступен довольно скромный набор
блюд, при этом они никак не выделены. Не у всех есть выбор размера пиццы, хотя
атрибут довольно весомый. У многих присутствует возможность выбора теста для
пиццы.
Несмотря на довольно серьезную конкуренцию, нет каких-либо серьезных
внешних барьеров на пути к открытию еще одного подобного магазина, однако
следует проводить периодический анализ сайтов конкурентов и определить для
нового магазина индивидуальные черты с учетом клиент ориентированности. Это
может быть так называемое “целевое меню” ориентированное на различные
предпочтения во вкусах и продуктах, или дать возможность клиенту выбирать
самостоятельно ингредиенты, например, “конструктор пиццы”. Конечно, в случае
подобной конкуренции следует обратить внимание не только на
индивидуальность и качество, но и на цену.
2.3 Определение возможностей, индивидуальные черты
Одной из индивидуальных особенностей магазина является доставка в
точно назначенное время, или за определенное время. В случае невыполнения
условия, клиент получает большую скидку, или получает товар бесплатно. Эта
главная идея, помимо самой информации, она должна просматриваться на сайте,
в его оформлении, в логотипе. Доставка любой ценой. Выполнение задания любой
24
ценой. Выполнение доставки, не взирая на пробки и час пик. Для подчеркивания
этой идеи, возможно, потребуется персонаж.
Для покупателей, имеющих новый опыт сотрудничества, необходимо вести
рубрику “Отзывы”, где каждый желающий, сможет оставить свой отзыв о работе
магазина и персонала. Данная рубрика будет полезна как новым клиентам, так и
тем, кто заказывает уже не в первый раз, но хотел бы попробовать другие товары.
Не у каждого желающего будет возможность позвонить и сделать заказ,
кому-то неудобно это сделать на сайте, кому-то неудобно позвонить и сделать
заказ. Посетители сайта должны иметь возможность заказать обратный звонок.
Для введения дополнительных скидок каждому постоянному клиенту,
потребуется ввести возможность регистрации на сайте. В личном кабинете
каждый желающий сможет увидеть историю покупок и персональную скидку.
Следует ориентироваться и на тех людей кто не заказывал никогда ранее на
подобных сайтах и ввести отдельные страницы с наименованием “Хит продаж”,
так для малоопытных посетителей будет упрощен выбор блюда. Так же такие
страницы помогут более быстро ориентироваться в меню и тем, кто заказывает
часто или периодически. На страницах будут показаны часто покупаемые товары.
Помимо списков товаров потребуется их сортировка для быстрого
принятия решения по цене, вкусовым предпочтениям и выборе продуктов.
Особое внимание следует уделить категории товара “Пицца”. Для выбора
такого товара, необходимо так же выбрать несколько атрибутов таких как: размер
– он же влияет и на вес, тесто – толстое или тонкое. Выбор этих атрибутов должен
происходить предельно просто и доступно. Кроме сортировки данной категории,
необходимо ввести новое расширение “Конструктор пиццы”, в котором любой
посетитель сможет выбрать необходимые ингредиенты, в зависимости от своих
предпочтений, увидеть конечный вес и цену и получить свой заказ.
Покупатели, которые следят за потребляемыми калориями, должны
свободно ориентироваться в предлагаемых товарах. На каждом блюде следует
добавить информацию “БЖУ” – белки, жиры, углеводы и калорийность на 100
грамм, а также указывать состав продукта и общий вес.
25
Оплата товара не должна стать проблемой. У клиентов должна быть
возможность оплатить товар при получении, как наличным, так и безналичным
способом.
2.4 Разработка логотипа
Одним из предпочтений заказчика являлось использование графических
смайлов в логотипе или как помощника сайта. Название и логотип должны
отражать главную мысль – доставка любой ценой.
Концепция логотипа – скорость, возможно транспорт, смайл – выражение
лица, усилие. Следует отметить, что логотип имеет очень большое влияние на
дизайн и интерфейс, а также подачу материала.
В качестве вариантов рассматривалось 2 направления:
1. Название магазина “Смайл” – хорошо увязывается с использованием
смайлов, доступное, понятное произношение. Плохо передает основную мысль о
доставке. Поэтому рассматривался с использованием транспорта (самолета).
Быстрая доставка может быть передана как воздушная, т.е. наиболее быстрая
Вариант логотипа под данное название представлен на рисунке 8.
Рисунок 8 – вариант логотипа с названием “Смайл”.
2. Название магазина “kamikaze”. Камикадзе – пилоты смертники,
выполняющие поставленную задачу ценой своей жизни [17]. Плохо увязывается
с использованием смайлов, хотя можно подобрать. Произношение понятное,
понятие доступное. Эскизы и варианты логотипов с данным названием
26
представлены в приложении 1. Конечный вариант логотипа с данным названием
представлен на рисунке 9.
Рисунок 9 – финальный вариант логотипа “kamikaze”.
2.5 Разработка структуры контента
Контент – информационное наполнение сайта [18]. Под контентом
понимается: все материалы, информация, содержимое страниц. Структура
контента особенно важна, когда речь идет о разработке интернет магазина. Среди
множества подобных магазинов, предпочтение покупателя чаще будет отдано
тому, с которым удобно работать. Удобство подразумевает быстрое и легкое
нахождение товара, а также возможность его быстро купить.
Существует неофициальное правило, так называемое “правило трех
кликов” [19]. Его суть заключается в том, что пользователь должен найти
необходимую информацию не более чем в 3 клика. В случае интернет магазина,
это правило может работать при небольшом количестве товаров. В интернет
магазине kamikaze43.ru это вполне осуществимо. Структура контента приведена
на рисунке 10.
27
Рисунок 10 – структура контента интернет магазина kamikaze43.
Основой данной структуры является статичное сквозное меню.
Пользователь в процессе работы с сайтом, будет “проматывать” его до конца.
Статичное или скользящее меню будет оставаться на месте независимо от
пользователя и даст возможность перейти в любую категорию или к просмотру
корзины в любое время, не делая лишних движений. Даже в случае
“проматывания” к нижней части сайта, именуемой “footer”, на нем будет
располагаться дублирование основных категорий товаров и основных
материалов.
При переходе в категорию с товарами, будет отображаться весь список
товаров данной категории и доступны кнопки сортировки. Целевой информацией
является сам товар, таким образом, к нему обеспечивается кратчайший маршрут.
Структура контента сайта остается неизменной на каждой странице.
2.6 Разработка интерфейса
Шапка сайта “header” [20] верхняя часть сайта должна содержать самые
часто используемые элементы и информацию. Это могут быть: основные
категории, контакты, поиск, чат, логотип, корзина, информация о доставке и
28
минимальной сумме. В случае магазина kamikaze43.ru используется плавающий
сквозной блок с основными категориями и корзиной, но это только часть шапки.
Под данным блоком следует разместить телефонные номера и режим работы,
причем это должно быть заметно, т.е. шрифт должен быть крупнее. Центральное
размещение корзины будет сочетаться с центральным размещением логотипа.
Контакты в таком случае займут крайние позиции. Структура шапки сайта
приведена на рисунке 11.
Рисунок 11- структура шапки сайта.
Рисунок 12 – финальный вариант элемента “header”.
Процесс разработки элемента “header” представлен в приложении 2.
Исходя из структуры контента, помимо плавающего основного меню, будет
еще два меню. Пользоваться ими при размещении друг под другом, будет
неудобно, поэтому их следует разграничить слайдером.
Слайдер [21] – определенных размеров блок, меняющий свое содержимое
в последовательности, установленной автоматически или в ручном режиме.
Слайдер как правило обладает существенными размерами и это первое что
бросается в глаза посетителю магазина. Качественно оформленный и
разработанный слайдер, способствует переходу посетителей сайта со статусом
“посетитель” к статусу “покупатель”. Задача слайдера – предоставить краткую, но
грамотно оформленную информацию, направленную на целевую аудиторию.
29
Помимо самой информации, каждый слайд должен является ссылкой на более
подробный материал. Суть слайдера: увидел – нажал.
Разработанный логотип диктует цветовые решения на сайте. Возможные
базовые цвета – красный, белый и какой-либо темный оттенок.
В теле сайта для ориентирования посетителей по страницам, необходимо
добавить заголовки страниц.
Заключительной частью страницы является так называемый “подвал” или
“footer”. Данный элемент довольно важная часть страницы, посетитель,
пролистывая весь материал и добираясь до конца, должен иметь возможность
продолжить дальнейшую навигацию по сайту. Это означает что, в “подвале”
должно располагаться дублирующее меню по основным категориям. Помимо
информации и кнопок меню, “подвал” является завершающим элементом дизайна
сайта. Объекты, которые могут находится в “подвале”: контакты, меню, логотип,
социальные сети, счетчики посещений, копирайт [22].
Одним из требований заказчика к “подвалу” было размещение в нем карты
сайта, а внешний вид должен соответствовать примерному эскизу (приложение
3), но с заменого рисунка на соответствующий тематике сайта с уклоном к
восточной. Конечный вариант элемента “подвал” или footer представлен на
рисунке 13. Разработанная структура интерфейса приведена на рисунке 14.
Рисунок 13 – footer интернет магазина kamikaze43.ru
В разработке структуры и дизайна, последнее слово остается за заказчиком,
поэтому перед разработкой необходимо узнать о его предпочтениях и указать
ссылки на понравившиеся сайты.
30
Рисунок 14 – структура интерфейса kamikaze43.ru
Вывод: исходя из специфики товара, можно заключить, что основными
потребителями будут молодые люди и семьи, возраст от 15 до 45 лет. В случае с
семьями не стоит забывать и про детей. Дети главный двигатель продаж. При
существующей серьезной конкуренции на рынке, все еще есть возможность
заняться подобным делом, однако следует внимательно относиться к
потребностям клиентов и сделать упор на индивидуализацию и клиент
ориентированность. Под данную структуру разрабатываться дизайн макет
магазина. Варианты дизайн макета приведены в приложении 4.
31
3. Разработка интернет магазина
3.1 Обзор возможностей Opencart, первичная настройка
Как уже говорилось ранее, Opencart обладает достаточно хорошим
функционалом “из коробки”. Для начала работы потребуется зайти в
административную панель. Вход осуществляется по адресу
http://kamikaze43.ru/admin, на данной странице необходимо ввести логин и
пароль. Административная панель состоит из нескольких вкладок, рассмотрим их
подробнее:
1. Обзор – можно считать ее главной страницей административной части.
Показывает краткую статистику по совершенным покупкам и каждый заказ по
отдельности. При этом в заказе присутствует исчерпывающая информация, о
времени, доставке, сумме, товарах и т.д. Статистика учитывает сумму заказа и
активность покупок за день, неделю, месяц и год.
2. Каталог – основная вкладка для работы с наполнением магазина.
Категория – работа с пунктами меню. В отличие от других движков,
здесь пункты меню называются категориями. В данном разделе можно создать,
удалить и редактировать пункты меню сайта.
Товары – основное наполнение интернет магазина. В данном разделе
можно добавлять, удалять, редактировать товары. В каждом товаре есть
возможность добавить картинку и ряд характеристик.
Атрибуты – конкретные значения характеристик товаров. Используются
для реализации фильтрации товаров по определенному признаку. Например,
страна изготовления.
Опции – набор вариантов покупки товара. те характеристики, которые
будут влиять на цену товара. Например, пицца имеет три разных диаметра, в
соответствии с диаметром изменяется и вес, и количество ингредиентов, а
соответственно и цена.
Отзывы – содержит отзывы пользователей магазина о конкретном
товаре. Отзывы можно редактировать и публиковать на свое усмотрение.
Статьи – те материалы которые будут присутствовать в интернет
магазине, кроме товаров.