SlideShare ist ein Scribd-Unternehmen logo
1 von 31
Downloaden Sie, um offline zu lesen
Гонки со временем:
как потратить всего 1,5 месяца на разработку
и запуск эффективного сайта для банка
март 2013
ср чт пт сб вс
3 4 5 6 7

5	
  марта	
  2013	
  года.	
  Банк	
  SIAB	
  обращается	
  в	
  «ЛидМашину»	
  
с	
  задачей:	
  запуск	
  нового	
  продукта	
  в	
  интернете.	
  
Выполнить	
  задачу	
  надо	
  было	
  до	
  25	
  апреля	
  —	
  когда	
  
начиналось	
  офлайн	
  продвижение	
  продукта.	
  

апрель 2013
пн вт ср чт пт сб вс
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
Мы начали работу незамедлительно
Этап 1. Погружение в проблему

«

Если	
  бы	
  у	
  меня	
  был	
  только	
  час,	
  чтобы	
  спасти	
  мир,	
  
я	
  потратил	
  бы	
  55	
  минут	
  на	
  то,	
  чтобы	
  понять	
  
проблему,	
  и	
  5	
  минут	
  на	
  то,	
  чтобы	
  найти	
  решение.

»

Альберт	
  Эйнштейн
Задача
Ребрендинг
В	
  2012	
  году	
  банк	
  SIAB	
  
начал	
  ребрендинг.	
  
Меняли	
  не	
  только	
  
внешний	
  вид,	
  
но	
  и	
  линейку	
  продуктов	
  
Задача
Ребрендинг
В	
  2012	
  году	
  банк	
  SIAB	
  
начал	
  ребрендинг.	
  
Меняли	
  не	
  только	
  
внешний	
  вид,	
  
но	
  и	
  линейку	
  продуктов	
  

Продукт
Продуктом,	
  который	
  
предстояло	
  запустить,
стала	
  сверхкарта	
  
Cash	
  Back	
  online.
Она	
  моментально	
  
возвращает	
  процент	
  
от	
  суммы	
  покупок,	
  
совершённых	
  по	
  карте
Задача
Ребрендинг
В	
  2012	
  году	
  банк	
  SIAB	
  
начал	
  ребрендинг.	
  
Меняли	
  не	
  только	
  
внешний	
  вид,	
  
но	
  и	
  линейку	
  продуктов	
  

Продукт
Продуктом,	
  который	
  
предстояло	
  запустить,
стала	
  сверхкарта	
  
Cash	
  Back	
  online.
Она	
  моментально	
  
возвращает	
  процент	
  
от	
  суммы	
  покупок,	
  
совершённых	
  по	
  карте

Мобильный трафик
По	
  данным	
  аналитики,	
  
мобильный	
  трафик	
  
составлял	
  
около	
  10%	
  от	
  всего	
  
трафика	
  сайта.	
  
Это	
  надо	
  было	
  учитывать	
  
при	
  создании	
  сайта.
Этап 2. Разработка убеждения

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

потратить	
  минимум	
  времени	
  на	
  разработку	
  структуры
Для разработки структуры сайта мы использовали...
...программу для создания презентаций keynote

ет
о—
лядн та следу
аг
то н нт сай ом
Э
е
д
контд за слай
слай
ки
амет
ть з

я

вл
оста
о

легк

то б
Э

ро!
ыст
Калькулятор выгоды
Важный	
  фактор	
  убеждения	
  —	
  расчёт	
  выгоды	
  от	
  карты

Покупки продуктов

7500 Р

Бензин, обслуживание автомобиля

7500 Р

Кафе и рестораны

7500 Р

Фитнес

Прочие покупки

7500 Р

7500 Р
Калькулятор выгоды
й

ны
ижен
бл
, при ента
ды
выго зни Кли
т
расчёразу жи
к об

й
дящи ски
хо
е под матиче
ле
аибо , авто
,н
ариф вателю я
т зо
с
поль вечивает
подс

ям
ь» пр
т
орми ифа
ф
ка «оке тар
кноп точ
в кар

о
Этап 3. Воплощение

Воплощение	
  идей	
  состояло	
  из	
  3	
  этапов:

1 создание	
  прототипов
2 дизайн
3 вёрстка
1. Прототипы
Сайт	
  должен	
  быть	
  адаптивным	
  из-­‐за	
  
большого	
  процента	
  мобильного	
  трафика

В	
  условиях	
  сильного	
  ограничения	
  во	
  времени	
  
надо	
  было	
  создать	
  прототипы	
  быстро
Мы использовали
Zurb Foundation —
удобный инструмент для быстрого
прототипирования
ое
ическтивной
т
тома е адап
ав ани
созд тки
вёрс

