Кейс - разработка дизайна для сайта Открытие Факторинг
Привет, на связи команда RED PROMO. Сегодня расскажем как мы делали дизайн корпоративного сайта для дочерней компании банка Открытие — Открытие Факторинг.
Пару слов о компании
«Открытие Факторинг» — это универсальная факторинговая компания, дочерняя компания ПАО Банк «ФК Открытие», которая помогает развитию бизнеса.
Задачи проекта
Перед нашей командой дизайнеров стояли следующие задачи:
- Разработка дизайна для банка с упором на удобный юзабилити и в соответствии с фирменным стилем, а также создание адаптивной мобильной версии дизайна
- Повышение уровня конкурентоспособности финансовой организации на рынке за счет понятной подачи информации о продуктах компании, условиях сопровождения, специальных условиях и эффективных форм заявок и обратной связи
- Создание типовых страниц, блоков и структурированного UI-kit для дальнейшей работы над сайтом и передача этой базы команде разработчиков Заказчика
Главная страница
При создании дизайн макета мы придерживались строгого соответствия брендбуку. Для приятного визуала было принято решение использовать пастельные цвета, но не исключать акцентный голубой цвет.
Для пользователей сайта важна прозрачность и понятность, поэтому мы использовали стиль минимализм. Элементы интерфейса лаконично расположены, не перегружая пользователя информацией.
Адаптировали требования к визуальному языку бренда «Открытие. Факторинг» к специфике дизайна сайтов
Указанные в брендбуке компании фирменные шрифты и цвета, формы и тени, требования к фотоматериалам и иконкам применили с учетом особенностей разработки веб-дизайна. Отрисовали базовые сквозные блоки, повторяющиеся на большинстве страницах сайта, которые поддерживают заданную концепцию бренда.
Тщательно проработали юзабилити дизайн интерфейса
Работа над оптимальными размерами шрифтов, контрастностью текста и изображений, фоновых элементов. Особое внимание уделили навигации, расположению кнопок, ссылок, а также удобству пользования формами для заявок и обратной связи.
Фирменные иконки и цветокоррекция изображений
На базе примеров из брендбука, разработали пакет из 30+ тематических векторных иконок для использования на сайте и других промо-материалах.
Отобрали фото материалы, отражающие характер бренда банка и провели цветокоррекцию для сохранения единого стиля.
Выбор города на сайте
Подразумевалось, что сайт будет мультирегиональным и на нем будет функционал выбора города. Реализовали такое удобное модальное окно для выбора с поиском.
Страница Контакты
Подробная страница контактов и карта филиалов банка.
Формы обратной связи
Удобные формы с указанием валидации для полей.
Раздел Пресс-центр
Здесь располагаются все актуальные новости и пресс-релизы компании.
Дизайн для прочих страниц
Также мы сделали адаптивный дизайн для следующих разделов сайта:
- О компании
- Анкета для подачи заявки на онлайн-факторинг
- Продуктовые страницы предложений банка
- Технические страницы и модальные окна
Адаптивные версии дизайна
Разработали планшетную и мобильную версию дизайна для всех страниц, что позволяет корректно отображать контент сайта на всех устройствах и делает сайт банка удобным для пользователей всех гаджетов.
Разработка UI-kit
Создаем комфортные условия для верстальщиков проекта и их качественной фронтенд-разработки. Подготовили набор готовых элементов дизайна (шрифты, цветовая гамма, иконки), отразили поведение кликабельных элементов.
Такая готовая подборка используемых элементов позволяет сохранить дизайн сайта в едином стиле и не дает нарушать строгую визуальную стилистику бренда.
Заключение
Понравился дизайн? Ставьте лайки и пишите комментарии, мы это ценим!
Если у вас возникнут вопросы по разработке сайта для вашей финансовой организации или вы хотите разработать запоминающийся фирменный стиль вашей компании — свяжитесь с нами удобным для вас способом, сделаем ваш проект профессионально!
Посмотреть кейс на нашем сайте — https://redpromo-digital.ru/case/openfactoring
Все кейсы по финансам — https://redpromo-digital.ru/finance