🕻

Лучшая работа Сайт кредитной компании Credit Rapid

октябрь 2013

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

Супергерой Speedy

Идея не принимается. Ищем дальше. Показываем условия получения кредита и иллюстрируем, насколько это просто. Клиент мечтает о новом автомобиле.

Позже мы используем эту идею для презентации автокредитования.

Или мечтает сменить старый автомобиль на новый.

Пробуем сделать первые шаги за посетителя — показываем на главной странице презентацию всех кредитных предложений: новые и подержанные авто, бытовая техника, денежный кредит. Условия кредитования помещаем в речевое облачко — вы запрашивали, Credit Rapid ответил.

Еще один вариант главной страницы с быстрой навигацией по кредитным продуктам. Заказчик утверждает этот вариант.

Итоговая главная страница сайта.

Для главной страницы в студии готовили анонсы специальных предложений, новых кредитных продуктов и поздравительные картинки к праздникам.

Страницы кредитных предложений

Приступаем к макетированию страниц с описанием условий кредитования.

Страница кредитов на новые автомобили

Продолжаем работу над расположением элементов. Центр страницы отводим под калькулятор, который рассчитывает сумму кредита, срок и ежемесячную выплату. Внизу страницы помещаем иллюстрацию к разделу. Ищем место для блока с документами.

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

Страница кредитного предложения.

Анкета

Чтобы получить кредит, клиент должен заполнить анкету. Приступаем к ее оформлению. Пока получается каша.

Пробуем сделать поля одинаковой длины, чтобы они не «плясали» как в предыдущей версии. Но такой вариант не подходит. Поле для адреса должно быть длинным, а для телефона — коротким. По длине полей пользователь определяет, сколько информации нужно заполнить.

Придумываем сетку из шести колонок. Одно поле может занимать сразу две колонки или наоборот, два поля могут делить колонку пополам.

Анкета для заявки на получение кредита.

Кредитный калькулятор

Набрасываем макет кредитного калькулятора. Менеджер партнерского магазина авторизуется на сайте и рассчитывает для покупателя срок и сумму ежемесячных выплат.

А это уже пятый вариант калькулятора с продуманной логикой работы и доработанным оформлением. Показываем заказчику. Заказчик просит изменить оранжевый фон на более сдержанный серый.

Страница кредитного калькулятора.

Кредитный калькулятор для партнеров

После всех расчетов менеджер может распечатать страницу и отдать ее клиенту. Финансовые компании редко заботятся о внешнем виде таких документов. Специально для Credit Rapid в студии подготовили отдельную версию для печати.

Убрали лишнее, добавили адрес и телефоны

Страница о компании

Продумываем расположение элементов для страницы «О нас». Сетка подходит, осталось поработать над оформлением.

Страница о компании.

Дружная команда Credit Rapid

Промо изображения и ролики

Сайт почти готов. Чтобы облегчить восприятие информации, нужно сделать ее более наглядной. Для каждого кредитного предложения решаем подготовить изображения и анимационные ролики. Делаем предварительные наброски для кредитов «Товары для дома» и «Коммерческий автотранспорт».

Фотосессия для ролика «Автокредитование онлайн».

Готовый ролик.

Фотосессия для ролика «Подержанные авто».

Готовый ролик.

Фотосессия для ролика «Товары для дома».

Анимированный ролик для иллюстрации кредитного продукта.

Фотосессия для иллюстрации кредитования коммерческого автотранспорта.

Готовая иллюстрация.

Для иллюстрации кредита «Новые автомобили» покупаем и фотографируем игрушечную машинку. Credit Rapid работает со всеми автосалонами, поэтому иллюстрация должна быть собирательным образом автомобиля. Чтобы было невозможно угадать модель, накрываем машинку чехлом.

Добавляем фары, противотуманки и решетки от разных марок. Иллюстрация готова.

Иллюстрации для внутренних страниц сайта.

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

Над проектом работали:
  • Программист — Евгений Грабов
  • Арт-директор, дизайнер, фотограф — Александр Бостан
  • Технический дизайнер — Вячеслав Влад
  • Кодер — Евгений Чорба
Запинить

Похожие проекты