Сайт визитка: как мы сделали новый сайт для бухгалтеров

Проект сайта для бухгалтерских услуг 

https://formula.bz/

Когда мы начинали работать над этим проектом, первое с чем мы столкнулись, что сайты для бухгалтерии (ровно как и сайты для юридических услуг) похожи друг на друга, как две капли воды. Абсолютно скучные и бессмысленные. Найти что-то среди огромной кучи информации на этих сайтах практически нереально. Однако у этой проблемы, как водится, 2 стороны медали: хорошая и плохая. 

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

У заказчика на тот момент была потребность в большом объеме трафика и новых клиентах. Сайт является первым касанием с клиентом, поэтому хороший дизайн - залог первого позитивного впечатления о кампании. Что называется, по одежке встречают. В нашем же случае - выбирают по дизайну и общему впечатлению.

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

Отсюда, сайты компаний бухгалтерской сферы друг на друга похожи, как сиамские близнецы. Они все в бело-серых, бело-синих тонах, что демонстрирует "серьезный" характер услуг. На самом деле так судить не совсем верно. Цвета должны преследовать какую-то конкретную цель - определенное (нужное нам) воздействие на клиента. 

Анализ дизайна прежнего сайта 

http://buh.formula.bz/

• Фотография главного экрана

Логично, что главная фотография должна цеплять потенциального клиента. Чтобы видим здесь?

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

- Блеклые цвета картинки. Цветовой паттерн сайта стоит выбирать с осторожностью. За каждым цветом кроется психологическое восприятие. Вы правда хотите, чтобы ваш бизнес выглядел "блеклым" в глазах потенциального клиента?

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

- Отсутствие адаптивной верстки. Если посмотреть эту страницу на разрешении iMac (3840x2160), где существенно большее количество пикселей по ширине экрана (и где требуется лучшее качество картинки), то заметно, что страница не адаптирована под большое разрешение, а картинка обрезается по высоте - половина лица девушки обрезана. А что если аудитория клиента - это люди с достатком выше среднего, для которых наличие iMac на работе или дома - не редкость? Какое впечатление было бы о компании? Это серьезная недоработка разработчиков предыдущего сайта. Сейчас получают распространение мониторы 4K, поэтому разрешение 3840x2160 должно быть включено в верстку по умолчанию.

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

• Цветовой паттерн

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

• Call to Action 

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

Такие важные элементы сайта, как кнопки СТА - должны приковывать все внимание на себя.

• Блок со скриншотом из 1С

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

• Фон блока выгод

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

• Блок команда

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

К фотографиям людей так же стоит подойти ответственно. Важно, чтобы фотографии были высокого качества, а люди на них выглядели позитивно.

• Блок тарифы

В данном блоке кнопки СТА сливаются с основным цветом и не выделяются зрительно. Они так же не анимированы, и не изменяют цвет при наведении. Человеку трудно быстро определить, является ли данная кнопка-полоска частью дизайна или является активной частью интерфейса.

Блок с ценами - самый важный блок на вашем сайте. Именно здесь клиент принимает решение о покупке. Поэтому при формировании этого блока нужно подойти крайне внимательно.

Создание нового сайта для бухгалтерских услуг

https://formula.bz/

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

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

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

Одним из лидеров и серьезных (и пожалуй, единственно ярких) конкурентов в нише бухгалтерских услуг на аутсорсе на сегодняшний момент - является сервис Кнопка. Мы выбрали стратегию преследования лидера и по принципу подобия начали искать образы, которые бы могли сыграть в нашу пользу.

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

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

Затем нам нужен был дополнительный элемент, который бы иллюстрировал образ инновационности (скобки в логотипе у клиента уже были до нас) - так появился мягкий притягательный градиент, который и стал фирменным паттерном. 

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

Узнайте больше про репутацию бренда

Через год мы обновили главную фотографию и она еще более удачно вписалась в общий концепт.

Итак, внимание пользователя сайта мы привлекли. Что делать дальше?

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

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

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

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

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

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

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

Внимание к деталям - вот что ценно при создании сайта.

Ключевая использованная идея - демонстрация тарифов под концептом ягод.

Тарифы «Зеро», «Оптима» и «Премиум» (тарифы на предыдущем сайте) – слова с размытой семантикой, за ними отсутствует конкретный смысл. В то же время у названия каждой ягоды есть положительная коннотация, т.е. человеку эти слова интуитивно приятны и аппетитны. Большинство людей любит ягоды и с каждой ягодой у клиента есть своя ассоциация. И даже ранжирование по вкусу!

Самый дорогой тариф – «Клубничный», а самый дешевый – «Брусничный». Бруснику любят не все, за ее кисловатый привкус (хотя она так же полезна для начинающих предпринимателей, как аутсорсинг бухгалтерии :), а слово "клубника" символично нагружено приятным смыслом и имеет сексуальный подтекст, который вызывает желание (стоит ли говорить что большинство собственников компаний - мужчины? :) Человек об этом не думает, но все происходит на уровне образов и инстинктов. Поэтому он выбирает то, к чему мы его подводим. В этом и заключается сила маркетинга!

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

Мы сделали личный кабинет с выбором услуги и удобной формой оплаты:

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

Команда проекта:

Менеджер проекта: Антон Рендел

Веб-дизайн: Артур Шатилов

Верстка и программирование: Кирилл Рост