«ВТБ Страхование» — крупная российская страховая компания.
Входит в Топ-10 и насчитывает более 90 филиалов и офисов продаж по всей стране.

Задача

Разработать новую версию корпоративного сайта «ВТБ Страхование», ориентированную на онлайн-продажи и мобильные устройства.
Этапы разработки
Юзабилити
Проектирование
Дизайн
Фронтенд
CMS, запуск и поддержку сайта осуществляет компания Articul Media.
Online-калькуляторы на продуктовых страницах и фирменные иллюстрации
предоставляет заказчик.

Концепция главной страницы

На главной странице сразу можно рассчитать стоимость полиса.
Первый блок умещается в высоту 670 px — это минимальная
высота для первого экрана с разрешением 1366х768 px.
Важные сервисы также попадают в область первого экрана.

Проектирование корпоративного
сайта «ВТБ Страхование»

Онлайн-калькуляторы
Мобильная
версия
Адреса
и офисы
Частным лицам
Корпоративным клиентам
О компании
Прочие разделы

Эволюция главной страницы

Дизайн главной страницы прошел длинный путь из 12 версий от концепции
до принятого варианта, который соответствует брендбуку «ВТБ Страхование».

Быстрые калькуляторы на главной

Для онлайн-продаж важно как можно быстрее показать потенциальному покупателю стоимость страховки. Поэтому мы разработали быстрые калькуляторы и сделали их легко доступными с главной страницы.
Все расчеты приблизительны, но дают представление о стоимости продукта. Попробуйте!
Купить онлайн:
Здоровье
Травмы и инвалидность
Страхование от травм, увечий, и реабилитации для взрослых и детей
Критические заболевания
Страхование от рака и окнкозаболеваний, инсульта, инфаркта и прочих заболеваний
Авто
ОСАГО
Обязательное страхование автогражданской ответственности
КАСКО
Мы возьмем на себя расходы по ремонту и восстановлению автомобиля и много другое
Дом
Дом
Надежный способ избежать финансовых потерь от пожаров, бедствий и прочего
Квартира
Защита от множества неприятностей, включая повреждения электроприборов и затопления

Травмы и инвалидность

Страхование от травм, увечий, и реабилитации для взрослых и детей.
Взрослые до 55 лет
Дети от 3 до 17 лет
Сумма защиты
Срок страховани
Стены, пол и потолок, балкон, лоджия — нельзя самостоятельно ломать или перестроить без специальных разрешений.
Стены, пол и потолок, балкон, лоджия — нельзя самостоятельно ломать или перестроить без специальных разрешений.
2 534 q
В мобильной версии удобные для расчетов калькуляторы также доступны с главной страницы.
Тяните, чтобы посмотреть
страницу целиком

Рубрикатор страховых продуктов

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

Контакты и офисы

Контакты офисов и точек продаж теперь легко найти на карте города и схеме метро, в том числе и с мобильного телефона.
Тяните, чтобы посмотреть
страницу целиком
Электронная схема Московского метро © Студия Артемия Лебедева

И это всё?

Всего спроектировано, отрисовано и свёрстано 58 шаблонов вместе с адаптивной мобильной и английской версией. Сейчас они постепенно внедряются на уже работающий сайт vtbins.ru.

Инструменты и технологии

Проектирование: OmniGraffle.
Дизайн: Photoshop, Illustrator, Sketch.
Вёрстка: HTML5/CSS3, Jade, Stylus, Gulp, jQuery, SVG.
Фронтенд: JavaScript, AngularJS.

Команда

Руководитель проекта
Александр Самсонов
Менеджеры проекта
Ольга Азовская
Антон Беспалов
Проектирование
Иван Зверев
Дизайн
Саша Беличенко
Александр Лопатюк
Верстка
Александр Ширяев
Фронтенд
Антон Новиков

Объём

Общее время, затраченное на проект — 620 часов, из них:
20% — проектирование
20% — Дизайн
20% — Верстка
10% — Фронтенд
30% — Управление проектом
С 2012 года «ВТБ Страхование» активно развивает направление
онлайн-продаж страховых полисов при участии Девхаб.
Другие проекты для «ВТБ Страхование»:
— Интерфейсы Каско и ОСАГО (скоро);