Ева Левина
Сайт психолога
Лендинг практикующего психолога с одним понятным следующим шагом - бесплатным тестом для самоанализа в Telegram. В этом кейсе показаны структура сайта, визуальный стиль и мобильная версия. Бот - отдельная часть того же проекта.
Открыть сайтПервый экран · широкая версия
HTML-превью реального первого экрана. Исходный сайт на русском языке; внутри превью можно прокручивать страницу.
Задача
Познакомить посетителя с психологом и объяснить незнакомую тему, не перегружая первый визит. Нужно было связать узнаваемые жизненные ситуации с понятным предложением разобраться в них подробнее.
Решение
Я выстроила страницу от главного предложения и знакомых ситуаций к четырём профилям, этапам теста и знакомству с психологом. Повторяющиеся призывы к действию ведут в Telegram, где путь продолжается в боте.
Решения в дизайне
Каждая часть страницы помогает пройти путь от первого впечатления к следующему шагу.
Понятный первый экран
Короткий заголовок, настоящая фотография и одно основное действие. Пояснение рядом с кнопкой знакомит с форматом теста до перехода в Telegram.
Спокойный визуальный стиль
Тёплые нейтральные оттенки, свободное пространство и выразительные заголовки с засечками задают личный тон. Фотографии знакомят с человеком, который стоит за услугой.
Читаемая мобильная версия
На узком экране текст, фотография и карточки располагаются последовательно. Основное действие остаётся заметным, а содержание можно читать без горизонтальной прокрутки.
Один связанный проект
Сайт знакомит с предложением; Telegram-бот отвечает за тест, личные результаты, оплату и запись. Два кейса показывают разные части одного проекта.
Первый экран · мобильная версия
На узком экране текст, фотография и карточки располагаются последовательно. Основное действие остаётся заметным, а содержание можно читать без горизонтальной прокрутки.
От сайта к Telegram
Посмотрите действующий лендинг, а затем - как его следующий шаг связан с ботом, мини-приложением и CRM.