—
отипаница
от
ся првеб-стр
ий
чивш товая
полу и го
почт
2. Дизайн
Многим	
  известна	
  проблема:	
  чтобы	
  разработать	
  
и	
  согласовать	
  дизайн,	
  требуется	
  слишком	
  много	
  времени

Заказчик

Интернет-­‐маркетолог

Дизайнер
2. Дизайн
Многим	
  известна	
  проблема:	
  чтобы	
  разработать	
  
и	
  согласовать	
  дизайн,	
  требуется	
  слишком	
  много	
  времени

	
  мо
	
  не
Мы
Заказчик

ить
вол
	
  поз
ого
	
  эт
ебе
и	
  с
гл

Интернет-­‐маркетолог

Дизайнер
Мы выбрали
готовый дизайн-набор
и доработали его в соответствии с фирменным стилем
банка SIAB
3. Вёрстка
Самая	
  долгая	
  и	
  кропотливая	
  часть	
  работы
7 экранов сайта, множество вкладок
мы делали всё возможное,
чтобы запустить сайт вовремя
После этого мы проверили и исправили ошибки в
мобильной вёрстке
3
2
1
Старт
1,5

месяца	
  потребовалось	
  на:
погружение	
  в	
  задачу;
разработку	
  структуры	
  сайта;
поиск	
  и	
  доработку	
  дизайна;
вёрстку	
  и	
  устранение	
  ошибок;
менеджмент	
  проекта.

2

дня	
  оставалось	
  до
запуска	
  рекламной	
  кампании	
  
в	
  офлайне.	
  
Мы	
  успели	
  запустить	
  сайт!

5,4

%	
  конверсия
такой	
  процент	
  посетителей	
  сайта	
  
оформляли	
  заявку	
  на	
  получение	
  
карты
334 заявки
банк SIAB получил за первый месяц работы сайта
сте!
ь вме
ждат
е

е побт-маркетинг своей компании
вайт
Да
е
м интерн
оверьте на
д

кликабельно

moreleads@leadmachine.ru

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (8)

Lena Koinberg | FBK Kemi: Ämnens egenskaper
Lena Koinberg | FBK Kemi: Ämnens egenskaperLena Koinberg | FBK Kemi: Ämnens egenskaper
Lena Koinberg | FBK Kemi: Ämnens egenskaper
 
Cápsula BNI de Educación 8: El Poder del 1, Capacitación
Cápsula BNI de Educación 8: El Poder del 1, CapacitaciónCápsula BNI de Educación 8: El Poder del 1, Capacitación
Cápsula BNI de Educación 8: El Poder del 1, Capacitación
 
Social Media Mining - Chapter 3 (Network Measures)
Social Media Mining - Chapter 3 (Network Measures)Social Media Mining - Chapter 3 (Network Measures)
Social Media Mining - Chapter 3 (Network Measures)
 
Ljus
LjusLjus
Ljus
 
Cyber Troops & Computational Propaganda dalam Demokratisasi Indonesia
Cyber Troops & Computational Propaganda dalam Demokratisasi IndonesiaCyber Troops & Computational Propaganda dalam Demokratisasi Indonesia
Cyber Troops & Computational Propaganda dalam Demokratisasi Indonesia
 
ANIES, GANJAR, DAN PRABOWO SAAT DAN PASCA ACARA MATA NAJWA
ANIES, GANJAR, DAN PRABOWO SAAT DAN PASCA ACARA MATA NAJWAANIES, GANJAR, DAN PRABOWO SAAT DAN PASCA ACARA MATA NAJWA
ANIES, GANJAR, DAN PRABOWO SAAT DAN PASCA ACARA MATA NAJWA
 
BNI Chapter Traffic Lights
BNI Chapter Traffic LightsBNI Chapter Traffic Lights
BNI Chapter Traffic Lights
 
Lena Koinberg | Baskemi: Kemins grunder
Lena Koinberg | Baskemi: Kemins grunderLena Koinberg | Baskemi: Kemins grunder
Lena Koinberg | Baskemi: Kemins grunder
 

Ähnlich wie Как разработать и запустить сайт для банка за 1,5 месяца

[Leadmachine] trends 2013
[Leadmachine] trends 2013[Leadmachine] trends 2013
[Leadmachine] trends 2013
ConcertWith.me
 
Майстер-Клас від Павла Рязанова для ІТ-сеілзів. Як шукати замовників на закод...
Майстер-Клас від Павла Рязанова для ІТ-сеілзів. Як шукати замовників на закод...Майстер-Клас від Павла Рязанова для ІТ-сеілзів. Як шукати замовників на закод...
Майстер-Клас від Павла Рязанова для ІТ-сеілзів. Як шукати замовників на закод...
Lviv Startup Club
 
