Курс по созданию кине-
матографичных коротких видео
Курс по созданию коротких видео, особенность продукта –кинематографичность роликов, которые сняты на телефон, но выглядят как на камеру. Передача смыслов, историй и эмоций через видео
#коллаж
#промо
#креатив
Задача
Выжимка из брифа. Слова клиента
“...Ассоциации с видео Алины, ощущение, что это кино предвкушение погружения в атмосферу курса теплое чувство, ностальгия, захватывало дыхание от трепетности момента..”
Особенности разработки
Сайт выполнен в коллажной стилистике, это сделано для того, чтобы лучше погрузить пользователя в вселенную, которые мы придумали. Для этого мы используем много текстур, вырезанных элементов из которых формируем определенное настроение сайта
Проблемы и их решения
Проблема
Сайт рассчитан не только на уже прогретую аудиторию, но и на холодный трафик, за счет этого необходимо было создать дизайн сайта, где несмотря на использования большого кол-ва элементов информация на сайте будет считываться хорошо.
Также на этапе прототипа преобладало достаточно большое количество текстового контента, что усложняло создание дизайна, ведь необходимо придумать такие композиционные решения, которые будут увеличивать % прочтения информации, а не игнорирование ее
Также на этапе прототипа преобладало достаточно большое количество текстового контента, что усложняло создание дизайна, ведь необходимо придумать такие композиционные решения, которые будут увеличивать % прочтения информации, а не игнорирование ее
Решение
Несмотря на использование большого количества графических элементов, я формировала композиционно блоки так, чтобы фокус внимания пользователя не сбивался. Благодаря использованию одной силовой направляющей (по центру) я зафиксировала некий патерн потребления контента на протяжении всего сайта.
Также, я провела рерайт текстового контента и выявила наиболее важные по смыслу тезисы, распределив их в отдельные плашки, а дополнительный текст разместила в подсказки
Также, я провела рерайт текстового контента и выявила наиболее важные по смыслу тезисы, распределив их в отдельные плашки, а дополнительный текст разместила в подсказки
Ассоциации и смыслы
Метафора
Представьте, вы путешественник, который пытается найти свой внутренний баланс исследуя путь к таинственному острову Шамбалы. На вашем пути встречаются невероятные пейзажи Непала,
Буддийские храмы и все это вы фиксируете на камеру своего телефона, чтобы запечатлеть момент.
Сайт - как ваш личный дневник, в котором есть и кусочек блокнота с личными записями Алины (автор курса), и фотокарточки с важными и трепетными моментами, винтажные карты, книжные иллюстрации и компас, как главный ориентир вашего путешествия. Но все это плавно переходит к поиску уже не Шамбалы, а изучению новых знаний для создания кинематографичных видео.
Буддийские храмы и все это вы фиксируете на камеру своего телефона, чтобы запечатлеть момент.
Сайт - как ваш личный дневник, в котором есть и кусочек блокнота с личными записями Алины (автор курса), и фотокарточки с важными и трепетными моментами, винтажные карты, книжные иллюстрации и компас, как главный ориентир вашего путешествия. Но все это плавно переходит к поиску уже не Шамбалы, а изучению новых знаний для создания кинематографичных видео.
На первом экране мы сразу же используем большое кол-во текстур и наложения элементов, основным ориентиром в графике является компас - на протяжении всего сайта я буду разбирать его на молекулы и точечно интегрировать в макет
Теплые приглушенные цвета делают сайт неторопливым, спокойным. Зеленый цвет отражает природные естественные оттенки Непала, а красный отсылает к одеянию буддийских монахов
В макете я часто использую реалистичные объекты, текстуры. Основная идея заключается в том, что мы стилизуем сайт в винтажном стиле, используя старинные объекты, миксуя это все с рукописными шрифтами, вырезанными фотографиями, используем компас, как ориентир по сайту
