Баба Яга

Баба Яга — древний мифический персонаж. В работе над лендингом старался рассказать историю от первого лица и поведать об интересных фактах жизни персонажа. Задание квалификационного этапа АртМастерс.

Задача

Сделать лендинг для героя народной сказки в свободном исполнении.

Срок

Шесть дней.
Я не Морфеус, но выбор дам. Что предпочитаете, смотреть результат или прочитать подробный кейс?

Концепт

Для начала я изучил наиболее популярные интерпретации и представления о Бабе-Яге в народных сказках и мифологии разных народов. На основе полученных данных я создал концепцию лендинга, которая должна была передавать основные идеи и факты о Бабе-Яге.
Главный экран. На нём я начал повествование от первого лица и добавил имена персонажа из разных легенд
Главный экран. На нём я начал повествование от первого лица и добавил имена персонажа из разных легенд.

Структура

Для структуры я определил ключевые блоки, которые должны быть на странице, такие как: блок с историей Бабы-Яги, блок с легендами и представлениями, блок о её родственных связях и блок о доме на курьих ножках.
Список экранов сайта: Главный экран, Как появилась, Как выгляжу, Атрибуты, Родственные связи, Дом, Где упоминалась, Книги, Сказки, Фильмы, Музыка, Цитата
Список экранов сайта, набросок.

Дизайн

После создания структуры, я приступил к созданию дизайна. Начал с создания макета, который отражал концепцию лендинга и соответствовал целям проекта. Засим, я: определил мудборд, нашёл референсы, выбрал цветовую гамму, шрифты, изображения и другие элементы дизайна, которые передавали атмосферу сказочного мира и подчеркивали ключевые идеи.
Референсы и мудборд для сайта
Референсы и мудборд для сайта.

Типографика и сетка

Отдельное внимание уделил типографике и сетке построения макета. Для управления вниманием аудитории использовал модульную сетку и всего два размера шрифта помимо буквицы. Также, использовал буквицу, для ощущения, будто повествование лендинга — это старая сказка.

Текст

Затем я написал тексты, которые передавали информацию о Бабе-Яге и привлекали внимание. Местами использовал старославянский, для придания большего антуража лендингу.
Текст и типографика сайта. Несколько блоков сайта с текстом, на которых можно выделить сетку
Текст и типографика сайта.

Вместо итога

Заключительным этапом объединил всё вышесказанное, чтобы получился один большой одностраничник, который я полностью привёл ниже. А для тех, кто хочет потыкать — ссылка на прототип и беханс.
Полный разворот лендинга, все блоки

Ревью

Кейс показался мне несложным, а идеи как его реализовать, были. В работе я хотел передать атмосферу персонажа, а также времён, в которые он был придуман — отсюда и глубокий фиолетовый цвет на фоне, антиква, похожая на ту, что использовали наши предки в рукописных записях на кириллице, особая буквица, а также подобранный слог, с помощью которого я хотел поведать историю персонажа от первого лица.
Made on
Tilda