5EEDAED5-6AA4-4553-94A3-AEF2477EDF6F

Энерготранс­банк

Энерготранс­банк
Клиент

У «Энерготрансбанка» есть представительства в Москве и Санкт-Петербурге, но всё же, это «домашний» калининградский банк, и по весу в регионе он уступает только Сбербанку. Работает с частным и коммерческим секторами, свой образ связывает с историей и богатством области.

Задача

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

Структура

Клиент хотел взять за основу свою версию структуры — три объёмных раздела, много уникальных страниц, много форм, фильтров и калькуляторов. Мы поработали над унификацией — разработали систему шаблонов, которая упростила проектирование, не отсекая функции. Сводная таблица показывала, из каких стандартных блоков собраны страницы.

Таблица унификации разделов
Шаблон 0

Дизайн-концепция

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

Плитки
Зонирование

Шрифты

В стиле банка был основной шрифт Helios Condensed, который предлагалось дополнить набившей оскомину декоративной гарнитурой Adeventure C. Мы нашли свою комбинацию из гротесков Circe, Noto Sans и рукописного неформального Klementina. Чтобы отстоять решение, шрифтам устроили полосу препятствий из блоков мелкого кегля, таблиц, разноцветных подложек и акцентов — мы показали, как всё будет выглядеть в дизайне, и вопросов не осталось.

Шрифтовая схема «Энерготрансбанка»
Шрифтовая схема, наш вариант

Иллюстрации

Мы придумывали дизайн эмоциональным, чтобы показать связь между городом, его жителями и банком. Для этого лучше подходили не стоковые снимки, а иллюстрации — мягкие цвета, классические виды на достопримечательности Калининграда, и, конечно, люди. В концепции мы показали темы, настроение и технику, с таким образцом клиент сам мог выбрать художника.

Вёрстка

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

Программирование

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

Отправьте заявку или напишите письмо hi@nimax.ru

Вместе мы подберём решение и подходящий инструмент

Интернет-магазин К-Раута
Дизайн нового интернет-магазина для финской сети.
концепция, архитектура, дизайн
Сайт телеканала Еда
Разработка крупного контентного проекта.
концепция, архитектура, дизайн, разработка
SEO для Conde Nast
Делаем SEO для крупнейших глянцевых СМИ России.
SEO
SMM и таргетинг для Probalance
Формируем сообщество единомышленников в соцсетях производителя кормов для кошек и собак.
SMM, таргет, контент