Разработка нового сайта банка «Левобережный»

Главное о кейсе

Левобережный — новосибирский банк с многолетней историей. Мы разработали новый сайт компании в соответствии с обновленным фирменным стилем.

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

Теперь создание посадочной для нового банковского продукта занимает буквально 20 минут!

Как проект изменил жизнь пользователей

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

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

Бизнес-задача и ее решение

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

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

Крафт (мастерство), реализация, технические детали

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

Чтобы решить задачу, мы внедрили новый подход к работе дизайнеров и разработали дизайн-конструктор в Figma.

Унифицировали визуал: отрисовали шаблоны для продуктов, калькуляторов и форм обратной связи. Распределили задачи с учетом огромного масштаба проекта. Каждый из дизайнеров работал в своей строго определенной зоне ответственности: общие шаблоны страниц, 3D-иллюстрации, иконки, калькуляторы, формы заявки и табы.

Подготовили более 100 иллюстраций в формате 3D.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Оптимизировали процесс создания новых страниц:

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

Мы обновили визуальную составляющую, реорганизовали структуру сайта и внесли вклад в эффективность работы инхаус-сотрудников заказчика.

Скриншоты

Видео