Банк Львов

Дизайн Frontend Backend QA
Банк Львов
удобный в управлении корпоративный сайт

Банк Львов ориентирован на малый и средний бизнес, работающий исключительно в западных регионах Украины. Банк имеет большой опыт работы в сфере обслуживания бизнеса, уделяя особое внимание производителям сельскохозяйственной продукции и «зеленым» компаниям. В рамках стратегии развития цифровых каналов обслуживания Банк Львов поставил перед нами задачу создать новый корпоративный сайт, который отвечал бы современным стандартам UI/UX, обладал необходимыми онлайн-инструментами и функционалом для полноценного вовлечения, информирования, консультирования, продажи продуктов и услуг банка.

С чем к нам пришел клиент

Клиент обратился к нам с задачей разработать обновленный корпоративный сайт, который бы соответствовал современным требованиям к удобству управления и безопасности:

  • Разработать веб-сайта в соответствии со структурой и коммуникационной стратегией Банка.
  • Адаптировать и масштабировать UX дизайн сайта (30+ страниц).
  • Адаптировать и масштабировать UI дизайн внутренних страниц (100+ страниц).
  • Выполнить адаптивную верстку на языке гипертекстовой разметки (HTML) ключевых страниц сайта.
  • Сформировать структуру проекта, обеспечить дизайн проекта, интегрировать макет в систему управления контентом (CMS).
  • Разработать и подключить программные модули (калькуляторы и т. д.).
  • Наполнить контентом (тексты, фотографии, баннеры и видеоматериалы).
  • Провести поисковую оптимизацию (SEO) сайта на основе предоставленного технического задания.
  • Перенести контент со старого сайта (новости, документы, SEO-контент) на новый.
  • Внедрить карты редиректов.
  • Адаптировать административную часть сайта под нужды банка.
  • Провести тестирование сайта (сравнение двух версий сайта между собой с целью определения лучшей).
  • Подготовить релиз веб-сайта.
  • Обеспечить поддержку и развитие нового веб-сайта (техническая поддержка).

Этапы работы

Работа над сайтом для Банка Львов стартовала в 2024 году и изначально на нее было выделено 8 месяцев. Разработка проходила в несколько этапов:

  • Согласование кастомизации блоков. На первом этапе мы детально обсудили с клиентом требования к кастомизации блоков, чтобы понять, какие элементы и функции должны быть доступны для редактирования в админ-панели.
  • Создание ТЗ с описанием функционала блоков. На основе полученной информации мы подготовили техническое задание, где подробно описали функционал каждого блока, включая возможности изменения текста, изображений и фона.
  • Разработка UI недостающих страниц и блоков. Дизайнеры создали макеты для тех страниц и блоков, которых не хватало, чтобы сайт выглядел целостным и соответствовал брендбуку Банка Львов.
  • Создание бэкенда. На данном этапе была разработана серверная часть, обеспечивающая функционал сайта и интеграцию с админ-панелью для управления контентом.
  • Фронтенд. Далее мы занялись реализацией фронтенда сайта, включая адаптацию дизайна и интерактивных элементов.
  • Наполнение контентом. После разработки структуры сайта мы занялись наполнением контентом, включая текстовую и визуальную информацию.
  • Тестирование. Завершающим этапом стало тестирование сайта на различных устройствах и браузерах, чтобы убедиться в корректной работе всех функций и отсутствии багов.

Какой функционал получил клиент

Клиент получил сайт с мощным и удобным инструментом для редактирования контента, который значительно упрощает управление различными разделами:

  • Редактирование всех блоков. Клиент теперь может самостоятельно управлять блоками "Новости", "Кредиты", "Депозитный калькулятор" и любыми другими разделами сайта. Это позволяет оперативно обновлять информацию и поддерживать актуальность контента.
  • Изменение расположения текста. Администратор сайта получил возможность легко изменять расположение текстовых блоков. Это позволяет не только корректировать содержание, но и менять структуру страниц, адаптируя их под разные задачи или маркетинговые цели.
  • Перемещение кнопок. Функционал сайта был расширен возможностью менять расположение кнопок на страницах. Это обеспечивает дополнительную гибкость в настройке интерфейса, позволяя адаптировать сайт для улучшения пользовательского опыта.
  • Настройка цвета фона. Одной из важных опций стала возможность изменять цвет фона для отдельных блоков. Это помогает в создании нужной атмосферы и визуальной идентичности, а также позволяет легко адаптировать сайт к различным тематическим кампаниям или сезонным изменениям.
  • Дополнительные возможности кастомизации. Эти инструменты позволяют администратору самостоятельно управлять внешним видом и функционалом сайта, без необходимости обращаться к разработчикам.

Выводы

  1. В результате нашей работы клиент получил современный корпоративный сайт, который полностью соответствует актуальным трендам в веб-дизайне и функциональности.
  2. Мы обеспечили высокий уровень безопасности, чтобы защитить данные и предотвратить любые угрозы.
  3. Важным аспектом нашего решения стала возможность самостоятельного редактирования блоков: теперь клиент может легко управлять контентом, менять расположение элементов, настраивать внешний вид и адаптировать сайт под различные задачи без необходимости обращаться к разработчикам.
Технологии
Frontend
REACT.JS REACT.JS HTML СSS HTML СSS NEXT.JS NEXT.JS REDUX REDUX
CMS
DRUPAL DRUPAL
Backend
NGINX NGINX
Libraries
TWIG TWIG
Next
Сделаем проект вместе
Расскажите о вашем проекте:
Только один файл.
Ограничение 5 МБ.
Допустимые типы: pdf, doc, docx, odt, ods.
5 / 5 (126 голосов)