Методология создания Интернет-магазина

Тихонов Артем

AlterEGO digital agency

Что такое Интернет-магазин?

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

Интернет-магазин – цикл созданияЭтап Результат этапа

Подготовка концепции магазина Бизнес-план

Подготовка к созданию сайта Техническое задание

Разработка Сайт

Онлайн-маркетинг:• SEO• Контекстная реклама• E-mail маркетинг• SMM

Получение трафика/посетителей на сайт

Оценка эффективности вложений в рекламу

Оптимизация рекламных кампаний с точки зрения отдачи от каждого отдельного канала

Оценка эффективности бизнеса Внесение корректировок в бизнес-процессы, ассортимент и т.п.

Зачем я вообще это рассказываю?

Бизнес-процесс

1. Выбор CMS

2. Выбор хостинга

3. Покупка или регистрация домена

4. Выбор команды исполнителей

5. Формирование бюджета

6. Заключение договора на создание сайта

7. Работа по проекту

8. Запуск сайта на официальном домене

Выбираем CMSАренда магазина, сайт без CMS (одностраничник)

по данным RatingRuneta

Студийные CMS

Open-Source

Платные CMS

Виды хостинга

• Виртуальный хостинг

• Виртуальный сервер (VPS)

• Виртуальный выделенный сервер (VDS)

• Выделенный сервер

• Co-location

Как выбрать хостинг?

• Нагрузка (планируемое число посетителей, объем материалов на сайте)

• Ваша CMS или программное обеспечение

• UpTime в %

• Техническая поддержка на русском/украинском языке

• Регион основного потока посетителей

Покупка или регистрация домена

• Напрямую у регистратора

• Купить домен на вторичном рынке

Кто будет делать сайт?

Самостоятельно

Нанять свою команду

Команда фрилансеров

Веб-студия

Агентство

Где найти агентство или веб-студию?

• Рекомендации коллег/друзей

• Рейтинги: WwwRating, RatingRuneta

• Рейтинги партнеров CMS

• Выступления на конференциях, семинарах, мастер-классах

• Подписи к сайтам

На что обратить внимание?

• развитие отношений, понимание планов клиента

• скорость ответа на письма, звонки, skype

• протоколы встреч

• понятный тайм-план

• использование CRM-систем

• детализация проекта, углубление, изучение терминологии

Дополнительные плюсы

• Услуги поддержки сайта

• Понятный и легко читаемый договор

• Наличие офиса и своего production

• Нахождение в том же городе, что и Вы

• Возраст компании

• Участие сотрудников в профильных конференциях

• Отзывы и рекомендации клиентов

Как оценивать портфолио/кейсы?

• Величина бренда/компании для которой делалась работа

• Кейсы из той же отрасли

• Кейсы по тому же типу сайтов

• Отзывы

• Ваше личное мнение

Бюджет и смета

Проектная команда

• Аккаунт-менеджер• Менеджер проекта• Технический директор• UI-дизайнер• Арт-директор• Дизайнер• Веб-технолог (он же верстальщик)• Программист• Контент-менеджер• Специалист по качеству (он же тестировщик)

Проектная документация

Договор – описываются общие положения, обязанности каждой сторон, авторские права

Смета или спецификация – фактически описание этапов работы и стоимостей каждого этапа

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

Процесс создания сайта

1. Изучение целевой аудитории. Выделение ключевых персонажей. Определение сценариев пользователя.

2. Составление технического задания.3. Прототипирование.4. Создание концепции дизайна + макетов внутренних

страниц.5. Верстка, интеграция с CMS.6. Наполнение сайта контентом.7. Тестирование.8. Настройка аналитики соответственно с бизнес-целями.9. Запуск сайта на домене Заказчика.

Материалы для сайта

Таймплан всегда должен быть актуален!

Обязанность Исполнителя держать Заказчика в курсе и если сроки переносятся (что в ряде случаев и происходит, то он обязан предупредить Заказчика об этом)

Кто Ваш покупатель?

А что предлагаете?

Надо дать ответы на следующие вопросы:• Кто ваши целевые клиенты? (Пол, возраст, отрасль,

регион и т.д.) • Какие проблемы решает ваш продукт(ы)\услуга(и) для

