ведущего
КУРС ВРАЧА
Разработка лэндинга
(01)
Проект
для врача,
онлайн-курс
ЗАДАЧА
(02)
О ПРОЕКТЕ
Предистория
Было необходимо сделать новый лендинг. Старый сайт находился на wordpress в плачевном состоянии. В итоге сделан аккуратный, информативный и удобный лендинг на Tilda с сочным дизайном.
А так же написаны тексты и новые заголовки.
Цель
Создать яркий летний лендинг, сделав акцент в дизайне на тему здоровья и правильного пистания. Грамотно показать тарифы, удобно и понятно рассказать о программе курса и результатах.
Анализ
Целевая аудитория — люди с проблемой ожирения, гормональным дисбалансом, желающие сбросить лишний вес.
Анализ конкурентов показал что в России и странах СНГ подобные курсы есть, но они довольно плохо презентованы в интернете.
Сделано:
Дизайн, вёрстка на CMS
Срок 6 дней
2021 г
РЕШЕНИЯ
(03)
ИПОЛЬЗУЯ UI/ux
Первый экран
ПОСЛЕ
ДО
Чем лучше
Первый экран передаёт летнее настроение, время, когда вышел курс.

Призывы и яркий дизайн говорят: "правильное питание — это не скучно"

Три ключевых постулата выделены отдельно и написаны в изъявительном наклонении, что рисует образ прекрасного будущего без ожирения. Цвета, кнопки, расположение элементов, фон — всё сделано по принципам UX / UI.
Чем лучше
Возможность первого экрана, а именно эффект первого впечатления, практически не использован:

1. Устаревший дизайн
2. Ссылки на соц. сети лишние в конкретном случае
3. Кнопка "личный сайт" вводит в заблуждение: пользователь думает, это либо личный кабинет либо непонятная ссылка. На первом же экране мы предлагаем пользователю уйти на другой сайт — зачем?
Блок "Преимущества"
ПОСЛЕ
ДО
ЗАГОЛОВОК
Преимущества нескучно читать, а хочется!

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

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

Забота о клиннтах начинается раньше, чем вы думаете, а именно с визуальной составляющей сайта!
Блок "Программа курса"
ПОСЛЕ
ДО
ЗАГОЛОВОК
Полная ясность программы курса достигается:

1. Чёткой группировкой информации: заголовок, подзаголовок, номер недели, название, урок и содержание (раскрывающиеся блоки)
2. Правильным расположением информации
3. Визуальными акцентами
4. Тем, что глаза не устают при взгляде на программу.
ЗАГОЛОВОК
1. Весь текст содержания уроков вывален сразу
2. Отсутствует группировка и название учебных недель
3. Пользователю приходится скролить много экранов, прежде чем долистать до конца программу, текст которой читать не хочется.

— всё это не даёт получить удовольствие от покупки своего здорового будущего.
Блок "От автора"
ПОСЛЕ
ДО
ЗАГОЛОВОК
Автор курса обращается напрямую к посетителям сайта, здоровается, тем самым создаётся ощущение общения с врачом, которому пользователь должен доверить здоровье.
ЗАГОЛОВОК
Неправильные отступы между фотографией и контентом, заголовком и текстом создают неаккуратный внешний вид блока.
Блок "Озывы"
ПОСЛЕ
ДО
ЗАГОЛОВОК
А вот в этом блоке информацию не нужно скрывать в слайдер. Все отзывы видно сразу, как и их текст.

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

Блок выделен другим цветом, как и заголовок, что создаёт переход от информативной части к неформальной.
ЗАГОЛОВОК
Свою функцию внушения доверия пользователю блок не выполняет по причинам:

1. Скучный дизайн

2. Слайдер, который в настоящее время никто не листает, так как актуальное поведение пользователя — скроллинг
Нижний экран
ПОСЛЕ
ДО
ЗАГОЛОВОК
Самый низ сайта — это итог "разговора", который мы вели с пользователем от первого экрана.
И этот разговор нельзя оставлять без предложения к дальнейшему действию.

Поэтому поставлена форма с возможностью задать вопрос быстро или записаться на курс уже сейчас.
ЗАГОЛОВОК
Неправильно расставленные акценты создают ощущение беспорядка, а у пользователя разбегаются глаза.
СЛЕДУЮЩИЙ
ПРОЕКТ
ПРЕДЫДУЩИЙ ПРОЕКТ
Есть проект?
Свяжитесь со мной.
И мы обсудим варианты его реализации.
4 простых вопроса помогут мне
подобрать оптимальный вариант сотрудничества
Какие функции должен выполнять будущий сайт?
 
Есть ли старая версия сайта? Напишите адрес.
 
На какой срок нужен сайт?
 
Когда нужно запустить сайт и почему именно этот срок?
 
Имя
 
Телеграм
 
Телефон
 
Я согласен на использование и обработку моих персональных данных