«От дизайн-концепции до запуска: иллюстративный фирменный стиль, сайт на Tilda и веб-платформа ассистанса с кабинетами клиента, HR и администратора — в связке с amoCRM.»
Worldwide Assistance — международная сервисная компания: медицинский, автомобильный и бытовой ассистанс 24/7 по России и за рубежом, сеть из 3000+ провайдеров и десятки тысяч клиентов. За год мы собрали для WWA весь цифровой контур: придумали иллюстративный фирменный стиль, задизайнили и сверстали сайт на Tilda, а главное — спроектировали и разработали на микросервисном бэкенде веб-платформу ассистанса с личными кабинетами клиента, HR-менеджера и администратора, тесно связанную с amoCRM.
Ядро проекта — веб-платформа ассистанса из трёх личных кабинетов. Клиент входит по коду из SMS и из одного окна вызывает скорую или врача на дом, записывается на приём, смотрит историю обращений и спецпредложения. HR-менеджер корпоративного клиента управляет списками застрахованных сотрудников и приглашениями. Администратор WWA ведёт справочники партнёров, продуктов и клиник, гарантийные письма и финансы. Под капотом — микросервисный бэкенд: отдельные сервисы профилей, продуктов, полисов, партнёров и клиник за единым шлюзом, с документацией API, объектным хранилищем файлов и разведёнными dev- и prod-средами.
Личный кабинет клиента: запись на приём — клиника, услуга, дата и время
Операционка ассистанса живёт в amoCRM, и платформа связана с ней в обе стороны: данные клиентов синхронизируются между платформой и CRM, заявки из чата попадают к операторам, письма и SMS уходят прямо из CRM, а оказанные услуги возвращаются в личный кабинет — в историю обращений. Платформа на лету собирает полис ДМС в PDF по данным из системы. Для телемедицины встроили аудио- и видеочат с врачом.
PDF-полис ДМС, который платформа генерирует автоматически (макет с тестовыми данными)
Финальный аккорд — упаковали накопленный стиль в брендбук WWA: логотип, цвета, типографика, иллюстрации и правила их применения. Описали систему вёрстки сайта, чтобы следующие страницы собирались по понятным правилам, и сделали шаблон презентации для отдела продаж.
Обложка брендбука Worldwide Assistance
Собрали релиз: вместе с командой клиента создали показательный продукт на проде, завели аккаунты для операторов и прогнали реальные сценарии по заявкам и CRM. Кабинет HR выехал на прод, платформа и новый сайт переехали с тестового поддомена на основной ww-assistance.ru, со старых PDF-файлов настроили редиректы на новый сайт. После запуска добивали баги по горячим следам.
Главная ww-assistance.ru: рукописный заголовок «следим за вашим здоровьем 24/7», линейные иллюстрации, карточки услуг и отзывы
Страница услуг: табы медицинских, автомобильных, бытовых и дополнительных сервисов, карточки ДМС и чекапов, форма заявки
Заявки из чата научились превращаться в сделки CRM, чат появился и в мобильной версии кабинета. Подключили сервис почтовых рассылок, развели dev- и prod-среды и пересобрали сайт WWA под обновлённую структуру.
Пока платформа шла к релизу, сайт пережил редизайн под обновлённые тексты: новые страницы услуг, благотворительного фонда и анкеты на медицинское обследование, свежие иллюстрации. Инфраструктуру перенесли в облако.
Дизайн лендинга ДМС-направления WW Assistance: иллюстрированный первый экран «удобно быть здоровым» и продуктовые карточки
Вывели фирменный иллюстративный стиль — рукописные заголовки и линейные персонажи, которые стали лицом WWA и на сайте, и в кабинетах. Параллельно строили API-методы работы с обращениями и раздел профиля в кабинете HR.
Кабинет HR: списки застрахованных сотрудников компании (макет с тестовыми данными)
Собрали кабинет клиента: вызов скорой и врача на дом, запись на приём, история обращений. В админке появился справочник продуктов с программами и услугами, в CRM — сценарии обработки обращений и IP-телефония.
Админ-панель: справочник продуктов — программы и услуги приёма у врача
Личный кабинет клиента: вызов скорой — горячая линия, обратный звонок и форма вызова
Зафиксировали техническую архитектуру, спроектировали методы обмена данными о полисах и собрали панель администратора со справочником партнёров: карточки страховых компаний с реквизитами, договорами и загрузкой бордеро.
Админ-панель: карточка партнёра — реквизиты, договор, контактные лица (макет с тестовыми данными)
Первая дизайн-концепция, прототипы кабинета клиента и сценариев авторизации: вход по номеру телефона с кодом из SMS. Параллельно заложили сервис аутентификации — первый кирпич будущего бэкенда.
Вход в личный кабинет по коду из SMS
Проект начался со встреч с клиентом и анализа конкурентов — ассистанс-компаний и медицинских сервисов. Из ресёрча выросла продуктовая рамка: клиентам — простой кабинет с помощью в один клик, бизнесу — прозрачная операционка.