Перезапуск интернет-магазина Как избежать ошибок и снизить издержки?

www.infospice.ru

Открытые вебинары2015

успешные интернет-магазины

Перезапуск интернет-магазинаКак избежать ошибок и снизить издержки?

ПРОГРАММА ВЕБИНАРА

www.infospice.ru

1. Когда готовиться к перезапуску?

2. Составляем план перезапуска: сбор данных и аналитика.

3. Этап проектирования: прототипы, дизайн, тестирование.

4. Интеграция с ERP (1С, SAP).

5. Программирование.

6. Запуск: что делать в первые 240 часов.

7. Гарантия, поддержка и развитие.

8. Вопросы и ответы.


www.infospice.ru


КОГДА ГОТОВИТЬСЯ К ПЕРЕЗАПУСКУ?

— Cейчас! :)


ЧТО ПРОИСХОДИТ В ОТРАСЛИ Э-ТОРГОВЛИ?

www.infospice.ru

1. Число новых интернет-магазинов продолжает расти

Источник: InSales



www.infospice.ru

1.1 Объем рынка увеличивается даже в кризис

«В ближайшие годы рынок интернет-торговли продолжит расти на 25–35% в год,

оборот уже к 2016 году достигнет 1 трлн руб.,

прогнозируют аналитики InSales.

Для сравнения: в 2014 году офлайновая розница выросла всего на 2,7%, а за четыре месяца 2015 года упала на 6% к тому же периоду прошлого года, заявил 20 мая глава Минпромторга Денис Мантуров.

Источник: РБК



www.infospice.ru

2. Лидеры укрупняются, конкуренция растет

Источник: Similarweb



www.infospice.ru

3. Но доминируют все равно небольшие магазины


ЧТО ДЕЛАЮТ ЛИДЕРЫ ОТРАСЛИ?

www.infospice.ru

1. Перезапускают старые интернет-магазины.

2. Снижают издержки хранения и доставки товаров и обработки заказов.

3. Делают адаптивные версии магазинов или приложения для iOs, Android.

4. Внедряют методики увеличения повторных продаж.

Среднее время жизни одной версии магазина снизилось с 3-4х лет

до 1,5-2 лет.


НУЖНО ЛИ ВАМ ПЕРЕЗАПУСКАТЬ МАГАЗИН?

www.infospice.ru

1. Конверсия магазина не растет или даже падает.

2. Дизайн магазина не менялся уже 3 года.

3. У вас нет специальных версий магазина для смартфонов и планшетов.

4. Покупатели сайта жалуются на скорость и неудобство работы.

5. Ваш магазин не интегрирован ни с одной ERP или текущая

интеграция уже не отвечает потребностям магазина.

6. Снижается среднее время нахождения целевых посетителей на сайте.

Чек-лист:

Если хотя бы 3 ответа – да, Вам точно надо делать перезапуск магазина

ЖИЗНЕННЫЙ ЦИКЛ МАГАЗИНА

www.infospice.ru


www.infospice.ru


ПЛАН ПО ПЕРЕЗАПУСКУ МАГАЗИНА

КРАТКИЙ ПЛАН ПЕРЕЗАПУСКА

www.infospice.ru


0. ФОРМАЛИЗАЦИЯ ЦЕЛЕЙ И ТРЕБОВАНИЙ

• Перечислите цели и причины перезапуска.• Опишите Ваш «идеальный» магазин, каким он должен быть

в ближайшие 2-3 года.• Соберите жалобы и пожелания от клиентов, партнеров,

сотрудников.• Зафиксируйте ваши требования по интеграции с ERP.• Проанализируйте сайты конкурентов.• Выберите подрядчика.


www.infospice.ru


1. ВЫБОР ПОДРЯДЧИКА И ПОДПИСАНИЕ ДОГОВОРА

• Определите ваш бюджет (мин. и макс.).• Составьте список потенциальных подрядчиков:

• Кто делал сайты конкурентам.• Или делал подобные проекты.• Специализируются на интернет-магазинах.

• Разошлите цели и требования с этапа 1.• Сократите список подрядчиков до 3х студий.• Проанализируйте их предложения и пригласите на встречу:

определите, кто больше всех погрузился в ваш бизнес еще до подписания контракта.

• Подпишите договор.

КАК ВЫБРАТЬ «ПРАВИЛЬНУЮ» ВЕБ-СТУДИЮ

www.infospice.ru

Дано:1. Нужен сайт/магазин.2. Есть/нет рекомендации от

знакомых.3. Несколько/много веб-студий.4. Нет ТЗ, есть описание проекта.

Выбираем:1. Есть похожие проекты. 2. У студии есть адрес, реквизиты.3. Есть фотографии