step2businessmodel27052015460-150527152307-lva1-app6892
step2businessmodel27052015460-150527152307-lva1-app6892step2businessmodel27052015460-150527152307-lva1-app6892
step2businessmodel27052015460-150527152307-lva1-app6892
ukst
 
step2businessmodel27052015460-150527152307-lva1-app6892
step2businessmodel27052015460-150527152307-lva1-app6892step2businessmodel27052015460-150527152307-lva1-app6892
step2businessmodel27052015460-150527152307-lva1-app6892
ukst
 
Step2BusinessModel_27052015
Step2BusinessModel_27052015Step2BusinessModel_27052015
Step2BusinessModel_27052015
mikeshagiev
 
step2businessmodel27052015460-150527152307-lva1-app6892
step2businessmodel27052015460-150527152307-lva1-app6892step2businessmodel27052015460-150527152307-lva1-app6892
step2businessmodel27052015460-150527152307-lva1-app6892
ukst
 
Step2BusinessModel_27052015
Step2BusinessModel_27052015Step2BusinessModel_27052015
Step2BusinessModel_27052015
mikeshagiev
 
экономика Agile проекта
экономика Agile проектаэкономика Agile проекта
экономика Agile проекта
Denis Petelin
 

Ähnlich wie Как разработать и запустить сайт для банка за 1,5 месяца (20)

Здравый смысл в SEO на GuruConf-2017
Здравый смысл в SEO  на GuruConf-2017Здравый смысл в SEO  на GuruConf-2017
Здравый смысл в SEO на GuruConf-2017
 
[Leadmachine] trends 2013
[Leadmachine] trends 2013[Leadmachine] trends 2013
[Leadmachine] trends 2013
 
Егор Крюнькин. Agile-ом по Lean production или Гибкий путь государственного у...
Егор Крюнькин. Agile-ом по Lean production или Гибкий путь государственного у...Егор Крюнькин. Agile-ом по Lean production или Гибкий путь государственного у...
Егор Крюнькин. Agile-ом по Lean production или Гибкий путь государственного у...
 
Почему агентству интернет-рекламы, веб-студии или РА невыгодно развивать напр...
Почему агентству интернет-рекламы, веб-студии или РА невыгодно развивать напр...Почему агентству интернет-рекламы, веб-студии или РА невыгодно развивать напр...
Почему агентству интернет-рекламы, веб-студии или РА невыгодно развивать напр...
 
Трилан
ТриланТрилан
Трилан
 
Зачем клиенту SEO/PPC-агентство или почему не попробовать самим?
Зачем клиенту SEO/PPC-агентство или почему не попробовать самим?Зачем клиенту SEO/PPC-агентство или почему не попробовать самим?
Зачем клиенту SEO/PPC-агентство или почему не попробовать самим?
 
Майстер-Клас від Павла Рязанова для ІТ-сеілзів. Як шукати замовників на закод...
Майстер-Клас від Павла Рязанова для ІТ-сеілзів. Як шукати замовників на закод...Майстер-Клас від Павла Рязанова для ІТ-сеілзів. Як шукати замовників на закод...
Майстер-Клас від Павла Рязанова для ІТ-сеілзів. Як шукати замовників на закод...
 
Продвижение порталов и крупных интернет магазинов
Продвижение порталов и крупных интернет магазиновПродвижение порталов и крупных интернет магазинов
Продвижение порталов и крупных интернет магазинов
 
Как привлечь лидов с помощью бесплатного проекта: кейс Netpeak
Как привлечь лидов с помощью бесплатного проекта: кейс NetpeakКак привлечь лидов с помощью бесплатного проекта: кейс Netpeak
Как привлечь лидов с помощью бесплатного проекта: кейс Netpeak
 
Продвижение порталов
Продвижение порталовПродвижение порталов
Продвижение порталов
 
step2businessmodel27052015460-150527152307-lva1-app6892
step2businessmodel27052015460-150527152307-lva1-app6892step2businessmodel27052015460-150527152307-lva1-app6892
step2businessmodel27052015460-150527152307-lva1-app6892
 
step2businessmodel27052015460-150527152307-lva1-app6892
step2businessmodel27052015460-150527152307-lva1-app6892step2businessmodel27052015460-150527152307-lva1-app6892
step2businessmodel27052015460-150527152307-lva1-app6892
 
Step2BusinessModel_27052015
Step2BusinessModel_27052015Step2BusinessModel_27052015
Step2BusinessModel_27052015
 
step2businessmodel27052015460-150527152307-lva1-app6892
step2businessmodel27052015460-150527152307-lva1-app6892step2businessmodel27052015460-150527152307-lva1-app6892
step2businessmodel27052015460-150527152307-lva1-app6892
 
