Бизнес — это всегда процесс, а не результат, поэтому он никогда не стоит на месте. Вместе с ним растут перечень услуг и продаваемых товаров, клиентская база, маркетинговые затраты и еще примерно миллион параметров. Но слишком часто бывает, что сайты компаний не поспевают за ростом бизнеса. Так случилось у компании АСФ, которая пришла к нам в студию за обновлением своего интернет-проекта.

Когда АСФ пришли к нам за проектом, у них был старый сайт, который работал как витрина новостей и интернет-магазин, но не раскрывал информацию о компании, ее услугах и собственных технологических продуктах. Требовалось сделать сайт с нуля, чтобы собрать в одну систему и типично корпоративные страницы, и полноценный е-коммерс. Работу поделили на два этапа в лучших традициях Agile и Scrum: сначала — всё, что касается корпоративной части, затем — реализация интернет-магазина.

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

• понятно показать список услуг, которые предоставляет компания;
• показать преимущества услуг и продуктов для микро- и малого бизнеса;
• продемонстрировать АСФ как эксперта в области автоматизации и оснащения торговым и технологическим оборудованием;
• создать понятную структуру сайта, в которой легко ориентироваться (и которая позже сможет масштабироваться до интернет-магазина).

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

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

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

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

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

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

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

Интерактивный блок «Для кого мы это делаем» на главной странице АСФ

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

Сменяющиеся заголовки на страницах услуг

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

Кейсы АСФ

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

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

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

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

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

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

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

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

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

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

Когда важно связаться непосредственно с директором компании. В футере есть особая кнопка «Написать директору», которая открывает отдельную форму обратной связи. Тем самым АСФ показывает свое стремление быть с пользователями на связи в любой ситуации.

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

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

Для удобства выбора товары в каталоге можно добавить к сравнению — да, это довольно базовая опция для интернет-магазинов, но для клиентов АСФ — очень важная.

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

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

Если для товара заданы дополнительные услуги (например, для онлайн-кассы — ее регистрация в ФНС) и сопутствующие товары, необходимые для полноценной работы (для всё той же кассы это может быть фискальный накопитель и «Платформа ОФД») — мы сразу выводим это на детальной странице.

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

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

• на детальной странице товара рядом с ценой (плюс есть уведомление о том, что для их получения нужно авторизоваться) — как стимул к покупке товара именно на сайте АСФ;

Внутри личного кабинета пользователь может добавить свою компанию (или несколько компаний) по ИНН, сохранять адреса для доставки, отслеживать заказы, а также видеть свои бонусы. Кроме того, в ЛК указан персональный менеджер компании АСФ, с которым можно связаться по электронной почте — подобные обращения и ответы на них также хранятся внутри личного кабинета.