руководства/сотрудников.4. На сайте есть хотя бы один

неприятный отзыв клиента.5. Ищем отзывы в Яндексе или

соцсетях/звоним клиентам.6. Есть описание процесса работы.7. Называют вилку цен и сроков, а

не точные данные.8. Не предлагают откаты.9. Высылают договор и структуру

ТЗ.10.Работают поэтапно.


Предусматриваем в договоре:

1. Предмет – разработка сайта или выполнение работ по сайту (в

приложениях по договору).

2. Каждый этап – отдельное приложение. Прототипы и ТЗ – первый этап.

3. Детальная смета и сроки – после первого этапа.

4. Прописаны случаи изменения цен в смете.

5. Указана ответственность сторон за нарушение сроков (досудебная).

6. Указаны ответственные лица с каждой стороны.

7. Платежи разбиты на этапы, 50/50.

8. Передача прав, исходных материалов, документации.

9. Обучение нестандартным функциям сайта.

10.Гарантия.

СОСТАВЛЯЕМ «ПРАВИЛЬНЫЙ» ДОГОВОР

www.infospice.ru



www.infospice.ru


2. АНАЛИТИКА

• Подрядчик анализирует:• Бизнес-процессы текущего магазина.• Структуру каталога товаров.• Устройство ERP-системы.• Требования заказчика с этапа 0.

• Проводится системная аналитика сайта:• Анализ клиентов, сегментация.• Бонусная система и маркетинговые инструменты.• Оформление заказа.• Пути навигации по сайту, посещаемые страницы.• Методы мотивации к покупке.

• Проектируется информационная архитектура.• Составляются методики миграции, в т.ч. SEO.


www.infospice.ru


3. СЦЕНАРИИ, ПРОЕКТИРОВАНИЕ И ТЗ

• Опишите жизненно-важный функционал текущего сайта, который надо перенести на новый сайт.

• Совместно с подрядчиком определите критические и узкие места магазина.

• Если есть интеграция с ERP, • Опишите сценарии работы сайта магазина и ERP.• Укажите узкие места, которые надо устранить при

перезапуске.• Спрогнозируйте, если можете, как будет устроен каталог

товаров в ближайшие 1-2 года.• Особое внимание уделите процедурам работы с заказами.

• Разработайте все возможные варианты сценариев поведения покупателей.

• Получите от подрядчика прототипы интерфейсов и покажите их сотрудникам, клиентам, партнерам.

• Вчитайтесь в ТЗ, утвердите план-график работ, добавьте 1/3.

СЦЕНАРИИ, ПРОТОТИПЫ И ТЗ

www.infospice.ru

Зачем нужен этот этап:

1. Определяет четкие цели сайта и сценарии поведения посетителей.

2. Уменьшает риски, стоимость проекта и вероятность провала.

3. Позволяет клиенту реально осознать проект, а студии – войти в курс.

4. Получаем детальную смета и точные сроки.


ПРОТОТИПЫ

www.infospice.ru

Ошибки проектирования:

1. Нет четких целей и сценариев поведения посетителей.

2. Забыли про мобильные устройства.

3. Копируем сайт конкурента.

4. Изобретаем велосипед сайт с нуля, а не используем стандарты отрасли.

5. Интерфейс проектирует клиент, а не студия.

6. Усложнение функций/страниц сайта без реальной необходимости.

7. Не описаны особенности текущего сайта, нет карты переноса данных на

новый.

8. Не учитываются особенности CMS.

9. Нет тестирования на реальных покупателях и нагрузочного

тестирования.


ТЕХНИЧЕСКОЕ ЗАДАНИЕ

www.infospice.ru

Ошибки этапа ТЗ:

1. ТЗ составлено поверхностно, нет логики работы функционала.

2. Не описана архитектура данных, как, что и где храним.

3. Не описан порядок и методы переезда сайта на новую версию.

4. Пишется без учета CMS.

5. Не используются типовые компоненты Битрикса.

6. Нет требований по нагрузке, скорости загрузки страниц, тестам

монитора качества Битрикс.

7. Используются нереальные/неутвержденные данные каталога товаров.

8. Не описаны сценарии тестирования.

9. ТЗ не читается/корректируется заказчиком.



www.infospice.ru


4. ДИЗАЙН, ВЕРСТКА И ВТОРОЕ ТЕСТИРОВАНИЕ

• Сократите время работы, начинайте с черновиков дизайна шапки сайта, чтобы определиться со стилистикой.

• Сообщите, какие примеры сайтов вам нравятся.• Ознакомьтесь с последними тенденциями в западных

магазинах.• Покажите дизайн сотрудникам, клиентам, партнерам.• Обязательно на себе проверьте процесс покупки в вашем

