Кейс по разработке сайта и логотипа
для финансовой компании
Fast Money Car

Серьезный бизнес должен быть представлен в Интернете так, чтобы оказаться выше конкурентов, хотя бы на голову. Для крупной компании, которая планирует динамичное развитие, этого мало. Надо обогнать соперников и создать такой образ, который будет актуален и в обозримом будущем. Поэтому в создании корпоративных сайтов очень важен профессиональный подход. И интернет-ресурс, и логотип для финансовой компании мы разрабатывали, основываясь на маркетинговых и иных исследованиях, с учетом планов по дальнейшему развитию Fastmoney Car.

Дизайн

Оформление этого сайта — самое главное и интересное в проекте. Дизайн выполнен со следующими особенностями:

• Выдерживается фирменная палитра бренда — сочетание фиолетового и зеленого оттенков.
• Не используются стоковые фотографии, только оригинальные изображения.
• Специально разработаны игровые персонажи и уникальные иконки, подходящие по контексту.
• Создано единое и гармоничное стилистическое решение.
• Зеленый цвет применяется для выделения элементов при наведении курсора.
• Кнопки и элементы с целевым действием подчеркиваются фиолетовым цветом.
• Проработаны все состояния элементов: нажатие, наведение, чекбоксы, выпадающие меню и списки.
• Продуманы шрифты и гарнитуры: прописаны заголовки, обычный текст, маркированные списки, гиперссылки.

Дизайн нового сайта Fastmoney Car получился привлекательным, просторным, понятным и гармоничным.

Как было раньше

Fastmoneycar.Ru — это старый сайт. Он был выполнен в фирменной цветовой гамме. Однако он не давал ЦА четкого понимания, как работает МФК, какие плюсы есть в сотрудничестве с ней. Ресурс представлял собой одностраничник с возможностью регистрации и личным кабинетом. В условиях жесткой конкуренции, существующей в кредитной сфере, этого мало. Компании жизненно необходим полноценный, функциональный корпоративный сайт, а также запоминающийся и выразительный логотип.

Решение

Для этого сайта мы выполнили только дизайн и верстку. Однако разработка последовательно проходила через следующие этапы:

• Проведение маркетинговых исследований (анализ деятельности компании, ее УТП и ключевых преимуществ, ЦА, конкурентов, изучение сценариев взаимодействия аудитории с сайтом).
• Работы в области SEO: сбор семантического ядра, создание карты релевантности ключевых слов.
• Создание объектной модели, разработка структуры сайта с учетом полученных SEO-данных, проектирование.
• Прототипирование.
• Редизайн.
• Создание адаптивной верстки.

Проектирование

Это обычно самый сложный и ответственный этап при создании корпоративных сайтов компаний. Необходимо изучить специфику деятельности буквально от «А» до «Я».

При работе над данным проектом мы исследовали аудиторию и пришли к выводу, в каких условиях ее представителям требуется срочно получить денежный займ. Потребность в деньгах бывает обусловлена нуждами бизнеса, улучшением качества жизни, рефинансированием других кредитов — примерно в равных долях. Еще есть сравнительно небольшой сегмент ЦА (10%), который пользуется услугами МФК, чтобы потратить средства «на красивую жизнь». Эти данные были учтены при разработке дизайна.

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

Прототипирование

В соответствии с согласованной структурой был разработан прототип, включающий все ключевые блоки информации:

• Главная страница.
• О компании:
• Правила заемщику
• Документы и реквизиты
• Почему мы:
• Быстрые выплаты;
• Работаем без отказов;
• Авто остается у Вас;
• Принимаем не только авто.
• Вопрос-ответ.
• Отзывы.
• Публикации.
• Контакты.

Дизайн

Оформление этого сайта — самое главное и интересное в проекте. Дизайн выполнен со следующими особенностями:

• Выдерживается фирменная палитра бренда — сочетание фиолетового и зеленого оттенков.
• Не используются стоковые фотографии, только оригинальные изображения.
• Специально разработаны игровые персонажи и уникальные иконки, подходящие по контексту.
• Создано единое и гармоничное стилистическое решение.
• Зеленый цвет применяется для выделения элементов при наведении курсора.
• Кнопки и элементы с целевым действием подчеркиваются фиолетовым цветом.
• Проработаны все состояния элементов: нажатие, наведение, чекбоксы, выпадающие меню и списки.
• Продуманы шрифты и гарнитуры: прописаны заголовки, обычный текст, маркированные списки, гиперссылки.

