Милый сайт с усатым маскотом для серьезной бухгалтерской компании
Учёт без забот
Сибирикс
Учёт без забот
Милый сайт с усатым маскотом для серьезной бухгалтерской компании
Учёт без забот
Милый сайт с усатым маскотом для серьезной бухгалтерской компании
Бухгалтера — настоящие волшебники, ведь в бесконечном потоке вечно меняющихся законов, правил и сухих цифр им удается найти баланс и создать из хаоса стройную рабочую систему, к которой ни у кого не возникнет вопросов. Но даже у таких всемогущих специалистов порой случаются рабочие сложности.
Чтобы разом ответить на все вопросы, закрыть пробелы в знаниях и помочь найти решение в сложных бухгалтерских задачках, есть сервис «Учёт без забот», создатели которого пришли к нам в студию за обновлением корпоративного сайта.
«Учёт без забот» — образовательный и консалтинговый проект, который существует с 2013 года. Сначала он работал как сервис для консультационной поддержки, а теперь трансформировался в консалтинговую и обучающую платформу и полноценное медиа о бухучете.
Проект основала профессиональный бухгалтер и эксперт по 1С Ольга Шулова как ответ на свой личный запрос — ей хотелось поддержать тех, кто ежедневно ведет учет в 1С, и сделать бухгалтерию максимально понятной как для профессионалов, так и для новичков.


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

В общем, делает всё, чтобы бухгалтерский и налоговый учет в 1С проходил реально без забот :)

Эмоциональный дизайн главной страницы и обновленный логотип

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

Так рыжий кот с очень бухгалтерской кличкой Крыжик (от глагола «крыжить» — делать подробную сверку данных из двух или более документов) задал тон для дизайна всего сайта.
Дизайн главной страницы
В поисках идеального визуала для Крыжика мы даже сделали парочку итераций с его обновленным образом.
Эволюция Крыжика и его итоговый вариант
Также мы поработали над логотипом заказчика, который с годами устарел и требовал обновления. Мы предложили простую текстовую версию с узнаваемым для каждого бухгалтера элементом — чекбоксом с галочкой, которые выполнили в фирменном ярко-оранжевом цвете. Заказчику понравилось :)
Старый и новый логотип «Учёта без забот»

Ненавязчивые анимации и игра на 404-й странице

Хотя проект корпоративный и на довольно сложную тему, на многих страницах сайта мы немного снижаем градус серьезности с помощью милых микроанимаций. Где-то маскот следит глазами за курсором, где-то он появляется или исчезает по скроллу, где-то текст выделяется фирменным цветом, а где-то — можно поиграть с клубком пряжи по клику курсором-лапкой.
Анимации на главной странице
Анимации на странице «О компании» (и курсор-лапка)
Блок о команде мы также сделали анимированным: для корпоративных сайтов это всегда +100 к созданию имиджа компании и подогреву лояльности пользователей. А на 404-й странице мы пошли на шалость и добавили игру с мусорной корзиной, куда нужно поймать как можно больше падающих документов.
Игра с корзиной на 404-й странице

Статьи как точка притяжения пользователей

Изначально, еще на этапе проектирования интерфейсов, мы хотели сделать ставку именно на этот раздел. Чтобы уже на главной странице пользователь «проваливался» в море статей, увлекался и оставался на сайте надолго, как в любом популярном онлайн-журнале вроде Т—Ж или «Лайфхакер». Но, посовещавшись внутри команды и с заказчиком, решили, что это лишнее — сайт всё-таки больше корпоративный, чем статейный.

Но от идеи прокачать статьи насовсем не отказались и реализовали простой и удобный интерфейс внутри раздела с ними:
  • сверху — плашки с подборками материалов;
  • при скролле периодически появляются цветные плашки, чтобы пользователь не заскучал: это или яркая подборка статей от Крыжика, или баннер с мастер-классом или курсом от компании;
  • вместо бесконечной ленты сделали пагинацию, поскольку не хотелось перегружать страницу;
  • на карточке каждой статьи — количество просмотров (которое порой просто зашкаливает — настолько полезный контент делают в компании!).
Раздел со статьями
Внутри каждой статьи, кроме самого текста и изображений, указывается примерное время на чтение и автор материала: он может быть как штатным сотрудником «Учёта без забот», так и приглашенным экспертом — всё, как в настоящем медиа. Справа — лента от Крыжика с подборкой самых интересных статей и ссылка на клуб бухгалтеров. А внизу — подключенный сервис для комментариев, чтобы можно было обсудить прочитанное или задать вопрос автору.
Детальная страница статьи
Кроме того, мы добавили возможность распечатать статью в один клик — текст одной кнопкой конвертируется в готовый к печати PDF-файл. Ведь бухгалтерам порой так важно «пощупать» и рассмотреть поближе материал, а не просто прочитать его с экрана.
Лёгкая печать статьи
На старом сайте «Учёт без забот» статьи приносили стабильный поток пользователей, которые потом легко конвертировались в клиентов. Поэтому нам важно было аккуратно перенести их на новый сайт, сохранив историю просмотров и не потеряв SEO-трафик.

Сообщить об ошибке

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

Страница услуг и форма обратной связи

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

Видео с «кошачьими» обложками

Еще один важный раздел на сайте — видео. Здесь мы также добавили счетчик просмотров и возможность комментирования, а еще — отрисовали четыре варианта обложек с Крыжиком в разной гамме.
Милые обложки с Крыжиком для видео

Версия для слабовидящих

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

Готовый проект