Редизайн сайта банка ВТБ

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

— Запустили сайт в новом дизайне
— Сократили time2market страниц всего до 2 дней благодаря дизайн-системе и ее трансформации в административную панель
— Запустили 500+ страниц сайта
— Отрисовали 700+ уникальных 2D и 3D иллюстраций, ни в одном банке мира нет такой базы 3D графики
— 2500+ рекламных баннеров для онлайн-площадок
— Ввели темную тему для людей с нарушением зрения на основе интервью со слабовидящими, учитывая так же рекомендации по доступности из ГОСТ Р 52872-2012
— Спроектировали и настроили процессы взаимодействия команды дизайна со всеми участниками команды продакшена клиента: от бизнеса до контент-менеджера.

- We have launched a newly designed website
- We have reduced time2market of the pages to 2 days only with the help of the design-system and its transformation into the administrative panel
– We have launched 500+ website pages
– We have created 700+ unique 2D and 3D illustrations, none of the global banks has such a base of 3D graphics
– 2500+ advertising banners for online platforms
– We introduced a dark theme for people with vision problems based on the interviews with the visually impaired, considering also the accessibility recommendations of GOST R 52872-2012
– We have planned and set up the interaction processes between the designing team and all the members of the client’s production team: starting from the business to the content-manager.

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

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

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

Для бесшовного опыта взаимодействия с брендом и продуктами банка ВТБ, были разработаны коммуникационные материалы — рекламные баннеры, для которых отрисована уникальная 3D графика и так же сформирована дизайн-система для быстрого, автоматизированного процесса ресайзов баннеров под различные рекламные онлайн-площадки.

We needed to develop a modern design-concept of a digital bank, to form a unified process of designing, building, testing, page publishing, to reduce the developing period and website pages launching time.
As a result the client got a modern website of the digital bank based on the mobile first, improved client experience of the customers, progressive graphics, design-system, that includes all the elements of the pages, which led to speeding up the work on layouts and allowed to support the consistency of all the services and products of the website, to conduct a quick launch of the pages.
For experiencing the seamless interaction with the brand and the products of the VTB bank some communicative materials have been developed – the advertising banners with the unique 3D graphics created especially for that, we also formed the design-system for a fast, automized process of banner resize for the use of various advertising online platforms.

Прочая информация о кейсе

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

Together with the team of VTB Bank, we redesigned the website and carried out a digital transformation of the business. Main goal was to improve user experience, so customers could quicker find necessary information and use bank's services online. The project has a great social significance, since the bank customer base is more than 16 mln people. It was interesting for us to solve original tasks and build processes to achieve excellent team results.

Скриншоты