Банк Львів

Дизайн 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 голосів)