Общество с ограниченной ответственностью "Эверест"

Сайт клиники был создан несколько лет назад и со временем перестал отвечать требованиям бизнеса и ожиданиям пользователей. Появлялись новые услуги, которые было сложно найти из-за особенностей структуры. Наполнение страниц не соответствовало заложенному шаблону и из-за этого они выглядели пустыми и непрезентабельными. Перед нами стояли задачи: — разработать новый сайт с логичной и интуитивно понятной структурой; — отразить ключевую экспертизу стоматологии (лечение сложных случаев); — проработать подачу контента и заголовки, сделав акцент на принципах клиники, профессионализме специалистов и честности в работе с пациентами. Процесс работы Начали с этапа аналитики. Провели 4 фокус-группы с бизнесом, 7 глубинных интервью с клиентами, сделали конкурентный анализ. Интервью помогли понять, с какими вопросами обращаются пользователи, какие у них есть страхи и барьеры. В вопросах шли по сценарию: от возникновения проблемы до того, как люди принимают решение. В процессе поняли, что нужно выделить как отдельные услуги: консультацию главного врача, лечение во сне (седация), имплантацию. Результатом работы стала информационная архитектура. При проектировании учли, что большая часть трафика на сайт идет с мобильных устройств, поэтому начали работу с мобильной версии. Меню вынесли вниз — как в мобильных приложениях. Это удобно и привычно для пользователей. Большие объемы информации переработали, разбив на отдельные блоки. А из некоторых сделали сравнительные таблицы, чтобы клиентам было проще воспринимать информацию и принимать решение. К дизайн-концепции приступили, учитывая пожелания заказчика. Выбрали скругленные формы, современный гротескный шрифт. Основным цветом стал белый, но оставили фирменный синий и разбавили его оранжевым. Контраст теплых и холодных оттенков отлично вписался в стилистику сайта. Лицо клиники — врачи. Оформление их карточек было важно, чтобы сайт выглядел современно, не безлико. Чтобы отойти от стоковых фотографий, банальных образов (зубы, зеленое яблоко, стоматологические предметы) и выделить стоматологию среди конкурентов, решили в карточках услуг разместить абстрактные фигуры — сферы. Их формы и внешний вид создавали сами с нуля по ассоциациям от заказчика. Результат — Увеличилось количество заявок через сайт на 38%. — Конверсия с мобильной версии увеличилась на 24%. — Увеличилось количество консультаций у главного врача на 39%. — В 7 раз чаще стали спрашивать про седацию, которую при разработке ставили как приоритетную услугу. — Появились отклики на услуги, страницы которых не были раньше проработаны на сайте. — Трафик на соцсети увеличился с сайта на 13%. Подробный кейс можно прочитать по ссылке.

Компания решила сделать редизайн сайта, так как предыдущая версия выполняла функцию визитки и не способствовала генерации заявок от клиентов. Работы разбили на этапы. Сделали конкурентный анализ и выяснили, что структура сайта не полностью учитывает потребности клиентов. Например, они чаще смотрят на технику, которую можно получить в лизинг, чем на финансовые продукты компании. Мы предложили в информационной архитектуре выделить предметы лизинга как отдельную сущность. Структуру сайта строили с подробным описанием наполнения и функционала страниц. Разработали прототипы, основываясь на информационной архитектуре, учитывая бизнес-требования и результаты конкурентного анализа. Проектировали страницы сразу с актуальным контентом, чтобы в дальнейшем у клиента не возникло трудностей с внесением информации. Дизайн-концепцию выполнили в лёгком стиле: светлые цвета, реалистичные изображения техники в карточках, максимально подходящая картинка для первого экрана. При этом оставили лепесток колоса на фоне техники, — этот элемент показался нам весьма уместным и отражающим фирменный стиль. На основе дизайна главной провели работу над внутренними страницами сайта, проработали все состояния интерфейса. Сделали адаптивы для двух разрешений — планшета и мобильных устройств. Подготовили макеты к вёрстке и составили подробное ТЗ для программистов с описанием всех сценариев и логики работы интерфейса. После вёрстки провели авторский надзор, чтобы итоговый результат соответствовал разработанным макетам. Результат Разработали полноценный сайт, который: — учитывает интересы пользователей и особенности конкурентной среды; — отвечает требованиям бизнеса и способствует генерации заявок от клиентов. С момента запуска сайта (декабрь 2021) заявку оставило более 1000 пользователей. Подробный кейс можно прочитать по ссылке.

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

