Про энергию

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

Я разработала сайт онлайн-курса с нуля: провела анализ аудитории, собрала структуру, написала тексты, подготовила прототип и визуальную концепцию. Затем оформила личный кабинет Tilda и PDF-материалы, которыми участники пользуются во время обучения.

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

Сначала мы с Ксенией согласовали структуру и тексты. Затем я перешла к оформлению.

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

Эти наблюдения помогли перейти от общего разговора об энергии к понятным формулировкам и стали основой раздела «Кому подойдёт курс».

Ксения выбрала второе направление. Оно меньше отвлекало от содержания и позволяло постепенно знакомить человека с курсом. На его основе я продолжила работу над сайтом.

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

Эти образы связали оформление с повседневностью и вниманием к собственному состоянию.

Рядом с программой и объяснением формата появляются портреты и природные сцены. На них можно задержаться, а затем продолжить чтение. Так эмоциональная часть поддерживает содержание и не спорит с ним.

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

Так человек может заранее разобраться и в содержании курса, и в порядке доступа к нему.

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

Единые шрифты, цвета и изображения связывают лендинг, личный кабинет и материалы курса.

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

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