Найти тему
WEB-DESIGN WITH KATE

Как я делала редизайн для сайта ПАО Комбанк «Химик»

Приветики - пистолетики, с вами ваш дизайнер Катя. Сегодня я расскажу о том, как я делала редизайн для сайта банка ПАО Комбанк «Химик»

Дизайн сайта для банка — очень интересная возможность покреативить в меру там, где в принципе не предполагается какого-то особого креатива. Сфера финтех достаточно консервативная, но это не означает, что нужно делать сайты также как и 10-15 лет назад. Здесь важно чувствовать меру, чистоту, очень важно продумывать пользовательский путь, а также то, чтобы клиенту было все понятно, ведь сайт банка — это его лицо в интернете. И раз уж люди доверяют банку деньги, этот банк должен предоставлять очень хороший сервис не только в отделениях, но и в интернете.

-2

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

Главная страница старого сайта
Главная страница старого сайта

Для начала я решила переработать полностью саму структуру сайта. Ориентировалась я на сайты таких банков как Сбер, АльфаБанк, ВТБ. У них достаточно хорошо продумана структура, интуитивно понятный интерфейс, а также визуальный дизайн приятный и современный. В связи с тем, что работа была учебная, мне не нужно было разрабатывать дизайн абсолютно всех страниц, достаточно было главной страницы и еще 3-4 внутренних страниц. Поэтому по аналогии с сайтами других банков я решила отдельно выделить внутренние страницы, на которых была бы расположена информация о кредитах, ипотеке и о вкладах.

Схематичные прототипы внутренних страниц
Схематичные прототипы внутренних страниц

Затем, чтобы приступить к самому дизайну сайта, я решила переработать логотип и фирменные цвета. Для банковской ниши я решила использовать вариации синего, белого и зеленого цветов, т.к. эти цвета ассоциируются со строгостью, а также внушают надежность, спокойствие, вызывают доверие (Мы все знаем, что фирменный цвет Сбера - зеленый, а ВТБ - синий).

Обновленные фирменные цвета
Обновленные фирменные цвета
Новый логотип
Новый логотип

В качестве используемого шрифта я решила использовать Open Sans.

Используемый шрифт
Используемый шрифт

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

Пример одной из иллюстраций, оформленной в фирменных цветах
Пример одной из иллюстраций, оформленной в фирменных цветах

Ну и наконец я приступила к самому интересному этапу, ради которого было проведено столько предварительной работы. Наконец я стала разрабатывать дизайн самих страниц. ИТАК, вашему вниманию представлен дизайн сайта ПАО Комбанк «Химик».

Главная страница
Главная страница
Страница «Вклады»
Страница «Вклады»
Страница «Кредиты»
Страница «Кредиты»
Страница «Ипотека»
Страница «Ипотека»

Друзья-дизайнеры и недизайнеры, вот такой вот путь я прошла для того, чтобы сделать вот такой интересный проект, который возможно когда-нибудь даже будет реализован. Надеюсь, мне удалось донести, какую большую работу проделывает дизайнер, чтобы сделать удобный, качественный продукт, чтобы вам было комфортно им пользоваться. Более подробно об этом проекте у меня на Behance. Буду благодарна за лайки и комментарии и там и тут.

Кстати, как на ваш взгляд, получилось ли у меня сделать лучше, чем было? Жду ваши мнения в комментариях.

ЛЮБЛЮ. ЦЕЛУЮ. Ваш дизайнер Катя=)