магазине по макетам нового дизайна.• Протестируйте верстку на всех устройствах: компьютере,

смартфонах, планшетах, даже на телевизоре.• Соблюдайте преемственность элементов, чтобы при смене

сайта пользователи не были сбиты с толку:• Изменением положения привычных элементов (корзина,

меню и т.п.).• Слишком ярким дизайном нетоварных частей макета.

ЭТАП ДИЗАЙНА

www.infospice.ru

Ошибки этапа:

1. Дизайн делает непрофессионал.

2. Игнорируются цветовые влияния.

3. Дизайн копируется у конкурента.

4. Делается акцент на неважные

блоки на странице.

5. Дизайн делается для «директора»,

а не для реальных покупателей.

6. Клиент не знает, чего хочет.

7. Студия не проводит аналитику фирменного стиля.

8. Не учитываются реальные данные товаров.


ЭТАП ВЕРСТКИ

www.infospice.ru

Ошибки этапа верстки:

1. Не пишется ТЗ на верстку.

2. Верстка не тестируется в разных браузерах.

3. Верстка не проходит валидацию (html - validator.w3.org , css -

jigsaw.w3.org/css-validator/).

4. Не учитываются мобильные устройства.

5. Не проверяется резиновость блоков.

6. Нет сверки с дизайном Pixel Perfect (Firefox).

7. Программисты не проверяют верстку.



www.infospice.ru


5. ИНТЕГРАЦИЯ С ERP И ДРУГИМИ СИСТЕМАМИ

• Это самый важных этап ваших работ. От него зависит:• Процесс продаж товаров в интернет-магазине.• Скорость работы сайта в целом.• Актуальность цен и остатков.• Управляемость и расширяемость каталога товаров.

• Составьте сценарии работы и интеграции ERP и магазина:• Выгрузка товаров, полная и только изменения.• Обновление остатков, цен, свойств для отдельных товаров.• Срочное изменение цен.• Добавление новых категорий и т.п.

• Начинайте интеграцию еще до прототипов.• Проектируйте объем данных в 2 раза больше от планируемого:

вам будет куда расширяться.• Работайте только на реальных данных и реальных объемах.• Тестируйте, тестируйте и еще раз тестируйте!• Сделайте сервис логгирования и ошибок.

ПРОГРАММИРОВАНИЕ

www.infospice.ru


6. ПРОГРАММИРОВАНИЕ

• Разделите функционал на важный и дополнительный. Составьте план ввода дополнительного функционала.

• Разбейте работы на 2х-недельные итерации, принимайте работу по частям.

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

• Заложите 2-3 недели на приемку и тестирование со своей стороны, не спешите вводить в эксплуатацию сайт с багами.

• Если не полностью доверяете исполнителю, закажите внешний аудит кода.

• Получите от Исполнителя результаты нагрузочных тестов.• Перед запуском предложите лояльным клиентам оценить новую

версию сайта, за бонусы.


www.infospice.ru

Ошибки этапа:

1. Нет реальных данных (по каталогу и т.п.).

2. Проект делают непрофессионалы.

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

4. Нет контроля качества кода.

5. Не проверяется безопасность кода, не настраивается проактивная защита в

Битриксе.

6. Вносятся правки в ядро Битрикса.

7. Не проводится нагрузочное тестирование.

8. Проект не тестируется исполнителем/на клиентах.

9. Не закладывается время на «неожиданности» и «додумки».

10. Сайт не подготовлен для поисковых систем.

11. Не анализируются логи сервера на предмет поиска ошибок.


ПРОГРАММИРОВАНИЕуспешные интернет-магазины

Контроль качества, безопасности. Аудит:1. Безопасность:

1. Настраиваем проактивную защиту в Битриксе.

2. Проверяем сайт в мониторе безопасности Битрикса.

3. Сканируем на уязвимости.

2. Качество:1. Монитор качества

Битрикса.2. Внешняя проверка

качества или 1С-Битрикс.

3. Ищем уязвимости на сервере.

www.infospice.ru


www.infospice.ru

Нагрузки:

1. Средствами Битрикс:

I. Монитор

производительности.

II. Режим отладки.

2. Свои средства:

1. Написание нагрузочных

тестов.

2. Внешняя проверка.

3. Генерация абстрактных

данных.

4. Контроль версий кода.

3. Аудит 1С-Битрикс.



www.infospice.ru


6. ТЕСТИРОВАНИЕ

• Функциональное тестирование по ТЗ.• Сценарное тестирование поведения пользователей.• Тестирование сценариев интеграции.• Нагрузочное тестирование.• Тестирование отказустойчивости и аварийных ситуаций.• Имитация переезда сайта на новую версию. Проведите эти

