- Провели бенчмаркинг;
- Проанализировали целевую аудиторию;
- Проанализировали целевую аудиторию и сформулировали Jobs To Be Done (JTBD)
- Определили Tone of voice;
- Выдвинули гипотезы и определили какие из них мы берем в работу;
- Собрали мудборд и референсы
- Разработали прототип лендинга + прототип формы заявки
- Разработали дизайн лендинга
- Адаптация дизайна лендинга под моб. версию
Этапы нашей работы:
Подробнее этапы работы можно посмотреть по ссылке: Tonikswww.figma.com
УТП браслета Антисон заключается в его способности обеспечить безопасность и повысить внимательность людей с опасными профессиями за счет своевременного предупреждения вибрацией. Благодаря передовым сенсорным технологиям браслет отслеживает физиологические показатели (например, частоту сердечных ритмов, уровень активности или др.), что позволяет ему предсказывать риск засыпания или снижение концентрации.
В случае обнаружения признаков усталости или опасных состояний, браслет автоматически активирует вибрацию, оповещая пользователя предупредительным сигналом и предотвращая потенциально опасные ситуации. Это делает его незаменимым устройством для водителей, пилотов, операторов тяжелой техники и других специалистов, для которых важно сохранять бодрствование и сосредоточенность в течение долгого времени.
В случае обнаружения признаков усталости или опасных состояний, браслет автоматически активирует вибрацию, оповещая пользователя предупредительным сигналом и предотвращая потенциально опасные ситуации. Это делает его незаменимым устройством для водителей, пилотов, операторов тяжелой техники и других специалистов, для которых важно сохранять бодрствование и сосредоточенность в течение долгого времени.
В чем УТП продукта?
УТП браслета Антисон заключается в его способности обеспечить безопасность
и повысить внимательность людей
с опасными профессиями за счет своевременного предупреждения вибрацией. Благодаря передовым сенсорным технологиям браслет отслеживает физиологические показатели (например, частоту сердечных ритмов, уровень активности или др.), что позволяет ему предсказывать риск засыпания
или снижение концентрации.
В случае обнаружения признаков усталости или опасных состояний, браслет автоматически активирует вибрацию, оповещая пользователя предупредительным сигналом
и предотвращая потенциально опасные ситуации. Это делает его незаменимым устройством для водителей, пилотов, операторов тяжелой техники и других специалистов, для которых важно сохранять бодрствование
и сосредоточенность в течение долгого времени.
и повысить внимательность людей
с опасными профессиями за счет своевременного предупреждения вибрацией. Благодаря передовым сенсорным технологиям браслет отслеживает физиологические показатели (например, частоту сердечных ритмов, уровень активности или др.), что позволяет ему предсказывать риск засыпания
или снижение концентрации.
В случае обнаружения признаков усталости или опасных состояний, браслет автоматически активирует вибрацию, оповещая пользователя предупредительным сигналом
и предотвращая потенциально опасные ситуации. Это делает его незаменимым устройством для водителей, пилотов, операторов тяжелой техники и других специалистов, для которых важно сохранять бодрствование
и сосредоточенность в течение долгого времени.
В чем УТП продукта?
Разработать визуальный концепт для продвижения инновационного технологичного продукта
(в нашем случае это браслет Антисон).
Продукту требовалось решить две бизнес-задачи одновременно:
(в нашем случае это браслет Антисон).
Продукту требовалось решить две бизнес-задачи одновременно:
- Убедить пользователя в необходимости покупки — показать через лендинг, что проблема реальна, а устройство действительно закрывает конкретный, узкий и при этом критичный сценарий использования
- Обосновать доверие к новому, ранее не представленному на рынке устройству — снять сомнения в точности технологии и безопасности использования через наглядность (сенсоры, соцдоказательство, гарантии)
Задача
Разработать визуальный концепт
для продвижения инновационного технологичного продукта
(в нашем случае это браслет Антисон).
Продукту требовалось решить две бизнес-задачи одновременно:
для продвижения инновационного технологичного продукта
(в нашем случае это браслет Антисон).
Продукту требовалось решить две бизнес-задачи одновременно:
- Убедить пользователя в необходимости покупки — показать через лендинг, что проблема реальна, а устройство действительно закрывает конкретный, узкий и при этом критичный сценарий использования
- Обосновать доверие к новому, ранее не представленному на рынке устройству — снять сомнения в точности технологии и безопасности использования через наглядность (сенсоры, соцдоказательство, гарантии)
Задача
Оформление заказа
Блок с карточкой товара
Карточка товара построена по принципам e-commerce UX: переключатели цвета и материала с визуальным превью — выбор виден сразу, без перезагрузки. Цена расположена рядом с CTA «Заказать» по правилу close proximity — путь «выбор → цена → действие» без лишних движений глаз. Это снижает когнитивную нагрузку перед покупкой и минимизирует количество кликов до оформления заказа.
Карточка товара построена по принципам e-commerce UX: переключатели цвета и материала с визуальным превью — выбор виден сразу, без перезагрузки. Цена расположена рядом с CTA «Заказать» по правилу close proximity — путь «выбор → цена → действие» без лишних движений глаз. Это снижает когнитивную нагрузку перед покупкой и минимизирует количество кликов до оформления заказа.
Блок «Встроенные сенсоры и датчики»
Детально показывает три ключевых сенсора (движения, сердечного ритма, серебряные электроды)
с коротким описанием функции каждого — реализует гипотезу о важности демонстрации технологичности
и надёжности устройства.
Детально показывает три ключевых сенсора (движения, сердечного ритма, серебряные электроды)
с коротким описанием функции каждого — реализует гипотезу о важности демонстрации технологичности
и надёжности устройства.
Блок «Встроенные сенсоры и датчики»
Детально показывает три ключевых сенсора (движения, сердечного ритма, серебряные электроды)
с коротким описанием функции каждого — реализует гипотезу о важности демонстрации технологичности
и надёжности устройства.
Детально показывает три ключевых сенсора (движения, сердечного ритма, серебряные электроды)
с коротким описанием функции каждого — реализует гипотезу о важности демонстрации технологичности
и надёжности устройства.
Первый экран и блок с описанием сенсоров
Заголовок «Браслет-помощник бодрствования» с индикатором эффективности (85%) сразу обозначает проблему и обещание результата. Демонстрация технологии (сканирование сердечного ритма) вместе
с цифрой «>100 000 пользователей» закрывает возражение «а это точно работает?» — через наглядность
и социальное доказательство.
Заголовок «Браслет-помощник бодрствования» с индикатором эффективности (85%) сразу обозначает проблему и обещание результата. Демонстрация технологии (сканирование сердечного ритма) вместе
с цифрой «>100 000 пользователей» закрывает возражение «а это точно работает?» — через наглядность
и социальное доказательство.
Первый экран и блок с описанием сенсоров
Заголовок «Браслет-помощник бодрствования» с индикатором эффективности (85%) сразу обозначает проблему и обещание результата. Демонстрация технологии (сканирование сердечного ритма) вместе
с цифрой «>100 000 пользователей» закрывает возражение «а это точно работает?» — через наглядность
и социальное доказательство.
Заголовок «Браслет-помощник бодрствования» с индикатором эффективности (85%) сразу обозначает проблему и обещание результата. Демонстрация технологии (сканирование сердечного ритма) вместе
с цифрой «>100 000 пользователей» закрывает возражение «а это точно работает?» — через наглядность
и социальное доказательство.
Результат
Гипотеза о цветовой палитре (тёплые тона вместо агрессивного красного для снижения визуального стресса) → в финальном дизайне акцентным цветом выбран тёплый оранжевый: он используется в CTA-кнопках, индикаторе состояния (85%), свечении в блоке с сенсорами и на самом браслете. Такой выбор ассоциируется с заботой и вниманием, а не с тревогой, при этом сохраняет ощущение технологичности за счёт контраста с тёмным фоном.
Гипотеза о линейном нарративе (последовательная подача информации без лишних переходов) → структура лендинга выстроена по сценарию «проблема → решение → доказательство → как это работает → покупка»:
Гипотеза о заботливом tone of voice → текстовые формулировки («Помощник бодрствования», «следите за рекомендациями») построены как поддержка, а не как констатация проблемы или инструкция.
JTBD B2B-сегмента (работодатели, контроль безопасности сотрудников) → учтён в навигации отдельным пунктом «Для компаний», что позволяет не смешивать два разных сценария использования на одной странице.
Гипотеза о линейном нарративе (последовательная подача информации без лишних переходов) → структура лендинга выстроена по сценарию «проблема → решение → доказательство → как это работает → покупка»:
- Экран с заголовком «Браслет-помощник бодрствования» и индикатором эффективности (85%) сразу обозначает проблему и обещание.
- Блок с сенсорами и цифрой «>100 000» закрывает вопрос «а это точно работает?» через социальное доказательство.
- Раздел «Простое и удобное использование устройства» с понятными иконками-шагами снимает страх «а не сложно ли будет разобраться».
- Завершает лендинг блок FAQ, снимающий последние возражения перед покупкой.
Гипотеза о заботливом tone of voice → текстовые формулировки («Помощник бодрствования», «следите за рекомендациями») построены как поддержка, а не как констатация проблемы или инструкция.
JTBD B2B-сегмента (работодатели, контроль безопасности сотрудников) → учтён в навигации отдельным пунктом «Для компаний», что позволяет не смешивать два разных сценария использования на одной странице.
Процесс / Решение
Гипотеза о цветовой палитре (тёплые тона вместо агрессивного красного для снижения визуального стресса) →
в финальном дизайне акцентным цветом выбран тёплый оранжевый: он используется в CTA-кнопках, индикаторе состояния (85%), свечении в блоке
с сенсорами и на самом браслете. Такой выбор ассоциируется с заботой
и вниманием, а не с тревогой, при этом сохраняет ощущение технологичности
за счёт контраста с тёмным фоном.
Гипотеза о линейном нарративе (последовательная подача информации без лишних переходов) → структура лендинга выстроена по сценарию «проблема → решение → доказательство → как это работает → покупка»:
Гипотеза о заботливом tone of voice → текстовые формулировки («Помощник бодрствования», «следите за рекомендациями») построены как поддержка, а не как констатация проблемы или инструкция.
JTBD B2B-сегмента (работодатели, контроль безопасности сотрудников) → учтён в навигации отдельным пунктом «Для компаний», что позволяет не смешивать два разных сценария использования на одной странице.
в финальном дизайне акцентным цветом выбран тёплый оранжевый: он используется в CTA-кнопках, индикаторе состояния (85%), свечении в блоке
с сенсорами и на самом браслете. Такой выбор ассоциируется с заботой
и вниманием, а не с тревогой, при этом сохраняет ощущение технологичности
за счёт контраста с тёмным фоном.
Гипотеза о линейном нарративе (последовательная подача информации без лишних переходов) → структура лендинга выстроена по сценарию «проблема → решение → доказательство → как это работает → покупка»:
- Экран с заголовком «Браслет-помощник бодрствования» и индикатором эффективности (85%) сразу обозначает проблему и обещание.
- Блок с сенсорами и цифрой «>100 000» закрывает вопрос «а это точно работает?» через социальное доказательство.
- Раздел «Простое и удобное использование устройства» с понятными иконками-шагами снимает страх «а не сложно ли будет разобраться».
- Завершает лендинг блок FAQ, снимающий последние возражения перед покупкой.
Гипотеза о заботливом tone of voice → текстовые формулировки («Помощник бодрствования», «следите за рекомендациями») построены как поддержка, а не как констатация проблемы или инструкция.
JTBD B2B-сегмента (работодатели, контроль безопасности сотрудников) → учтён в навигации отдельным пунктом «Для компаний», что позволяет не смешивать два разных сценария использования на одной странице.
Процесс / Решение
Проводила конкурентный анализ (бенчмаркинг) рынка умных устройств: изучала решения и подходы конкурентов, выявляла их сильные и слабые стороны, а также свободные ниши и возможности для дифференциации продукта.
На основе полученных данных формулировала дизайн-гипотезы и использовала их при разработке концепции лендинга. Также проектировала и визуально прорабатывала отдельные блоки страницы, отвечая за их UX и UI.
На основе полученных данных формулировала дизайн-гипотезы и использовала их при разработке концепции лендинга. Также проектировала и визуально прорабатывала отдельные блоки страницы, отвечая за их UX и UI.
Моя роль в проекте
Проводила конкурентный анализ (бенчмаркинг) рынка умных устройств: изучала решения и подходы конкурентов, выявляла их сильные и слабые стороны, а также свободные ниши и возможности для дифференциации продукта.
На основе полученных данных формулировала дизайн-гипотезы
и использовала их при разработке концепции лендинга. Также проектировала и визуально прорабатывала отдельные блоки страницы, отвечая за их UX и UI.
На основе полученных данных формулировала дизайн-гипотезы
и использовала их при разработке концепции лендинга. Также проектировала и визуально прорабатывала отдельные блоки страницы, отвечая за их UX и UI.
Моя роль в проекте
- Провели бенчмаркинг;
- Проанализировали целевую аудиторию;
- Проанализировали целевую аудиторию и сформулировали Jobs To Be Done (JTBD)
- Определили Tone of voice;
- Выдвинули гипотезы и определили какие из них мы берем в работу;
- Собрали мудборд и референсы
- Разработали прототип лендинга + прототип формы заявки
- Разработали дизайн лендинга
- Адаптация дизайна лендинга под моб. версию
Этапы нашей работы:
Подробнее этапы работы можно посмотреть по ссылке: Tonikswww.figma.com
УТП браслета Антисон заключается в его способности обеспечить безопасность и повысить внимательность людей с опасными профессиями за счет своевременного предупреждения вибрацией. Благодаря передовым сенсорным технологиям браслет отслеживает физиологические показатели (например, частоту сердечных ритмов, уровень активности или др.), что позволяет ему предсказывать риск засыпания или снижение концентрации.
В случае обнаружения признаков усталости или опасных состояний, браслет автоматически активирует вибрацию, оповещая пользователя предупредительным сигналом и предотвращая потенциально опасные ситуации. Это делает его незаменимым устройством для водителей, пилотов, операторов тяжелой техники и других специалистов, для которых важно сохранять бодрствование и сосредоточенность в течение долгого времени.
В случае обнаружения признаков усталости или опасных состояний, браслет автоматически активирует вибрацию, оповещая пользователя предупредительным сигналом и предотвращая потенциально опасные ситуации. Это делает его незаменимым устройством для водителей, пилотов, операторов тяжелой техники и других специалистов, для которых важно сохранять бодрствование и сосредоточенность в течение долгого времени.
В чем УТП продукта?
Разработать визуальный концепт для продвижения инновационного технологичного продукта
(в нашем случае это браслет Антисон).
Продукту требовалось решить две бизнес-задачи одновременно:
(в нашем случае это браслет Антисон).
Продукту требовалось решить две бизнес-задачи одновременно:
- Убедить пользователя в необходимости покупки — показать через лендинг, что проблема реальна, а устройство действительно закрывает конкретный, узкий и при этом критичный сценарий использования
- Обосновать доверие к новому, ранее не представленному на рынке устройству — снять сомнения в точности технологии и безопасности использования через наглядность (сенсоры, соцдоказательство, гарантии)
Задача
Проводила конкурентный анализ (бенчмаркинг) рынка умных устройств: изучала решения
и подходы конкурентов, выявляла их сильные и слабые стороны, а также свободные ниши
и возможности для дифференциации продукта.
На основе полученных данных формулировала дизайн-гипотезы и использовала их при разработке концепции лендинга. Также проектировала и визуально прорабатывала отдельные блоки страницы, отвечая за их UX и UI.
и подходы конкурентов, выявляла их сильные и слабые стороны, а также свободные ниши
и возможности для дифференциации продукта.
На основе полученных данных формулировала дизайн-гипотезы и использовала их при разработке концепции лендинга. Также проектировала и визуально прорабатывала отдельные блоки страницы, отвечая за их UX и UI.
Моя роль в проекте
Данный проект был выполнен в рамках Хакатона с командой дизайнеров из 4 человек.
В первую очередь в нашу задачу входило придумать умный девайс, которого нет на рынке, продумать его функции и полезность для пользователей.
Наш выбор остановился на умном браслете «Антисон». Его функциональность была разработана
с нуля на основании тщательных исследований и выдвижения гипотез, которые позволили определить ключевые возможности устройства. Такой системный подход обеспечил создание устройства, максимально соответствующего потребностям пользователей.
В первую очередь в нашу задачу входило придумать умный девайс, которого нет на рынке, продумать его функции и полезность для пользователей.
Наш выбор остановился на умном браслете «Антисон». Его функциональность была разработана
с нуля на основании тщательных исследований и выдвижения гипотез, которые позволили определить ключевые возможности устройства. Такой системный подход обеспечил создание устройства, максимально соответствующего потребностям пользователей.
О проекте
Данный проект был выполнен в рамках Хакатона с командой дизайнеров из 4 человек.
В первую очередь в нашу задачу входило придумать умный девайс, которого нет на рынке, продумать его функции
и полезность для пользователей.
Наш выбор остановился на умном браслете «Антисон». Его функциональность была разработана
с нуля на основании тщательных исследований и выдвижения гипотез, которые позволили определить ключевые возможности устройства. Такой системный подход обеспечил создание устройства, максимально соответствующего потребностям пользователей.
В первую очередь в нашу задачу входило придумать умный девайс, которого нет на рынке, продумать его функции
и полезность для пользователей.
Наш выбор остановился на умном браслете «Антисон». Его функциональность была разработана
с нуля на основании тщательных исследований и выдвижения гипотез, которые позволили определить ключевые возможности устройства. Такой системный подход обеспечил создание устройства, максимально соответствующего потребностям пользователей.
О проекте
Бенчмаркинг и исследование пользователей, формирование гипотез и UX-сценариев, разработка структуры и визуальной концепции лендинга технологичного продукта
UX/UI-концепция умного браслета «Антисон»
(проект в рамках участия в хакатоне)
(проект в рамках участия в хакатоне)
UX/UI-концепция умного бр...
>
UX/UI-концепция умного браслета «Антисон»
>
UX/UI-концепция умного брас...
>
Выделим сегменты потенциальных пользователей:
Анализ ЦА
Проанализировали целевую аудиторию и сформулировали Jobs To Be Done (JTBD), связав проблемы пользователей с конкретными функциями устройства
Jobs To Be Done (JTBD)
Бенчмарки
- Если разместить лаконичные карточки «Для кого этот браслет?» с указанием категорий с коротким описанием (например, блоки «Водитель: дальняя дорога без аварий», «Студент: бодрость на лекции», «Офисный сотрудник: продуктивность весь день», «Работодатель: контроль безопасности водителей»), то каждый посетитель узнает себя в одном из сценариев и почувствует, что продукт создан для него, поскольку устройство решает его конкретную проблему, + для пользователей, продолжающих скролл
и изучение лендинга, вырастет, потому что пользователь сразу видит, что продукт подходит именно ему и мотивация читать дальше увеличивается
- Использование в дизайне лендинга изображений и цветовой палитры, ассоциирующихся
с надежностью и профессионализмом (например, темно-синий, серый, зеленый), а также демонстрация браслета в реальных ситуациях (за рулем, на работе, во время учебы), усилит восприятие продукта как надежного и заботливого решения.
- Если всю ключевую информацию разместить на одной странице в последовательном наративе
(от проблемы к решению, к преимуществам и призыву), то пользователи плавно пройдут весь путь без отвлечения, поскольку им не нужно переходить по разным ссылкам в поисках информации. Меньшее количество переходов и ссылок означает меньше шансов потерять посетителя по дороге – к тому же известно, что чем больше на лендинге ссылок, тем ниже конверсия.
- Если выдержать текст лендинга в ободряющем, заботливом тоне (например: «Мы понимаем, как тяжело бороться со сном на ходу – браслет станет вашим незаменимым помощником), то у посетителя сформируется ощущение, что ему хотят помочь, а не пристыдить, и это повысит симпатию к продукту, поскольку дружелюбие располагает к доверию.
- Если акцентные зоны с риском подсветить тёплым цветом вместо агрессивного красного, то уровень визуального стресса снизится и доверие вырастет, потому что цвет ассоциируется с огнями безопасности, а не тревоги.
и изучение лендинга, вырастет, потому что пользователь сразу видит, что продукт подходит именно ему и мотивация читать дальше увеличивается
- Использование в дизайне лендинга изображений и цветовой палитры, ассоциирующихся
с надежностью и профессионализмом (например, темно-синий, серый, зеленый), а также демонстрация браслета в реальных ситуациях (за рулем, на работе, во время учебы), усилит восприятие продукта как надежного и заботливого решения.
- Если всю ключевую информацию разместить на одной странице в последовательном наративе
(от проблемы к решению, к преимуществам и призыву), то пользователи плавно пройдут весь путь без отвлечения, поскольку им не нужно переходить по разным ссылкам в поисках информации. Меньшее количество переходов и ссылок означает меньше шансов потерять посетителя по дороге – к тому же известно, что чем больше на лендинге ссылок, тем ниже конверсия.
- Если выдержать текст лендинга в ободряющем, заботливом тоне (например: «Мы понимаем, как тяжело бороться со сном на ходу – браслет станет вашим незаменимым помощником), то у посетителя сформируется ощущение, что ему хотят помочь, а не пристыдить, и это повысит симпатию к продукту, поскольку дружелюбие располагает к доверию.
- Если акцентные зоны с риском подсветить тёплым цветом вместо агрессивного красного, то уровень визуального стресса снизится и доверие вырастет, потому что цвет ассоциируется с огнями безопасности, а не тревоги.
Гипотезы
- Если разместить лаконичные карточки «Для кого этот браслет?» с указанием категорий с коротким описанием (например, блоки «Водитель: дальняя дорога без аварий», «Студент: бодрость на лекции», «Офисный сотрудник: продуктивность весь день», «Работодатель: контроль безопасности водителей»),
то каждый посетитель узнает себя в одном из сценариев и почувствует, что продукт создан для него, поскольку устройство решает его конкретную проблему, + для пользователей, продолжающих скролл
и изучение лендинга, вырастет, потому что пользователь сразу видит, что продукт подходит именно ему
и мотивация читать дальше увеличивается
- Использование в дизайне лендинга изображений и цветовой палитры, ассоциирующихся
с надежностью и профессионализмом (например, темно-синий, серый, зеленый), а также демонстрация браслета в реальных ситуациях (за рулем, на работе, во время учебы), усилит восприятие продукта как надежного и заботливого решения.
- Если всю ключевую информацию разместить на одной странице в последовательном наративе
(от проблемы к решению, к преимуществам и призыву), то пользователи плавно пройдут весь путь без отвлечения, поскольку им не нужно переходить по разным ссылкам в поисках информации. Меньшее количество переходов и ссылок означает меньше шансов потерять посетителя по дороге – к тому же известно, что чем больше на лендинге ссылок, тем ниже конверсия.
- Если выдержать текст лендинга в ободряющем, заботливом тоне (например: «Мы понимаем, как тяжело бороться со сном на ходу – браслет станет вашим незаменимым помощником), то у посетителя сформируется ощущение, что ему хотят помочь, а не пристыдить, и это повысит симпатию к продукту, поскольку дружелюбие располагает к доверию.
- Если акцентные зоны с риском подсветить тёплым цветом вместо агрессивного красного, то уровень визуального стресса снизится и доверие вырастет, потому что цвет ассоциируется с огнями безопасности, а не тревоги.
то каждый посетитель узнает себя в одном из сценариев и почувствует, что продукт создан для него, поскольку устройство решает его конкретную проблему, + для пользователей, продолжающих скролл
и изучение лендинга, вырастет, потому что пользователь сразу видит, что продукт подходит именно ему
и мотивация читать дальше увеличивается
- Использование в дизайне лендинга изображений и цветовой палитры, ассоциирующихся
с надежностью и профессионализмом (например, темно-синий, серый, зеленый), а также демонстрация браслета в реальных ситуациях (за рулем, на работе, во время учебы), усилит восприятие продукта как надежного и заботливого решения.
- Если всю ключевую информацию разместить на одной странице в последовательном наративе
(от проблемы к решению, к преимуществам и призыву), то пользователи плавно пройдут весь путь без отвлечения, поскольку им не нужно переходить по разным ссылкам в поисках информации. Меньшее количество переходов и ссылок означает меньше шансов потерять посетителя по дороге – к тому же известно, что чем больше на лендинге ссылок, тем ниже конверсия.
- Если выдержать текст лендинга в ободряющем, заботливом тоне (например: «Мы понимаем, как тяжело бороться со сном на ходу – браслет станет вашим незаменимым помощником), то у посетителя сформируется ощущение, что ему хотят помочь, а не пристыдить, и это повысит симпатию к продукту, поскольку дружелюбие располагает к доверию.
- Если акцентные зоны с риском подсветить тёплым цветом вместо агрессивного красного, то уровень визуального стресса снизится и доверие вырастет, потому что цвет ассоциируется с огнями безопасности, а не тревоги.
- Если разместить лаконичные карточки «Для кого этот браслет?» с указанием категорий с коротким описанием (например, блоки «Водитель: дальняя дорога без аварий», «Студент: бодрость на лекции», «Офисный сотрудник: продуктивность весь день», «Работодатель: контроль безопасности водителей»), то каждый посетитель узнает себя в одном из сценариев
и почувствует, что продукт создан для него, поскольку устройство решает его конкретную проблему, + для пользователей, продолжающих скролл
и изучение лендинга, вырастет, потому что пользователь сразу видит,
что продукт подходит именно ему
и мотивация читать дальше увеличивается
- Использование в дизайне лендинга изображений и цветовой палитры, ассоциирующихся с надежностью
и профессионализмом (например, темно-синий, серый, зеленый), а также демонстрация браслета в реальных ситуациях (за рулем, на работе, во время учебы), усилит восприятие продукта как надежного и заботливого решения.
- Если всю ключевую информацию разместить на одной странице
в последовательном наративе
(от проблемы к решению,
к преимуществам и призыву),
то пользователи плавно пройдут весь путь без отвлечения, поскольку им не нужно переходить по разным ссылкам
в поисках информации. Меньшее количество переходов и ссылок означает меньше шансов потерять посетителя по дороге – к тому же известно, что чем больше на лендинге ссылок, тем ниже конверсия.
- Если выдержать текст лендинга
в ободряющем, заботливом тоне (например: «Мы понимаем, как тяжело бороться со сном на ходу – браслет станет вашим незаменимым помощником), то у посетителя сформируется ощущение, что ему хотят помочь, а не пристыдить, и это повысит симпатию к продукту, поскольку дружелюбие располагает к доверию.
- Если акцентные зоны с риском подсветить тёплым цветом вместо агрессивного красного, то уровень визуального стресса снизится
и доверие вырастет, потому что цвет ассоциируется с огнями безопасности,
а не тревоги.
и почувствует, что продукт создан для него, поскольку устройство решает его конкретную проблему, + для пользователей, продолжающих скролл
и изучение лендинга, вырастет, потому что пользователь сразу видит,
что продукт подходит именно ему
и мотивация читать дальше увеличивается
- Использование в дизайне лендинга изображений и цветовой палитры, ассоциирующихся с надежностью
и профессионализмом (например, темно-синий, серый, зеленый), а также демонстрация браслета в реальных ситуациях (за рулем, на работе, во время учебы), усилит восприятие продукта как надежного и заботливого решения.
- Если всю ключевую информацию разместить на одной странице
в последовательном наративе
(от проблемы к решению,
к преимуществам и призыву),
то пользователи плавно пройдут весь путь без отвлечения, поскольку им не нужно переходить по разным ссылкам
в поисках информации. Меньшее количество переходов и ссылок означает меньше шансов потерять посетителя по дороге – к тому же известно, что чем больше на лендинге ссылок, тем ниже конверсия.
- Если выдержать текст лендинга
в ободряющем, заботливом тоне (например: «Мы понимаем, как тяжело бороться со сном на ходу – браслет станет вашим незаменимым помощником), то у посетителя сформируется ощущение, что ему хотят помочь, а не пристыдить, и это повысит симпатию к продукту, поскольку дружелюбие располагает к доверию.
- Если акцентные зоны с риском подсветить тёплым цветом вместо агрессивного красного, то уровень визуального стресса снизится
и доверие вырастет, потому что цвет ассоциируется с огнями безопасности,
а не тревоги.
Гипотезы
Блоки «Почему выбирают нас?» и «Простое и удобное использование устройства»
Блок с рациональными аргументами (клинически проверено, ISO-сертификация, 24/7 поддержка, гарантия, возврат средств, 100 000 пользователей) закрывает решение на основе конкретных гарантий, а не только эмоций.
Далее пошаговая структура использования (наденьте → настройте → следите за уведомлениями → следуйте рекомендациям) реализует гипотезу о снижении когнитивной нагрузки — снимает страх «а не сложно ли будет разобраться с новым устройством».
Блок с рациональными аргументами (клинически проверено, ISO-сертификация, 24/7 поддержка, гарантия, возврат средств, 100 000 пользователей) закрывает решение на основе конкретных гарантий, а не только эмоций.
Далее пошаговая структура использования (наденьте → настройте → следите за уведомлениями → следуйте рекомендациям) реализует гипотезу о снижении когнитивной нагрузки — снимает страх «а не сложно ли будет разобраться с новым устройством».
Блок «Встроенные сенсоры и датчики»
Детально показывает три ключевых сенсора (движения, сердечного ритма, серебряные электроды)
с коротким описанием функции каждого — реализует гипотезу о важности демонстрации технологичности
и надёжности устройства.
Детально показывает три ключевых сенсора (движения, сердечного ритма, серебряные электроды)
с коротким описанием функции каждого — реализует гипотезу о важности демонстрации технологичности
и надёжности устройства.
Первый экран и блок с описанием сенсоров
Заголовок «Браслет-помощник бодрствования» с индикатором эффективности (85%) сразу обозначает проблему и обещание результата. Демонстрация технологии (сканирование сердечного ритма) вместе
с цифрой «>100 000 пользователей» закрывает возражение «а это точно работает?» — через наглядность
и социальное доказательство.
Заголовок «Браслет-помощник бодрствования» с индикатором эффективности (85%) сразу обозначает проблему и обещание результата. Демонстрация технологии (сканирование сердечного ритма) вместе
с цифрой «>100 000 пользователей» закрывает возражение «а это точно работает?» — через наглядность
и социальное доказательство.
Результат
На основе выдвинутых гипотез перешли к разработке структуры и визуального решения лендинга.
Гипотеза о цветовой палитре (тёплые тона вместо агрессивного красного для снижения визуального стресса) → в финальном дизайне акцентным цветом выбран тёплый оранжевый: он используется в CTA-кнопках, индикаторе состояния (85%), свечении в блоке с сенсорами и на самом браслете. Такой выбор ассоциируется с заботой и вниманием, а не с тревогой, при этом сохраняет ощущение технологичности за счёт контраста
с тёмным фоном.
Гипотеза о линейном нарративе (последовательная подача информации без лишних переходов) → структура лендинга выстроена по сценарию «проблема → решение → доказательство → как это работает → покупка»:
Экран с заголовком «Браслет-помощник бодрствования» и индикатором эффективности (85%) сразу обозначает проблему и обещание
Блок с сенсорами и цифрой «>100 000» пользователей закрывает вопрос «а это точно работает?» через социальное доказательство
Раздел «Простое и удобное использование устройства» с понятными иконками-шагами снимает страх
«а не сложно ли будет разобраться»
Завершает лендинг блок FAQ, снимающий последние возражения перед покупкой
Гипотеза о заботливом tone of voice → текстовые формулировки («Помощник бодрствования», «следите за рекомендациями») построены как поддержка, а не как констатация проблемы или инструкция.
JTBD B2B-сегмента (работодатели, контроль безопасности сотрудников) → учтён в навигации отдельным пунктом «Для компаний», что позволяет не смешивать два разных сценария использования на одной странице.
Гипотеза о цветовой палитре (тёплые тона вместо агрессивного красного для снижения визуального стресса) → в финальном дизайне акцентным цветом выбран тёплый оранжевый: он используется в CTA-кнопках, индикаторе состояния (85%), свечении в блоке с сенсорами и на самом браслете. Такой выбор ассоциируется с заботой и вниманием, а не с тревогой, при этом сохраняет ощущение технологичности за счёт контраста
с тёмным фоном.
Гипотеза о линейном нарративе (последовательная подача информации без лишних переходов) → структура лендинга выстроена по сценарию «проблема → решение → доказательство → как это работает → покупка»:
Экран с заголовком «Браслет-помощник бодрствования» и индикатором эффективности (85%) сразу обозначает проблему и обещание
Блок с сенсорами и цифрой «>100 000» пользователей закрывает вопрос «а это точно работает?» через социальное доказательство
Раздел «Простое и удобное использование устройства» с понятными иконками-шагами снимает страх
«а не сложно ли будет разобраться»
Завершает лендинг блок FAQ, снимающий последние возражения перед покупкой
Гипотеза о заботливом tone of voice → текстовые формулировки («Помощник бодрствования», «следите за рекомендациями») построены как поддержка, а не как констатация проблемы или инструкция.
JTBD B2B-сегмента (работодатели, контроль безопасности сотрудников) → учтён в навигации отдельным пунктом «Для компаний», что позволяет не смешивать два разных сценария использования на одной странице.
Процесс / Решение
Бенчмарки
Проанализировали целевую аудиторию и сформулировали Jobs To Be Done (JTBD), связав проблемы пользователей с конкретными функциями устройства
Jobs To Be Done (JTBD)
- Если разместить лаконичные карточки «Для кого этот браслет?» с указанием категорий с коротким описанием(например, блоки «Водитель: дальняя дорога без аварий», «Студент: бодрость на лекции», «Офисный сотрудник: продуктивность весь день», «Работодатель: контроль безопасности водителей»), то каждый посетитель узнает себя в одном из сценариев и почувствует, что продукт создан для него, поскольку устройство решает его конкретную проблему, + для пользователей, продолжающих скролл
и изучение лендинга, вырастет, потому что пользователь сразу видит, что продукт подходит именно ему и мотивация читать дальше увеличивается
- Использование в дизайне лендинга изображений и цветовой палитры, ассоциирующихся
с надежностью и профессионализмом (например, темно-синий, серый, зеленый), а также демонстрация браслета в реальных ситуациях (за рулем, на работе, во время учебы), усилит восприятие продукта как надежного и заботливого решения.
- Если всю ключевую информацию разместить на одной странице в последовательном наративе
(от проблемы к решению, к преимуществам и призыву), то пользователи плавно пройдут весь путь без отвлечения, поскольку им не нужно переходить по разным ссылкам в поисках информации. Меньшее количество переходов и ссылок означает меньше шансов потерять посетителя по дороге – к тому же известно, что чем больше на лендинге ссылок, тем ниже конверсия.
- Если выдержать текст лендинга в ободряющем, заботливом тоне (например: «Мы понимаем, как тяжело бороться со сном на ходу – браслет станет вашим незаменимым помощником), то у посетителя сформируется ощущение, что ему хотят помочь, а не пристыдить, и это повысит симпатию к продукту, поскольку дружелюбие располагает к доверию.
- Если акцентные зоны с риском подсветить тёплым цветом вместо агрессивного красного, то уровень визуального стресса снизится и доверие вырастет, потому что цвет ассоциируется с огнями безопасности, а не тревоги.
и изучение лендинга, вырастет, потому что пользователь сразу видит, что продукт подходит именно ему и мотивация читать дальше увеличивается
- Использование в дизайне лендинга изображений и цветовой палитры, ассоциирующихся
с надежностью и профессионализмом (например, темно-синий, серый, зеленый), а также демонстрация браслета в реальных ситуациях (за рулем, на работе, во время учебы), усилит восприятие продукта как надежного и заботливого решения.
- Если всю ключевую информацию разместить на одной странице в последовательном наративе
(от проблемы к решению, к преимуществам и призыву), то пользователи плавно пройдут весь путь без отвлечения, поскольку им не нужно переходить по разным ссылкам в поисках информации. Меньшее количество переходов и ссылок означает меньше шансов потерять посетителя по дороге – к тому же известно, что чем больше на лендинге ссылок, тем ниже конверсия.
- Если выдержать текст лендинга в ободряющем, заботливом тоне (например: «Мы понимаем, как тяжело бороться со сном на ходу – браслет станет вашим незаменимым помощником), то у посетителя сформируется ощущение, что ему хотят помочь, а не пристыдить, и это повысит симпатию к продукту, поскольку дружелюбие располагает к доверию.
- Если акцентные зоны с риском подсветить тёплым цветом вместо агрессивного красного, то уровень визуального стресса снизится и доверие вырастет, потому что цвет ассоциируется с огнями безопасности, а не тревоги.
Гипотезы
Оформление заказа
Для меня этот проект был в первую очередь про то, что дизайн не работает в отрыве от исследования. Когда цвет, структура и даже тон текста вырастают из конкретных инсайтов — из бенчмаркинга, JTBD, гипотез — получается решение, которое можно объяснить и защитить
Если бы у нас было больше времени, я бы хотела проверить гипотезы на реальных пользователях — особенно про цвет и про то, насколько персонализация по сегментам (водитель, студент, работодатель) реально влияет на вовлечённость. Это то, что мне интересно развивать дальше — не только в этом проекте,
но и в подходе к работе в целом.
Если бы у нас было больше времени, я бы хотела проверить гипотезы на реальных пользователях — особенно про цвет и про то, насколько персонализация по сегментам (водитель, студент, работодатель) реально влияет на вовлечённость. Это то, что мне интересно развивать дальше — не только в этом проекте,
но и в подходе к работе в целом.
Выводы
Блок с карточкой товара
Карточка товара построена
по принципам e-commerce UX: переключатели цвета и материала
с визуальным превью — выбор виден сразу, без перезагрузки. Цена расположена рядом с CTA «Заказать»
по правилу close proximity — путь «выбор → цена → действие» без лишних движений глаз. Это снижает когнитивную нагрузку перед покупкой и минимизирует количество кликов до оформления заказа.
Карточка товара построена
по принципам e-commerce UX: переключатели цвета и материала
с визуальным превью — выбор виден сразу, без перезагрузки. Цена расположена рядом с CTA «Заказать»
по правилу close proximity — путь «выбор → цена → действие» без лишних движений глаз. Это снижает когнитивную нагрузку перед покупкой и минимизирует количество кликов до оформления заказа.
Блоки «Почему выбирают нас?» и «Простое и удобное использование устройства»
Блок с рациональными аргументами (клинически проверено, ISO-сертификация, 24/7 поддержка, гарантия, возврат средств, 100 000 пользователей) закрывает решение на основе конкретных гарантий, а не только эмоций.
Далее пошаговая структура использования (наденьте → настройте → следите за уведомлениями → следуйте рекомендациям) реализует гипотезу о снижении когнитивной нагрузки — снимает страх «а не сложно ли будет разобраться с новым устройством».
Блок с рациональными аргументами (клинически проверено, ISO-сертификация, 24/7 поддержка, гарантия, возврат средств, 100 000 пользователей) закрывает решение на основе конкретных гарантий, а не только эмоций.
Далее пошаговая структура использования (наденьте → настройте → следите за уведомлениями → следуйте рекомендациям) реализует гипотезу о снижении когнитивной нагрузки — снимает страх «а не сложно ли будет разобраться с новым устройством».
Блок «Рекомендации от Toniks»
Показывает не только сам браслет, но и его связку с приложением — закрывает job «хочу получать понятные подсказки, а не просто сырые данные».
Показывает не только сам браслет, но и его связку с приложением — закрывает job «хочу получать понятные подсказки, а не просто сырые данные».
Оформление заказа
Для меня этот проект был в первую очередь про то, что дизайн не работает в отрыве от исследования. Когда цвет, структура и даже тон текста вырастают из конкретных инсайтов —
из бенчмаркинга, JTBD, гипотез — получается решение, которое можно объяснить и защитить
Если бы у нас было больше времени,
я бы хотела проверить гипотезы на реальных пользователях — особенно про цвет и про то, насколько персонализация по сегментам (водитель, студент, работодатель) реально влияет на вовлечённость. Это то, что мне интересно развивать дальше — не только в этом проекте,
но и в подходе к работе в целом.
из бенчмаркинга, JTBD, гипотез — получается решение, которое можно объяснить и защитить
Если бы у нас было больше времени,
я бы хотела проверить гипотезы на реальных пользователях — особенно про цвет и про то, насколько персонализация по сегментам (водитель, студент, работодатель) реально влияет на вовлечённость. Это то, что мне интересно развивать дальше — не только в этом проекте,
но и в подходе к работе в целом.
Выводы
Блок с карточкой товара
Карточка товара построена
по принципам e-commerce UX: переключатели цвета и материала
с визуальным превью — выбор виден сразу, без перезагрузки. Цена расположена рядом с CTA «Заказать»
по правилу close proximity — путь «выбор → цена → действие» без лишних движений глаз. Это снижает когнитивную нагрузку перед покупкой и минимизирует количество кликов до оформления заказа.
Карточка товара построена
по принципам e-commerce UX: переключатели цвета и материала
с визуальным превью — выбор виден сразу, без перезагрузки. Цена расположена рядом с CTA «Заказать»
по правилу close proximity — путь «выбор → цена → действие» без лишних движений глаз. Это снижает когнитивную нагрузку перед покупкой и минимизирует количество кликов до оформления заказа.
Блоки «Почему выбирают нас?»
и «Простое и удобное использование устройства»
Блок с рациональными аргументами (клинически проверено, ISO-сертификация, 24/7 поддержка, гарантия, возврат средств, 100 000 пользователей) закрывает решение на основе конкретных гарантий, а не только эмоций.
Далее пошаговая структура использования (наденьте → настройте → следите за уведомлениями → следуйте рекомендациям) реализует гипотезу
о снижении когнитивной нагрузки — снимает страх «а не сложно ли будет разобраться с новым устройством».
и «Простое и удобное использование устройства»
Блок с рациональными аргументами (клинически проверено, ISO-сертификация, 24/7 поддержка, гарантия, возврат средств, 100 000 пользователей) закрывает решение на основе конкретных гарантий, а не только эмоций.
Далее пошаговая структура использования (наденьте → настройте → следите за уведомлениями → следуйте рекомендациям) реализует гипотезу
о снижении когнитивной нагрузки — снимает страх «а не сложно ли будет разобраться с новым устройством».
Блок «Рекомендации от Toniks»
Показывает не только сам браслет,
но и его связку с приложением — закрывает job «хочу получать понятные подсказки, а не просто сырые данные».
Показывает не только сам браслет,
но и его связку с приложением — закрывает job «хочу получать понятные подсказки, а не просто сырые данные».