Step2BusinessModel_27052015
Step2BusinessModel_27052015Step2BusinessModel_27052015
Step2BusinessModel_27052015
 
экономика Agile проекта
экономика Agile проектаэкономика Agile проекта
экономика Agile проекта
 
Управление созданием digital продуктов от looi
Управление созданием digital продуктов от looiУправление созданием digital продуктов от looi
Управление созданием digital продуктов от looi
 
«Правильный процесс дает правильный результат». Как грамотно выстроить работу...
«Правильный процесс дает правильный результат». Как грамотно выстроить работу...«Правильный процесс дает правильный результат». Как грамотно выстроить работу...
«Правильный процесс дает правильный результат». Как грамотно выстроить работу...
 
Internet-magazine
Internet-magazine Internet-magazine
Internet-magazine
 
Масштабирование Agile в Единой фронтальной системе Сбербанка
Масштабирование Agile в Единой фронтальной системе СбербанкаМасштабирование Agile в Единой фронтальной системе Сбербанка
Масштабирование Agile в Единой фронтальной системе Сбербанка
 

Mehr von Nadya Pominova

Рост прибыли на 1 500 000 в квартал
Рост прибыли на 1 500 000 в кварталРост прибыли на 1 500 000 в квартал
Рост прибыли на 1 500 000 в квартал
Nadya Pominova
 
Презентация услуги от ЛидМашины «email маркетинг»
Презентация услуги от ЛидМашины «email маркетинг»Презентация услуги от ЛидМашины «email маркетинг»
Презентация услуги от ЛидМашины «email маркетинг»
Nadya Pominova
 

Mehr von Nadya Pominova (15)

Строим личный бренд в интернете: как? зачем? что такое личный бренд?
Строим личный бренд в интернете: как? зачем? что такое личный бренд?Строим личный бренд в интернете: как? зачем? что такое личный бренд?
Строим личный бренд в интернете: как? зачем? что такое личный бренд?
 
Продвижение лендинга с помощью контента
Продвижение лендинга с помощью контентаПродвижение лендинга с помощью контента
Продвижение лендинга с помощью контента
 
UP! How we make Google loves our awesome product
UP! How we make Google loves our awesome productUP! How we make Google loves our awesome product
UP! How we make Google loves our awesome product
 
Inbound marketing at Euromax
Inbound marketing at EuromaxInbound marketing at Euromax
Inbound marketing at Euromax
 
Как стать героями продуктивности
Как стать героями продуктивностиКак стать героями продуктивности
Как стать героями продуктивности
 
Рост прибыли на 1 500 000 в квартал
Рост прибыли на 1 500 000 в кварталРост прибыли на 1 500 000 в квартал
Рост прибыли на 1 500 000 в квартал
 
Как запустить контент маркетинг с нуля
Как запустить контент маркетинг с нуляКак запустить контент маркетинг с нуля
Как запустить контент маркетинг с нуля
 
Презентация подхода «ЛидМашины»
Презентация подхода «ЛидМашины»Презентация подхода «ЛидМашины»
Презентация подхода «ЛидМашины»
 
Как изменения на сайте влияют на прибыль компании
Как изменения на сайте влияют на прибыль компанииКак изменения на сайте влияют на прибыль компании
Как изменения на сайте влияют на прибыль компании
 
Презентация услуги от ЛидМашины «email маркетинг»
Презентация услуги от ЛидМашины «email маркетинг»Презентация услуги от ЛидМашины «email маркетинг»
Презентация услуги от ЛидМашины «email маркетинг»
 
Основы дизайна — презентация по мотивам книги «Дизайн для недизайнеров»
Основы дизайна — презентация по мотивам книги «Дизайн для недизайнеров»Основы дизайна — презентация по мотивам книги «Дизайн для недизайнеров»
Основы дизайна — презентация по мотивам книги «Дизайн для недизайнеров»
 
10 секретов успешного контента
10 секретов успешного контента10 секретов успешного контента
10 секретов успешного контента
 
Inbound для ЛидМашины
Inbound для ЛидМашиныInbound для ЛидМашины
Inbound для ЛидМашины
 
Make blog not ad — Практические советы по ведению корпоративного блога
Make blog not ad — Практические советы по ведению корпоративного блогаMake blog not ad — Практические советы по ведению корпоративного блога
Make blog not ad — Практические советы по ведению корпоративного блога
 
Презентации, которые убеждают
Презентации, которые убеждаютПрезентации, которые убеждают
Презентации, которые убеждают
 

Как разработать и запустить сайт для банка за 1,5 месяца

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