каждого сегмента целевой аудитории? • Какие возражения существуют у клиентов при покупке

данного продукта? • Какие стереотипы необходимо преодолеть, чтобы

совершить продажу? • Почему ваш продукт лучше, чем продукт конкурентов? • Какие уникальные особенности получит клиент при

сотрудничестве с вами\при покупке вашего продукта или услуги?

Портреты пользователей

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

Собираем SEO-запросы по которым планируем продвижение.

Группируем запросы, формируем структуру сайта

Группируем схожие запросы, выстраиваем иерархическую структуру

Техническое задание.

Описываем основные страницы:

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

• Страница товарной категории

• Страница товара

• Корзина

• Оформление и подтверждение заказа

Техническое задание.

Прототипирование

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

• Название страницы - заголовок

• Планируемый URL адрес

• Сегмент целевой аудитории, к которой обращена эта страница.

• Список целевых действий, которые необходимо совершить на этой странице

• Какие маркетинговые задачи решает эта страница (показ преимуществ, сравнение с конкурентами и т.д.).

• Перечень ключевых слов и словосочетаний.

• Рекомендации к написанию текстов и размещению графики.

Прототипирование

• Ручками и на компьютере

Чем рисовать прототипы?

На компьютере Онлайн

Концепция дизайна

1 или несколько

Концепций дизайна

на выбор.

Далее выбирается один

вариант концепции

дизайна и рисуются

внутренние страницы

Создание основных внутренних страниц магазина

• Страница категории товара• Страница товара• Купить в один клик• Быстрый просмотр товара• Страница товара• Корзина• Оформление заказа• Результаты поиска по сайту

Страница категории товара

Страница товара

Купить в один клик

Корзина

Оформление заказа

Поиск

Верстка макетов

Кроссбраузерность:

•Chrome

•FireFox

• Internet Explorer

•Opera

Корректная работа на планшетах и мобильных устройствах

Фиксированная верстка

Вне зависимости от ширины экрана фиксированная ширина, как правило ~1000px

Резиновая верстка

Тянется в ширину в зависимости от ширины экрана

Контент – не забудьте про него!

• Тексты

• Фотографии

• Видео

Тексты

• Читаемы• Ключевые фразы вставлены равномерно• Должны быть заголовки (H1)• Должны быть подзаголовки (H2)• Объем (обычно от 1500 до 3000 символов)• Никакой воды• Система и порядок• Выделяйте основные моменты• Тексты должны соответствовать вашим маркетинговым целям!

Фотографии

• Заказать у фотографа на аутсорсе

• Самостоятельно фотографировать

• Использовать фотостоки для баннеров: depositphotos.com, shutterstock.com

• От качества фотографий товаров будут зависеть Ваши продажи, поэтому не скупитесь!

Интеграция с бухгалтерией 1С

• Выгрузка каталога цен, остатков из 1С.Предприятие

• Загрузка каталога цен, остатков в формате XML, CSV или MS Excel

• Прямая и обратная интеграция с 1С.Предприятие

Интеграция с CRM

• Загрузка данных о заказах сразу в CRM

• Работа с заказами прямо в CRM

• «Воронка» для оценки эффективности

• И другие плюсы

Наполнение, тестирование

• Вносим на сайт весь необходимый

контент

• Полностью проверяем сайт

• Написание инструкции по

использованию сайта (для дальнейшей

самостоятельной поддержки)

• Обучение ответственного менеджера со

стороны Заказчика поддержке сайта

Проверяем готов ли сайт к SEO

• Наличие ссылок с ЧПУhttp://site.ua/tovary-dlya-deteya/igrushka.html

• Заголовки H1, H2

• Мета-теги заполнены или генерируются

• Хлебные крошки

• SiteMap.xml

• и т.д.

Установка счетчиков аналитики

• Настройка целей интернет-магазина

• Проверка корректной работы

Скорость загрузки и отказоустойчивость

Запуск на домене

Спасибо за вниманиес удовольствием отвечу на все Ваши

вопросы!

facebook.com/artem.tickhonov