Norma — это система автоматической работы с документами от МТС. Она распознает и анализирует содержание любых юридических документов и на основе этих данных систематизирует их, вносит информацию в ERP-систему компании и контролирует все этапы исполнения пунктов договоров. В начале мы определились с общей концепцией. Уже существовали первоначальные иллюстрации персонажа Нормы (прообраз Нормы — Норма Джин, известная как Мэрилин Монро). Требовалось расширить эту идею, отрисовать новые образы и графику в рамках концепции сторителлинга. Первые версии концепта были в мятных цветах, в точности как интерфейс самой платформы. Но в итоге решили использовать привычный для МТС красный цвет. Пробовали по-разному упаковывать основной посыл — «Держать документы в порядке — норма» и думали, как понятно и однозначно рассказать про ключевую функцию продукта на первом экране. В итоге мы научили Норму разговаривать. В конце концов, Norma — это технология на базе искусственного интеллекта. Но в то же время Норма — милая девушка, которая не прочь пофлиртовать. Возможности платформы изложили в знакомой для юристов и топ-менеджеров форме пунктов договора 1.1, 1.2 и т. д. С одной стороны, это привычный способ потреблять информацию, а с другой — приятное общение с помощницей, которая игриво подсказывает решение, не обременяя официальными терминами. Затем спроектировали и задизайнили страницы трёх основных опций сервиса: «Конструктор документов», «Мониторинг просрочек» и «Контрактный менеджмент». Здесь понадобилось гораздо больше иллюстраций, чтобы отразить ключевые функции продуктов. Главной темой интерфейса стали стопки документов А4 — тарифы, иконки, дашборды сделаны с отсылкой к ним. Мониторинг просрочек — решение, которое экономит деньги клиента, вовремя предупреждая о грозящих штрафах. Мы сделали калькулятор, куда можно ввести количество обрабатываемых договоров и получить сумму, которую можно сэкономить за год. Закончили проект со 120 отрисованными дизайн-макетами для ПК и мобильной версии. Несмотря на то, что большинство клиентов будут пользоваться сервисом на компьютере, в современном мире нет места сайту без адаптива. У нас получилось рассказать про серьёзный продукт для крупного бизнеса в легко усваиваемой форме, сделать Норму живым собеседником и показать преимущества сервиса. Результат — Вместо одностраничного лендинга сделали полноценный сайт (100+ макетов), который рассказывает о сервисе, его возможностях и преимуществах. — В 3 раза снизилась нагрузка на менеджера, который принимал звонки и отвечал на вопросы потенциальных клиентов. Результат достигнут за счёт проработанного контента и анимаций, наглядно демонстрирующих работу сервиса. — На 32% увеличилось количество переходов в сам конструктор документов, так как мы сделали бесшовный переход от сайта к сервису через личный кабинет.

Это первый проект в рамках большой экосистемы сервисов. У ТОСКа много планов — от платформы размещения заявок на услуги ЖЭК до маркетплейса товаров социального значения с доставкой на дом, связанных в единую архитектуру. Поэтому одной из наших основных задач при разработке личного кабинета плательщика было создание масштабируемой системы. Навигация, пользовательские сценарии, базы данных — всё должно быть готово к быстрому развитию сервиса. Исследование и проектирование Первым делом мы детально изучили продукт и провели большое исследование текущего процесса оплаты коммунальных услуг. Не только со стороны плательщика, но и внутри управляющих компаний. В нашем случае, на их стороне практически полностью отсутствовала автоматизация. Мы побывали в нескольких управляющих компаниях и провели серию интервью с сотрудниками заказчика. После определили функциональные требования системы. Разработали техническое задание на будущий интерфейс. Дизайн Стилистика выбрана максимально строгая, консервативная. Большой сегмент целевой аудитории сервиса не имеет богатого опыта работы с аналогичными задачами в интернете. Поэтому дизайнерами выбирались максимально понятные и очевидные решения. Главный принцип — не навреди. В первом релизе сервис позволяет передавать показания приборов учета, оставлять обращения, выгружать электронный платежный документ, видеть актуальную историю потребления в виде графика, контролировать свои расходы. Интерфейсы адаптированы для удобного использования с мобильных устройств Разработка Учитывая довольно сжатые сроки, мы выстроили процесс, в котором вся команда работала параллельно. На всё про всё, от дизайна до запуска, было 36 рабочих дней. Результат В первую неделю после запуска MVP проекта, сервисом воспользовалось более 1500 человек и количество пользователей постоянно растет. Подробный кейс можно прочитать по ссылке.

