Embed Size (px)
DESCRIPTION
У нас было всего полтора месяца, чтобы погрузиться в задачу, продумать структуру сайта, создать прототипы и адаптивную вёрстку, сделать дизайн и избавиться от багов. Узнайте, как работать в таких экстремальных условиях!
Citation preview
Гонки со временем:как потратить всего 1,5 месяца на разработку и запуск эффективного сайта для банка
1 2 3 4 5 6 7
пн вт ср чт пт сб вс
март 2013
1 2 3 4 5 6 7
пн вт ср чт пт сб вс
апрель 2013
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
5 марта 2013 года. Банк SIAB обращается в «ЛидМашину» с задачей: запуск нового продукта в интернете. Выполнить задачу надо было до 25 апреля — когда начиналось офлайн продвижение продукта.
Мы начали работу незамедлительно
Этап 1. Погружение в проблему
Если бы у меня был только час, чтобы спасти мир, я потратил бы 55 минут на то, чтобы понять проблему, и 5 минут на то, чтобы найти решение.
«»
Альберт Эйнштейн
Ребрендинг
Задача
В 2012 году банк SIAB начал ребрендинг. Меняли не только внешний вид, но и линейку продуктов
Ребрендинг Продукт
Задача
Продуктом, который предстояло запустить,стала сверхкарта Cash Back online.Она моментально возвращает процент от суммы покупок, совершённых по карте
В 2012 году банк SIAB начал ребрендинг. Меняли не только внешний вид, но и линейку продуктов
Ребрендинг Продукт Мобильный трафик
Задача
По данным аналитики, мобильный трафик составлял около 10% от всего трафика сайта. Это надо было учитывать при создании сайта.
В 2012 году банк SIAB начал ребрендинг. Меняли не только внешний вид, но и линейку продуктов
Продуктом, который предстояло запустить,стала сверхкарта Cash Back online.Она моментально возвращает процент от суммы покупок, совершённых по карте
Этап 2. Разработка убеждения
При разработке структуры сайта важно было:
показать пользователю выгоды от использования карты
убедить примерами, знакомыми из жизни
потратить минимум времени на разработку структуры
Для разработки структуры сайта мы использовали...
...программу для создания презентаций keynote
Это быстро!
легко оставлять заметки
Это наглядно —
контент сайта следует
слайд за слайдом
Покупки продуктов
Бензин, обслуживание автомобиля
Кафе и рестораны
Фитнес
Прочие покупки
7500 Р
7500 Р
7500 Р
7500 Р
7500 Р
Калькулятор выгодыВажный фактор убеждения — расчёт выгоды от карты
Калькулятор выгоды
расчёт выгоды, приближенный
к образу жизни Клиентатариф, наиболее подходящий
пользователю, автоматически
подсвечивается
кнопка «оформить» прямо
в карточке тарифа
Этап 3. Воплощение
Воплощение идей состояло из 3 этапов:
создание прототипов
дизайн
вёрстка
1
2
3
1. Прототипы
Сайт должен быть адаптивным из-‐за большого процента мобильного трафика
В условиях сильного ограничения во времени надо было создать прототипы быстро
Мы использовалиZurb Foundation — удобный инструмент для быстрого прототипирования
получившийся прототип —
почти готовая веб-страница
автоматическое
создание адаптивной
вёрстки
2. ДизайнМногим известна проблема: чтобы разработать и согласовать дизайн, требуется слишком много времени
Заказчик Интернет-‐маркетолог Дизайнер
2. ДизайнМногим известна проблема: чтобы разработать и согласовать дизайн, требуется слишком много времени
Заказчик Интернет-‐маркетолог Дизайнер
Мы не могли с
ебе этого по
зволить
Мы выбралиготовый дизайн-набор
и доработали его в соответствии с фирменным стилем банка SIAB
3. Вёрстка
Самая долгая и кропотливая часть работы
7 экранов сайта, множество вкладок
мы делали всё возможное,
чтобы запустить сайт вовремя
После этого мы проверили и исправили ошибки в мобильной вёрстке
3
2
1
Старт
месяца потребовалось на:погружение в задачу;разработку структуры сайта;поиск и доработку дизайна;вёрстку и устранение ошибок;менеджмент проекта.
2 дня оставалось дозапуска рекламной кампании в офлайне. Мы успели запустить сайт!
% конверсиятакой процент посетителей сайта оформляли заявку на получение карты
5,4
1,5
334 заявкибанк SIAB получил за первый месяц работы сайта
доверьте нам интернет-маркетинг своей компанииДавайте побеждать вместе!
кликабельно
