Диги: как у нашего сайта появился хозяин

Сначала был образ в брендбуке

Диги появился в брендбуке DigiHub: лаймовый ромб с выразительными глазами, мягкими руками и короткими ногами. В его форме узнаётся центральный элемент нашего знака — идея, вокруг которой собирается продукт. Цвет связывает персонажа с кнопками и акцентами сайта, а лицо даёт ему собственное выражение.

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

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

Характер складывается из маленьких привычек

Мы искали движение, которое подходило бы Диги и спокойно смотрелось у нижнего края экрана. В итоге у него появился самокат. Он плавно набирает скорость, катится с лёгким следом ветра и останавливается, когда его зовут. Чтобы поговорить, сначала нужно припарковаться.

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

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

Первый разговор — о вашей идее

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

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

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

Он знает, где что лежит

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

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

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

У сердечка есть свой повод

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

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

Для нас важна связь с событием. Человек сделал шаг, система подтвердила результат, Диги добавил к этому немного тепла. Сообщение об успехе и сам результат остаются понятными и без анимации.

У хорошего хозяина есть чувство такта

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

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

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

В чём его суть

У DigiHub есть простая рабочая привычка: сначала прояснить задачу, затем собрать решение и показать следующий шаг. Диги переводит её в повседневные ситуации. Помогает начать с короткого ответа, объясняет незнакомый раздел и радуется завершённому действию.

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

Для нас Диги — характер студии, выраженный через действия. Внимание видно в сохранённом ответе, который не нужно набирать заново. Забота — в объяснении ошибки. Радость — в маленьком сердечке после удачного шага. Именно из таких деталей и складывается ощущение дома.

Можно просто зайти в гости

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

А если Диги уснул, его можно разбудить. Он у себя дома — и всегда готов показать, где начинается ваша следующая идея.

Обсудим вашу задачу

Расскажите, как устроен процесс сейчас и что хотите изменить.

Полезно перед стартом

• Когда бизнесу нужна CRM и как выбрать решение
• Что входит в разработку личного кабинета