Разработка нового сайта для «АЛТЫНБАНКА»

«АЛТЫНБАНК» — региональный банк из Татарстана, работающий с юридическими и физическими лицами. Клиент пришёл с запросом на обновление сайта и визуального стиля.

Разработать для «АЛТЫНБАНКА» удобный сайт с понятной навигацией. Прежний сайт выглядел устаревшим и несовременным. Клиент хотел избавиться от лишних текстов и элементов, которые перегружали старую версию сайта, стать более дружелюбным для своих клиентов. Важно было сделать дизайн, который поможет пользователям быстрее находить нужную информацию и ориентироваться в интерфейсе.

Мы изучили сайты других банков, и решили сделать для «АЛТЫНБАНКА» сайт со стандартной структурой, и создать собственный фирменный стиль. Для визуальных решений мы искали вдохновение в национальной культуре Татарстана: рассматривали цветовые решения, паттерны узоров и важные для татарской культуры символы. Мы собрали референсы и показали клиенту примеры того, как может выглядеть сайт банка на десктопной и мобильной версии.

К прототипу мы подошли ответственно: сделали практически все страницы сайта в новой структуре и проработали всё до мелочей. Главная страница даёт общее представление о банке, но её основная задача — перенаправить пользователя на продуктовую страницу, чтобы он ознакомился с продуктом и оставил заявку.

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

Благодаря смене стиля удалось достичь визуальной лёгкости. Мы также разработали UI-kit и все графические элементы сайта, включая 3D-изображения для продуктов. Чтобы придать банку узнаваемость, мы использовали фирменный паттерн на страницах и на банковских картах. 3D-картинки решили сделать стеклянными с множеством бликов — это тоже стало фишкой. Например, для страницы с депозитами была создана иллюстрация с растущим цветком, символом увеличения вложений. Каждое изображение имеет свою смысловую нагрузку и поддерживает визуальный стиль сайта.

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

Мы помогли клиенту упростить тексты, сделать их более структурированными и понятными для пользователей. Заполнять страницы теперь удобнее, так как информация стала более однообразной. Например, разделы «Интернет-банк для частных лиц» и «Интернет-банк для бизнеса» сделаны в похожей структуре: 3D-иллюстрация, «заявка», описание преимуществ — так информация воспринимается гораздо легче.

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

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

В этом разделе перечислены возможности, которые предоставляет «АЛТЫНБАНК» для частных лиц. Это кредиты, вклады, ипотеки, дебетовые карты, денежные переводы и так далее.

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

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

«АЛТЫНБАНК» получил современный и удобный сайт. Использование конструктора страниц позволило быстро адаптировать сайт под любые задачи и потребности. Благодаря продуманной структуре и гибкому дизайну, сайт стал легким в управлении и обновлении.

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

• Frontend: HTML5, CSS, JS
• Backend: 1С-Битрикс

• Ведущий аккаунт-менеджер
• Проджект-менеджер
• Арт-директор
• Дизайнер сайта
• Дизайнер иллюстраций
• Тимлид
• Frontend-разработчик
• Backend-разработчик
• Тестировщик
• Контент-менеджер