Дизайн нового сайта Fastmoney Car получился привлекательным, просторным, понятным и гармоничным.

Адаптивность

Современный веб-продукт обязан иметь отзывчивый дизайн, чтобы содержимое корректно отображалось на различных по размерам экранах, в разных браузерах. Разработаны версии дизайна под ширину:

• 1170 пикселей;
• 720 пикселей;
• 360 пикселей.

Результат

Итогом работы нового сайта должны стать:

• Высокие позиции в выдаче;
• Стабильный трафик, приходящий из поисковых систем и контекстной рекламы;
• Высокая конверсия посетителей в заемщиков.

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

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

Следующие блоки постепенно повышают доверие к компании и знакомят с условиями предоставления займа. Если есть сомнение, его надо развеять. Поэтому подробно и наглядно подаются описания преимуществ, пошаговый алгоритм сотрудничества, рассказ о компании, ее клиентах. Это реализовано в блоках «Почему мы», «Работаем без отказов», «Вопрос-Ответ», «Отзывы».

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

Завершает сценарий кнопка «Получить займ»: клиент убеждается, что заявки принимаются в режиме онлайн, при этом требования и риск отказа минимальны.

Детали

Игровые персонажи

В веб-дизайне применялся особый подход — внедрение сторителлинга. Для этого мы включили в оформление 5 авторских персонажей: герой-заемщик, девушка-представитель FMC, крокодил, колобок, машина.

Оригинальные иллюстрации, созданные специально для этого проекта, создают особую атмосферу. Доверительную, позитивную, в игровом ключе. Герои оказываются в типичных ситуациях, возникающих при оформлении займа, проходят основные шаги сотрудничества с Fastmoney Car.

Зачем это необходимо:

• Сокращается дистанция с посетителем сайта;
• Взгляд пользователя «отдыхает», человек расслабляется, поскольку не нужно концентрироваться, напрягать зрение;
• В итоге отношение к бренду становится более лояльным, доверительным.

На сайте реализованы и другие RTB-факторы.

Отзывы клиентов

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

Юридическая информация

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

Логотип

Этот элемент фирменного стиля должен способствовать формированию позитивного облика организации. Ключевыми образами логотипа Fastmoney Car стали игровые рисованные элементы. Это кошелек и автомобиль, которые дизайнер объединил в один символ. Таким образом дополнительно подчеркивается оперативность работы.

Принцип тот же, что и в элементах сторителлинга: вызвать эмоциональный отклик аудитории. Даже текстовый элемент логотипа разработан так, чтобы вызывать положительные ассоциации. Разработано две версии логотипа — в фиолетовом и черном цвете.

Идеи и предложения

Как мы писали выше, Fastmoney Car — крупная сеть, представленная в 60 регионах. Чтобы компания успешно могла продвигаться по всем городам, где работают ее офисы, в идеале надо создать 60 сайтов — для каждого региона.

Понятно, что реализовать это сложно и затратно. Однако мы нашли удобное решение: оно позволило бы управлять всеми 60-ю сайтами из одной системы. Для каждого региона можно создать отдельную копию сайта. Каждый такой ресурс будет располагаться на отдельном поддомене. Допустим, основной сайт — fastmoneycar.ru, а региональный, к примеру, для Челябинска — chelyabinsk.fastmoneycar.ru.

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

Каким образом: в отдельную часть текста (заголовки, подзаголовки и пр.) добавляются поля, в которые автоматически заносится название региона. Допустим, на основном сайте заголовок страницы — «Оформить займ под залог авто в Санкт-Петербурге», на региональном — «Оформить займ под залог авто в Челябинске».

Такой подход помог бы осуществить быстрый запуск для каждого региона, а в дальнейшем сайты, минимально уже оптимизированные под область продвижения, можно «отвязать» и развивать как самостоятельные ресурсы, наполнять их необходимым контентом вручную. Для этого планировалось предусмотреть возможность передавать доступы и права управления контентом администраторам конкретного сайта или группы ресурсов по региону.

Однако эти предложения в силу объективных причин остались нереализованными.

Кому и как поможет этот кейс

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