Компания имеет сложившуюся дизайн-систему, которая используется в её сервисах. В рамках нашего сотрудничества мы провели большое исследование и разработали новое видение визуальной концепции. Оно базируется на фундаментальных принципах бренда, во главе которых клиентоориентированность. Концепция Сегодня мы являемся свидетелями рождения и развития завораживающих технологий. Альтернативная энергетика и освоение космоса, беспилотники и искусственный интеллект, электрокары — всё, что ещё вчера казалось фантастикой, сегодня стремительно становится частью нашей повседневной жизни. Современные пользовательские интерфейсы позволяют в буквальном смысле слова прикоснуться к инновациям. Более того, они дают возможность управлять ими где бы вы ни были. Минимализм, чистота, изящество и лёгкость форм — всё это не просто делает использование продуктов удобным. Интерфейсы — это дверь в мир волшебства, лицо многолетней работы инженеров. «Скания» несомненно является не только одним из ключевых игроков на рынке производителей грузовиков, но и важным участником глобального прогресса. Поэтому мы постарались сделать так, чтобы новый визуальный стиль отражал технологическую мысль, заложенную в каждый продукт корпорации. Новый подход и визуал легли в основу первого разрабатываемого нами сервиса — личного кабинета «Скания Лизинг» для российского подразделения концерна. Личный кабинет 1. Большой этап аналитики и сбора требований с представителей бизнеса: Серия глубинных интервью с отделами компании, которые коммуницировали с клиентами. Цель — проанализировать текущий бизнес-процесс и понять, какие задачи мы можем снять с сотрудников и закрыть их с помощью личного кабинета. Результат шага — карта целей каждого участника на протяжении всего бизнес-процесса 2. Исследование пользователей и архитектура сервиса: Серия глубинных интервью с клиентами «Скания Лизинг». Цель — выявить текущие проблемы и пожелания к будущему личному кабинету. Результат шага — оформленный список проблем и пожеланий клиентов. Финалом всего этапа стала информационная архитектура нового личного кабинета и документ с бизнес-требованиями к будущему сервису. 3. Проектирование и дизайн всех экранов личного кабинета в рамках существующей дизайн-системы. Результат — Разработана новая концепция визуального стиля Scania — Полностью переработан личный кабинет «Скания Лизинг»: от сбора бизнес-требований до интеграции новой дизайн-концепции. Сервис учитывает все существующие процессы пользователей со стороны сотрудников «Скании» и дилеров, подстраивается под их нужды и сокращает время на выполнение ежедневных задач пользователей.

Проект «Умный двор» появился с целью объединить услуги компании в одном приложении для удобства пользователей. Начали работу с цикла встреч с клиентом. Разобрались с его бизнес-процессами, выяснили, как именно проходит подключение новых абонентов и работа с текущими клиентами, какие технические ограничения есть на уровне работы с данными. После составили информационную архитектуру и прототипы. При разработке дизайн-концепции мы исходили из информационного контекста, который окружает типичного представителя нашей целевой аудитории. А это «Сбербанк Онлайн», «Авито», «Яндекс.Такси», WhatsApp. Разработанный интерфейс должен легко вписываться в привычную для пользователя картинку, быть простым, лаконичным и понятным с первого взгляда. Сохраняем преемственность с фирменным стилем компании и остаёмся в рамках сервисного дизайна — минимализм, отсутствие отвлекающих, нефункциональных дизайнерских решений. После установки приложения коротко рассказываем об основных функциях: 1. Верификация При первом запуске происходит запрос на верификацию телефона, пользователь вводит номер телефона, получает СМС и вставляет (автоматически) проверочный код. В этот момент в базу данных отправляется полученный телефон для определения действующего клиента LanTa. Авторизованному пользователю в приложении доступно управление всеми услугами. 2. Гости Ключевая функция любого домофона — возможность открыть дверь. Теперь сделать это можно, не вставая с дивана и вообще не находясь в квартире. 3. Домой Приложение заменяет все ключи и пульт управления для ворот. Пользоваться телефоном гораздо удобнее, а главное, его почти невозможно забыть. Каждая кнопка на экране важна — показывает состояние адресов и позволяет управлять ими одним нажатием. 4. Видеонаблюдение Видеокамеры у подъезда и по всему периметру двора ведут постоянную запись, которая хранится в архиве десять дней. К любой из них можно подключиться и увидеть видео в режиме реал-тайм. 5. Настройки Управлять услугами, добавлять адреса, оставлять заявки на подключение новых адресов, добавлять и удалять услуги — всё это можно сделать в настройках приложения. Результат Получилось шестьдесят отрисованных экранов под две операционные системы. Финальным этапом работы для нас было создание UI-кита, сбор окончательных дизайн-макетов и сопроводительной документации. Мы передали разработчикам проект, осуществили авторский надзор. Подробный кейс можно прочитать по ссылке.

