Сайт ИнформАудит: увеличили трафик в 5 раз и покорили сердца клиентов

ИнформАудит 20 лет консультирует предприятия по финансовым и юридическим вопросам. Компания входит в шестерку лучших аудиторских компаний Санкт-Петербурга.

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

Целевая аудитория услуг ИнформАудит — собственники бизнесов, директора и старшие бухгалтеры.

Задача проекта — создать имиджевый сайт ИнформАудит. Важно, чтобы он:

— отражал профессионализм компании;

— выделялся среди конкурентов;

— цеплял пользователей динамикой и свежестью.

Казалось бы, звучит легко! Но у проекта был челлендж. Надо было сделать интересный и свежий сайт в тематике, где основа контента — документы и сложные тексты.

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

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

1. Провели аналитику рынка и целевой аудитории;

2. Собрали вайрфреймы будущего сайта и адаптировали их под SEO;

3. Освежили брендинг клиента;

4. Создали дизайн сайта с живыми анимациями;

5. Разработали иллюстрации специально для сайта ИнформАудит;

6. Помогли клиенту организовать фотосессию команды специально под сайт;

7. Сверстали, разработали, протестировали и запустили сайт.

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

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

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

На основе полученной информации мы собрали вайрфреймы будущего сайта. Естественно, адаптировали все страницы под SEO: собрали семантическое ядро, систематизировали набор услуг, проработали структуру, мета-теги, заголовки и тексты, — в общем, сделали все, чтобы после запуска сайт хорошо ранжировался в поисковиках.

Но самой сложной задачей на этом этапе оказалось собрать контент для раздела «Услуги».

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

Так что наш аналитик и редактор:

1. собрали все услуги, которые предоставляются аудиторскими компаниями на рынке;

2. сгруппировали их по направлениями и выделили те, на которые есть самый большой спрос в интернете (анализировали информацию с помощью keycollector и других инструментов);

3. обсудили каждую услугу с клиентом: убрали лишнее и дополнили фактурой нужное.

Обновили логотип ИнформАудит, чтобы он органично смотрелся на новом сайте компании. 

Освежили фирменный цвет ИнформАудит: сделали его светлее, чтобы сайт смотрелся чище.

Обновили шрифты. Остановили свой выбор на Inter Tight, так как он: 

— хорошо читается, что важно для текстового сайта;

— хорошо выглядит как в крупном формате, так и в небольших блоках с текстом;

— имеет прямые формы, что отлично подходит для юридической сферы.

Освежили логотип. Использовали одноцветную версию лого ИнформАудит — без деталей и градиента.

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

А мы помним, что наша задача — сделать интересный и живой сайт.

Чтобы добиться этой цели, мы наметили три главных вектора работы в дизайне:

1. нестандартное оформление текстов;

2. оригинальные иллюстрации;

3. анимации, которые оживляют контент.

1. Нестандартное оформление текстов

На каждой странице и в каждом блоке мы проработали тексты так, чтобы их интересно было читать.

— Распределили тексты по блокам на страницах, используя неожиданные форматы и миксуя их между собой.

— Добавили акцентов в главные фрагменты (в том числе акцентные заголовки) и проработали композицию.

— Поиграли с оформлением цифр — теперь они воспринимаются уже не как часть текста, а как стильные иллюстрации к нему. 

— На некоторых страницах оформляли текст как интересную инфографику. 

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

2. Оригинальные иллюстрации

Финансовая сфера особенна и тем, что ее сложно иллюстрировать. 

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

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

Сначала наш иллюстратор собрал референсы картинок по группам. 

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

Теперь изображения выглядят свежо и уникально — и классно дополняют текстовые фрагменты.

3. Фотоконтент. Но иллюстраций было недостаточно: чтобы очеловечить сайт, нужно добавить на него фотографии людей. Было решено провести фотосессию сотрудников ИнформАудит. Мы помогли заказчику подобрать фотографа и организовать фотосессию. 

А когда кадры были готовы, стильно упаковали их на сайте. 

4. Анимации, которые оживляют контент

Кроме этого, нам важно было добавить динамики и акцентов сайту.

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

Убедились, что анимации не мешают навигации пользователя, а, наоборот, расставляют акценты, включают интерес и делают страницы разнообразными.

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

Боль 1. Страх, что от аудиторской компании попадутся непрофессиональные сотрудники. 

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

А еще не раз упоминаем на сайте, что сотрудники ИнформАудит — профессионалы с двадцатилетним опытом.

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

Решение: суперподробно рассказали про услуги ИнформАудит на сайте. 

А точнее — создали страницу «Услуги», на которой детально и структурировано отразили информацию по 16 услугам:

1. зачем нужна услуга;

2. что она из себя представляет;

3. для кого подходит;

4. что получает клиент;

5. какие этапы включает;

6. стоимость услуги.

При написании всех текстов следовали трем параметрам:

— Понятность. Мы не сыплем сложными терминами и конструкциями там, где можно объяснить человеческим языком.

— Грамотность. Наш копирайтер погрузился в сферу, что тексты были написаны корректно.

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

Стандартные JavaScript-анимации сильно нагружают сайты. Чтобы избежать перегрузки, мы протестировали несколько форматов анимации на главной странице сайта и в итоге остановились на формате Lottie-анимаций. 

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

Фронтенд сайта реализован на базе React+Next.js, что повысило скорость загрузки страниц и улучшило их индексацию поисковыми системами. 

Бэкенд создан на WordPress. Под каждый блок в панели управления создали отдельное поле: так заказчик сможет без труда самостоятельно управлять контентом на сайте.

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

Сайт представляет компанию ИнформАудит как профессионалов в финансовой и юридической сферах. 

— На нем есть информация о большом стаже компании ИнформАудит и ее подходе.

— У каждого специалиста есть карточка сотрудника, где указан его стаж работы, образование и аттестаты.

— Подробна описана каждая услуга ИнформАудит. 

— Все тексты написаны профессиональным языком.

Сайт выглядит современно и постоянно собирает похвалу со стороны клиентов ИнформАудит. 

Сайт выделяется среди конкурентов: он уже взял золото в Золотом Сайте 2024 и бронзу в Рейтинге Рунета 2024. 

Он соответствует всем SEO-стандартам, благодаря чему ежемесячный трафик вырос в 5 раз сразу после запуска сайта. 

Кроме того, сайт быстро работает, несмотря на обилие анимаций на нем: показатель performance достигает 91 из 100 баллов, по результатам тестирования десктопной версии сайта в Lighthouse (что соответствует высокой скорости загрузки).