Сайт для закрытого сообщества

Что нужно было решить

Сообществу важно не только объяснить набор функций, но и вызвать чувство: «здесь мои люди». На одной странице нужно было раскрыть ценности, аудиторию, платформу, события и подписку, чтобы провести пользователя от первого эмоционального впечатления к осознанному вступлению

Сценарий страницы

Я выстроила лендинг не как каталог функций, а как путь принятия решения: сначала эмоциональный вход и ценности, затем ситуации и социальное доказательство, после этого возможности платформы, события, путь вступления и тариф

Каждый следующий блок меняет формат: крупная типографика, карточки, отзывы, интерфейсные элементы и интерактивы чередуются, чтобы длинная страница сохраняла темп и внимание

Визуальная система и ручная графика

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

Рукописные слова и стрелки не дублируют текст: они выносят ключевые смыслы, направляют взгляд и добавляют живую интонацию к строгой модульной сетке

Интерактив

Вместо двух одинаковых карточек с ценностями я спроектировала интерактивную сцену, в которой пользователь сам взаимодействует с двумя стихиями. На земле можно посадить зерно и вырастить колоски; на воде запустить круги, которые расходятся от касания

Земля стала метафорой опоры и роста, вода связей между людьми. Так ключевая идея сообщества не объясняется текстом, а проживается в интерфейсе

Платформа

Вместо списка возможностей я показала продукт через интерфейс приложения. Вкладки переключают отдельные сценарии (поиск людей, личные сообщения, контент и события), а экран смартфона даёт увидеть платформу ещё до вступления

Так функциональность считывается как опыт использования, а не как набор обещаний

Калькулятор подписки

Выбор тарифа это момент, когда пользователь принимает решение. Я спроектировала калькулятор, в котором при каждом выборе одного из предложенных вариантов синхронно меняются срок, стоимость и CTA, поэтому пользователь сразу понимает, за что и сколько платит

Подготовка к разработке

Файл в Figma не набор статичных экранов. Я собрала повторяющиеся элементы в компоненты и состояния, настроила Auto Layout для адаптива и зафиксировала поведение блоков на разных размерах экрана

В комментариях описала анимации и интерактив: скролл-интро, появление навигации, переключение вкладок, раскрытие карточек, калькулятор и FAQ. Разработчик получил не только визуал, но и точные правила поведения интерфейса