В «Ингосстрахе» существует корпоративное страхование для сотрудников компаний. HR-партнёры — выделенные роли в компаниях-клиентах, являющиеся связующим звеном между сотрудниками и «Ингосстрахом». Система, в которой они работают, называется личным кабинетом HR-партнёра. Здесь создаётся, формируется, выгружается и хранится большой объём документации. Нам предстояло перепроектировать личный кабинет в рамках масштабирования системы и сделать новый дизайн с учётом существующего стайлгайда. На этапе аналитики провели серию глубинных интервью с пользователями системы, выявили сильные и слабые стороны интерфейса, собрали комплекс требований и пожеланий, сформировали пул гипотез по перепроектированию сервиса. Основываясь на собранных данных, а также на плотной интеграции проектной команды в бизнес-процессы клиента, мы подготовили развернутое логическое ядро и информационную архитектуру, которая стала фундаментом для дальнейших работ. Продумали механику работы для каждой части функционала в отдельности. Это устраняло два основных риска: отсутствие единого принципа навигации на разных уровнях вложенности у разных ролей и разную иерархию вложенности функционала. В процессе проектирования после каждого недельного спринта мы сверялись с информационной архитектурой и логической моделью. Главный UX-инженер скрупулёзно проходил по каждой ветке каждого микросценария, чтобы убедиться, что мы нигде не ошиблись. Так разработали 73 прототипа, представляющих отдельную страницу или экран. Внутри могло быть до 6–7 всплывающих окон или модалок. В итоге мы согласовали около сотни различных экранов. На этапе дизайна работу упростил существующий фирменный стиль «Ингосстраха», в который мы аккуратно обернули согласованные прототипы. Параллельно собирали UI-кит и писали сопроводительную документацию для дальнейшей разработки (вёрстка, программирование и интеграции выполнялись на стороне заказчика). Результат — Высокие оценки на тестировании интерфейсов реальным пользователям системы. — Сокращение на 40-60% времени на выполнение часто используемых процедур в рамках интерфейсов личного кабинета. — Быстрая адаптация новых HR-партнеров за счет спроектированной системы обучения Подробный кейс можно прочитать по ссылке.

У клиники уже был сайт, но его сложная структура затрудняла быстрый поиск информации. Это влияло на конверсию, а следовательно, на выручку компании. Шла большая нагрузка на колл-центр: он в ручном режиме обрабатывал то, что можно было автоматизировать с помощью интерфейсов. Нам предстояло: 1. Переработать структуру сайта. Разработать посадочные страницы, которые будут давать ответы на вопросы посетителей, чтобы снизить нагрузку на колл-центр. 2. Обновить визуальный стиль сайта, чтобы он отражал общий дух и ценности компании. Уйти от «медицинской» стилистики. 3. Заложить концепцию единой экосистемы бренда, которую впоследствии можно будет перенести на все сайты клиник сети. Работы начали с предпроектной аналитики. Провели воркшоп с бизнес-группой, собрали требования и идеи по видению нового сайта. Затем провели ряд глубинных интервью с пациентами и создали портрет среднестатистического посетителя клиники, определили, как клиенты воспринимают бренд. После этого разработали информационную архитектуру сайта и пользовательские сценарии, на основе которых спроектировали страницы. Во главе угла — быстрый доступ к нужной услуге или врачу, а также запись на консультацию или вызов врача на дом. Это решается и новой упрощенной структурой, и удобным функциональным поиском. Есть большой каталог услуг, объединённых в центры и подразделения с подробным описанием каждого из них и перелинковкой с каталогом симптомов и заболеваний. Новый корпоративный сайт отражает все сильные стороны и принципы, которых придерживается команда GMS. Он не похож на типичный сайт клиники. В дизайне нет ассоциаций с лечением, болью, страхом, свойственных людям, которые обращаются за медицинской помощью. Вместо этого используем приятные и добрые ассоциации. Например, для визуализации женских услуг используются изображения цветов, для детских услуг — изображения игрушек, а для мужских — спортивные атрибуты. Всего создали более 40 уникальных страниц: — Раздел для пациентов со всей необходимой информацией: от того, что взять с собой на приём, до описания годовых программ и способов оплаты; — Раздел с подробным описанием компании, её ценностей и принципов; — Раздел с отзывами; — Внушительный блог с сегментацией по различным материалам; — Подробная информация о каждой клинике; и пр. Результат За 2021 год с сайта поступало в среднем 343 заявки в месяц, а на приём через сайт записалось на 15% больше клиентов по сравнению с предыдущим годом.