«учения» 2-3 раза.• Аудит кода и проверка безопасности.

ПРИЕМКА САЙТА, ГАРАНТИЯ И ПОДДРЕЖКА

www.infospice.ru

Приемка сайта:

1. Принимайте по ТЗ.

2. Привлекайте все заинтересованные отделы компании.

3. Пусть несколько лояльных клиентов за бонус пройдутся по сценариям

работы с сайтом/магазином.

4. Составляйте список багов и будущих доработок.

5. Обязательно проверьте работоспособность сайта после переноса на

Ваш хостинг.

6. Битрикс должен быть последней версии и не иметь доступных

стабильных обновлений.

7. Заложите в проект нужное на тестирование время.



СВОДНЫЙ ПЛАН ПЕРЕЗАПУСКА

www.infospice.ru

6. ПРОГРАММИРОВАНИЕ

0. ЦЕЛИ И ТРЕБОВАНИЯ 1. ВЫБОР ПОДРЯДЧИКА 2. АНАЛИТИКА

4. СЦЕНАРИИ, ПРОЕКТИРОВАНИЕ И ТЗ

5. ДИЗАЙН, ВЕРСТКА

3. ИНТЕГРАЦИЯ С ERP

7. ТЕСТИРОВАНИЕ 8. ЗАПУСК


www.infospice.ru


7. ЗАПУСК, ПЕРВЫЕ 240 ЧАСОВ

• Сделайте смену сайта утром, до начала активности пользователей.

• Еще раз проговорите с Исполнителем сценарий миграции.• Будьте готовы в любой момент вернуться на старую версию,

если что-то пойдет не так.• После смены самостоятельно протестируйте сценарии

навигации, покупки, оплаты.• Заведите на сайте специальную форму сообщения об ошибке.• Исполнитель:

• Анализирует error_log сервера.• Логирует, исправляет ошибки обмена с ERP.• Следит за производительностью сервера.

• Совместно с Исполнителем следите за реальными действиями пользователей через Вебвизор, вносите необходимые правки.

ЧТО ДАЛЬШЕ?

www.infospice.ru

Первые шаги после запуска:

1. Установите Яндекс.Метрику, смотрите за аналитикой

и поведением пользователей через веб-визор.

Следите за конверсией.

2. Добавляйте улучшающие опыт взаимодействия

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

3. Перестраивайте блоки на сайте, убирайте лишнее.

4. Анализируйте статистику отказов по разделам и

страницам.

5. Звоните клиентам и просите их дать обратную связь

по сайту.

6. Вкладывайтесь во вторичные продажи!


ГАРАНТИЙНАЯ ПОДДЕРЖКА

www.infospice.ru

Кто отвечает по гарантии:

1. Исполнитель дает гарантию на свой код.

2. За CMS Битрикс отвечает техподдержка 1С-Битрикс.

Как не лишится гарантии:

3. Не правьте код Исполнителя или Ядро Битрикса.

4. Делайте резервную копию сайта перед правками.

5. Уточняйте «гарантийность» по ТЗ.

6. Используйте рекомендованный Битриксом хостинг.

7. Для корректной работы сайта инструмент «Проверка

сайта» в Битриксе не должен иметь «красных строк».


ПРИЕМКА САЙТА, ГАРАНТИЯ И ПОДДЕРЖКА

www.infospice.ru

Что входит в гарантийную поддержку Исполнителем:

1. Исправление багов своего кода в течение

гарантийного срока.

2. Оптимизация скорости загрузки страниц.

3. Доработка «забытого» функционала.


ПРИЕМКА САЙТА, ГАРАНТИЯ И ПОДДЕРЖКА

www.infospice.ru

Как правильно писать в ТП Битрикса:

1. Сначала проверьте сайт инструментом «Проверка

сайта» и устраните неполадки. Установите последние

обновления Битрикса.

2. Сначала почитайте учебные курсы и поищите на

dev.1c-bitrix.ru.

3. Точно опишите проблему, приведите примеры,

приложите скриншоты.

4. Предоставляйте админский доступ на сайт.

5. Будьте вежливы и терпеливы.


www.infospice.ru

Наши координаты

Тел. 8(499)501-61-37Отдел продаж – [email protected]

www.infospice.ruTwitter – www.twitter.com/infospice

Facebook – www.facebook.com/infospice

Интернет-магазин Битрикс – www.infospice.ru/shop/


mailto:[email protected]

http://www.infospice.ru/

http://www.twitter.com/infospice

http://www.facebook.com/infospice

http://www.infospice.ru/shop/

Internet

Перезапуск интернет-магазина Как избежать ошибок и снизить издержки?