кейс: эмэсти®

задача: разработка сайта.

ЭМЭСТИ® — продукт диетического лечебного питания

Инновационный продукт для системной работы с весом и метаболическим здоровьем
задача.
Фактически с нуля создать убедительную цифровую презентацию нового продукта.
Не просто представить продукт, а доступно объяснить принцип его действия, сформировать доверие и мягко подвести посетителя к покупке.
Цифровой помощник Эмма: короткий деликатный опрос помогает пользователю понять, подходит ли ему продукт, и мягко ведёт к покупке.
решения.
Единый визуальный стиль.
(01)
Серия фирменных изображений продукта и композиционные кадры.
(02)
Ботанические иллюстрации основных компонентов в единой стилистике.
(03)
Интерактивный блок «до / после».
(04)
Метаболический тест с последовательными вопросами, автоматическим расчётом результата, диаграммами и персональными рекомендациями.
(05)

фотореалистичные мокапы упаковки.

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

пластичные формы интерфейса.

Нестандартные формы со «живыми» скруглениями, вдохновлённые iOS-подходом.
Благодаря им элементы выглядят не геометрически идеальными — это делает дизайн более современным, тактильным и визуально приятным.
Beijing Union Pharmaceutical Factory
10 лет
в России

спокойная медицинская палитра.

Цветовая гамма была разработана с учётом пожеланий заказчика — в основе светлая, чистая палитра с мягкими голубыми и бирюзовыми оттенками.
цвета фонов страниц и блоков
цвета заголовков и кнопок

акцентная типографика.

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

удобный интерфейс.

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

медицинская графика.

Выполнена просто и информативно — без перегрузки сложными терминами. Она одинаково понятна как пациентам, так и специалистам.

тесты здоровья.

Разработаны по заданным алгоритмам — наглядные, быстрые и простые в прохождении. Они дополняют сайт и являются полезным инструментом, который удерживает посетителя и призывает уделить внимание своему здоровью.
тест связи чисел
Раннее выявление печеночной энцефалопатии (ПЭ).
Оценка:
  • скорости обработки информации,
  • внимания,
  • психомоторной координации.

Используется в клинической практике как часть психометрических тестов ПЭ.
(назначение)
Пациент должен: соединить числа от 1 до 25 по порядку как можно быстрее:
  • числа расположены случайно,
  • соединение — по клику / тачу,
  • линия строится автоматически.
(суть методики)
  • Игровое поле,
  • 25 точек с числами (1−25),
  • случайное расположение точек на поле,
  • кнопка «Пройти заново».
(UI)
  1. Пользователь нажимает на цифру «1».
  2. Запускается таймер.
  3. Пользователь кликает числа по порядку.
  4. При правильной последовательности рисуется линия.
  5. При ошибке клик игнорируется.
  6. При достижении «25» таймер останавливается, выводится результат.
(UX)
  1. Нельзя нажать следующее число, если предыдущее не выбрано.
  2. Последовательность строго 1 → 25.
(валидация)
≤ 40 сек
Когнитивные функции в норме.
41−60 сек
Возможны начальные изменения.
61−90 сек
Нарушение концентрации и внимания.
91−120 сек
Выраженные когнитивные нарушения.
>120 сек
Высокая вероятность печеночной энцефалопатии.
(интерпретация)
0.0 сек
Соедините числа от 1 до 25 по порядку как можно быстрее.
тест связи чисел

где купить бициклол.

Важная часть сайта — карта аптек с поиском по городу и сети на базе интеграции с Яндекс.Картами и Google-таблицами.
Заказчик может самостоятельно редактировать и поддерживать актуальность информации без участия разработчика.