Гонки со временем: как разработать и запустить...
DESCRIPTION
У нас было всего полтора месяца, чтобы погрузиться в задачу, продумать структуру сайта, создать прототипы и адаптивную вёрстку, сделать дизайн и избавиться от багов. Узнайте, как работать в таких экстремальных условиях!TRANSCRIPT
![Page 1: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/1.jpg)
Гонки со временем:как потратить всего 1,5 месяца на разработку и запуск эффективного сайта для банка
![Page 2: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/2.jpg)
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 апреля — когда начиналось офлайн продвижение продукта.
![Page 3: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/3.jpg)
Мы начали работу незамедлительно
![Page 4: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/4.jpg)
Этап 1. Погружение в проблему
Если бы у меня был только час, чтобы спасти мир, я потратил бы 55 минут на то, чтобы понять проблему, и 5 минут на то, чтобы найти решение.
«»
Альберт Эйнштейн
![Page 5: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/5.jpg)
Ребрендинг
Задача
В 2012 году банк SIAB начал ребрендинг. Меняли не только внешний вид, но и линейку продуктов
![Page 6: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/6.jpg)
Ребрендинг Продукт
Задача
Продуктом, который предстояло запустить,стала сверхкарта Cash Back online.Она моментально возвращает процент от суммы покупок, совершённых по карте
В 2012 году банк SIAB начал ребрендинг. Меняли не только внешний вид, но и линейку продуктов
![Page 7: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/7.jpg)
Ребрендинг Продукт Мобильный трафик
Задача
По данным аналитики, мобильный трафик составлял около 10% от всего трафика сайта. Это надо было учитывать при создании сайта.
В 2012 году банк SIAB начал ребрендинг. Меняли не только внешний вид, но и линейку продуктов
Продуктом, который предстояло запустить,стала сверхкарта Cash Back online.Она моментально возвращает процент от суммы покупок, совершённых по карте
![Page 8: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/8.jpg)
Этап 2. Разработка убеждения
При разработке структуры сайта важно было:
показать пользователю выгоды от использования карты
убедить примерами, знакомыми из жизни
потратить минимум времени на разработку структуры
![Page 9: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/9.jpg)
Для разработки структуры сайта мы использовали...
![Page 10: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/10.jpg)
...программу для создания презентаций keynote
Это быстро!
легко оставлять заметки
Это наглядно —
контент сайта следует
слайд за слайдом
![Page 11: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/11.jpg)
Покупки продуктов
Бензин, обслуживание автомобиля
Кафе и рестораны
Фитнес
Прочие покупки
7500 Р
7500 Р
7500 Р
7500 Р
7500 Р
Калькулятор выгодыВажный фактор убеждения — расчёт выгоды от карты
![Page 12: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/12.jpg)
Калькулятор выгоды
расчёт выгоды, приближенный
к образу жизни Клиентатариф, наиболее подходящий
пользователю, автоматически
подсвечивается
кнопка «оформить» прямо
в карточке тарифа
![Page 13: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/13.jpg)
Этап 3. Воплощение
Воплощение идей состояло из 3 этапов:
создание прототипов
дизайн
вёрстка
1
2
3
![Page 14: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/14.jpg)
1. Прототипы
Сайт должен быть адаптивным из-‐за большого процента мобильного трафика
В условиях сильного ограничения во времени надо было создать прототипы быстро
![Page 15: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/15.jpg)
Мы использовалиZurb Foundation — удобный инструмент для быстрого прототипирования
получившийся прототип —
почти готовая веб-страница
автоматическое
создание адаптивной
вёрстки
![Page 16: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/16.jpg)
2. ДизайнМногим известна проблема: чтобы разработать и согласовать дизайн, требуется слишком много времени
Заказчик Интернет-‐маркетолог Дизайнер
![Page 17: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/17.jpg)
2. ДизайнМногим известна проблема: чтобы разработать и согласовать дизайн, требуется слишком много времени
Заказчик Интернет-‐маркетолог Дизайнер
Мы не могли с
ебе этого по
зволить
![Page 18: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/18.jpg)
Мы выбралиготовый дизайн-набор
![Page 19: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/19.jpg)
и доработали его в соответствии с фирменным стилем банка SIAB
![Page 20: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/20.jpg)
3. Вёрстка
Самая долгая и кропотливая часть работы
![Page 21: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/21.jpg)
7 экранов сайта, множество вкладок
![Page 22: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/22.jpg)
мы делали всё возможное,
![Page 23: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/23.jpg)
чтобы запустить сайт вовремя
![Page 24: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/24.jpg)
После этого мы проверили и исправили ошибки в мобильной вёрстке
![Page 25: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/25.jpg)
3
![Page 26: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/26.jpg)
2
![Page 27: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/27.jpg)
1
![Page 28: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/28.jpg)
Старт
![Page 29: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/29.jpg)
месяца потребовалось на:погружение в задачу;разработку структуры сайта;поиск и доработку дизайна;вёрстку и устранение ошибок;менеджмент проекта.
2 дня оставалось дозапуска рекламной кампании в офлайне. Мы успели запустить сайт!
% конверсиятакой процент посетителей сайта оформляли заявку на получение карты
5,4
1,5
![Page 30: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/30.jpg)
334 заявкибанк SIAB получил за первый месяц работы сайта
![Page 31: Гонки со временем: как разработать и запустить эффективный сайт для банка за 1,5 месяца](https://reader034.vdocuments.site/reader034/viewer/2022051312/546abe59af7959664c8b4e9c/html5/thumbnails/31.jpg)
доверьте нам интернет-маркетинг своей компанииДавайте побеждать вместе!
кликабельно