Создание сайта банка "ЮГРА"

Новое качество сервиса в рамках общего ребрендинга банка

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

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

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

1. Продажи

Сайт должен предоставлять удобный доступ к ассортименту предлагаемых финансовых продуктов, и обеспечивать
эффективные онлайн-сервисы для заинтересованных
посетителей и бизнес-подразделений Заказчика

2. Реклама

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

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

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

4. Имиджевая

Формирование положительного образа Заказчика.

Было Стало

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

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

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

Команда! Общий сбор в переговорке!

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

Просматриваем текущий сайт банка,
производим выемку всей необходимой
информации для дальнейшей обработки.
Фиксируем:

— Историю и ценности банка;
— Продукты, филиальную сеть.

Проводим анализ сайтов основных
конкурентов.

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

Штудируем новый фирменный стиль.

Набрасываем структуру сайта для ТЗ.

Составляем список механизмов сайта, предлагаемых к реализации.

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

По результату brain storm-а, собираем воедино
все подготовленные материалы и проводим
повторную консультацию с заказчиком.

Итог

В результате активной командной работы и максимально оперативной и взвешенной обратной
связи от заказчика, нам удалось в короткие сроки провести все необходимые предпроектные
работы и формализовать проект сайта – каким он должен быть.
Приступаем к основной работе!

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

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

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

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

— Описываем прототипы всех
инерактивных инструментов;
— Пишем формулы расчетов.

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

Отправляем ТЗ на согласование
рабочей группе клиента.

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

Получаем вопросы и предложения
от клиента. Согласовываем нюансы
и утверждаем ТЗ и смету работ.

Итог

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

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

Хочется обратить внимание на заинтересованность в качественном результате
с клиентской стороны: педантичность и профессионализм представителей заказчика
позволили максимально детально проработать все требуемые механизмы сайта.

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

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

Известно, что дизайн, как и любая идейная работа – дело вкуса. Помимо практического,
утилитарного «решения задачи», дизайн должен «играть», будоража сознание потребителя
и, «продавая», в конечном счете, продукт.
Что требуется для успешного дизайна?

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

Предложенная нами концепция дизайна сайта принята заказчиком с первой же подачи,
с минимальными коррективами!

Итог

Продуктивное взаимодействие специалистов Армексдизайн с рабочей группой
банка «Югра» на начальных этапах проекта позволило нам предложить
выверенную и сбалансированную концепцию дизайна, которая полностью
устроила клиента. В результате мы без промедлений перешли к этапу чистового
и технического дизайна сайта.

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

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

Финальный вид главной страницы сайта (100%)

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

Добавляем в дизайн готовый набор баннеров.

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

Переходим к дизайну внутренних страниц. Начнем со страницы «История».
Для компактного и интересного просмотра, делаем навигацию по годам
динамической. Рисуем резюмирующие мини-тизеры для каждого года.

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

Далее рисуем шаблоны «Продуктовых» страниц.

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

Готовим набор кнопок с тематическими иконками.

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

Далее прорабатываем шаблон карточки продукта.

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

Готово! Теперь дорисовываем все оставшиеся.

Итог

В результате чистового дизайна мы получаем не только детально прогрисованную «картинку»,
но и продуманную механику взаимодействия клиента с сайтом.

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

Алексей Палин, Front-end разработчик

В отличие от работы дизайнеров, этапы верстки и программирования менее
«графичны», но точно не менее креативны. Практически для каждого проекта
мы ищем и находим технологические решения, позволяющие сайту быть
оптимизированным, корректно работать во всех средах и браузерах,
надлежащим образом выполнять свои функции. Проще говоря, мы насыщаем
сайт жизнью. Расскажу кратко, что именно мы делаем: