Создание сайта СДМ-Банка

Новый сайт для нового уровня сервиса

Основные причины создания нового сайта

Расширение функциональности, изменение дизайна

Сайт должен обеспечивать реализацию следующих функций

1. Продажи

Привлечение новых клиентов (горизонт и вертик., в т.ч. за
счет новой ЦА)

2. Реклама

Легкий, лаконичный, запоминающийся дизайн, уютный и
удобный интернет-офис

3. Информационная

Понятная всем навигация, и легкодоступная информация.
Прозрачный и понятный поиск любых материалов,
документов, бланков.

4. Имиджевая

Повышение узнаваемости бренда Банка, формирование
положительного имиджа Банка.

Было Стало

Предпроектный анализ

Атамас Олег,
Менеджер по работе с клиентами

Перед стартом работ заполняем с клиентом
Бриф и аудируем текущий сайт банка.

Козин Виталий,
Руководитель интернет-проектов

Фиксируем:
— Положение банка на рынке;
— Продуктовую линию, филиальную сеть;
— Конкурентную среду;
— Целевую аудиторию.
Анализируем и описываем основные
поведенческие кейсы ЦА.

Борис Попов, Арт-директор

Вердикт аудита текущего сайта:

Сайт выполнен согласно современным тенденциям web-строительства, однако имеет существенный потенциал для развития. Несовершенство навигации, отсутствие имиджевых элементов а также отсутствие комплексного внедрения клиенто-ориентированных онлайн-сервисов ограничивает его как полноценный ресурс для работы.

Визуальная (имиджевая) часть сайта имеет потенциал для развития. Навигационная схема а также схема подачи содержания также могут быть усовершенствованны, улучшая тем самым юзабилити сайта. Промо-блоки слабо интегрированы в сайт.

За счет более тесной интеграции интерактивных сервисов с содержанием сайта и навигацией, можно значительно увеличить лояльность клиентов, заходящих на сайт банка и поднять продажи за счет использования калькуляторов и заявок.

Итог

По результатам анализа и встречи с заказчиком, мы имеем максимально
детализированное понимание фронта работ.

Формирование Технического Задания

Козин Виталий,
Руководитель интернет-проектов

Пишем Техническое Задание:
— Описываем механику работы всех модулей;
— Формируем структуру;
— Макетируем необходимый набор блоков
— для главной страницы сайта.

Итог

В Техническом Задании (ТЗ) зафиксированы все технические составляющие сайта,
составлена его структура, описан перечень функциональных модулей.

На основе ТЗ составлена смета проекта и календарный план-график работ.

Концепция дизайна

Козин Виталий,
Руководитель интернет-проектов

Начинаем поиск необходимой подачи сайта.

Борис Попов, Арт-директор

В результате скурпулезной работы находим нужный вид подачи сайта. Фиксируем результат.

Козин Виталий,
Руководитель интернет-проектов

Учитывая то, что СДМ-БАНК заказывает нашей студии разработку уже второго сайта, в рабочей группе со стороны заказчика были задействованы довольно компетентные специалисты. В процессе работы над концепцией сайта и по результатам рабочих встреч наши специалисты предложили широкий ряд приемов и решений для сайта, из которых педантично был сформирован его финальный вид.

Начинаем с блочной сетки, размещаем необходимый набор информационных блоков, устаканиваем общую «развесовку» страницы.

Оживляем макет, добавляем графику, цвет, пробуем иную подачу продуктовой навигации.

Пробуем иную механику элементов.

Заказчик всё еще не уверен – продолжаем поиск, предлагаем продуктовую навигацию в виде карусели, с визуальным сопровождением типов клиентов.

Не то. Возвращаемся назад и пробуем оформить страницу более строго, консервативно и при этом современно. Это то, что было нужно! Концепт утвержден!

Итог

В результате тщательной и детальной проработки концепции сайта,
мы получили взвешенные вид и механику сайта, устраивающие и нас,
и заказчика.

Чистовой дизайн сайта

Борис Попов, Арт-директор

Итоговый вид главной страницы. На сайте внедрено много динамики. Моментальный переход на страницы продуктов, или в систему Онлайн-банкинга. Динамические баннеры с интеграцией в них систем расчетов по продуктам для вовлечения посетителя во взаимодействие с сайтом, интерактивная карта филиалов а также динамическая карта сайта.

Татьяна Мартьянова, дизайнер

Доступ в Онлайн-банкинг расположен в удобном для постоянных посетителей месте и осуществляется в один клик.

Формы онлайн-расчетов интегрированные в рекламные баннеры позволяют вовлечь посетителя во взаимодействие ссайтом.

Продуктовая навигация позволяет посетителю быстро идентифицировать себя и перейти на страницу интересующего продукта в один клик.

Если же посетитель пролистал всю страницу и не нашел нужной ему информации, или же просто потерялся на сайте – мы не отпускаем его. Внизу каждой страницы расположена динамическая карта сайта, отражающая местоположение посетителя на сайте и перечень всех его разделов и страниц.

Борис Попов, Арт-директор

Отлично. Готовим набор баннеров и переходим
к внутренним страницам.

Борис Попов, Арт-директор

Ряд страниц решено сопровождать пиктограммами. Предлагаем стилистику их оформления.
Клиент выбирает контурный вид, в силу его легкости и прозрачности. Можно начинать отрисовку.

Борис Попов, Арт-директор

Горшочек!

Борис Попов, Арт-директор

Горшочек! Хватит!! Не вари!!

Татьяна Мартьянова, дизайнер

Готово! Утверждаем с клиентом
и продолжаем отрисовку страниц.

Итог

На этапе чистового дизайна сайта мы проработали и отрисовали все
необходимые элементы сайта. Впереди существенная работа по сборке,
наполнению и тестированию сайта.

Сборка и тестирование сайта