eduspace

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

Сайт должен выполнять функцию цифрового учебника и библиотеки авторских материалов по направлениям. При этом, каждый из разделов должен не только содержать информацию о контексте подхода в образовании, ориентированного, например, на пространство, но и статьи и материалы по теме.
Автор также публикует материалы о том, как происходит обучение на уровне мозга, каким образом создавать контент, который помогает эффективно обучаться и обучать.

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

Заказчик хотел, чтобы дизайн-концепции я создала на своё усмотрение, на основании тех смыслов, которые заложены в проект. Из важных пожеланий – использование собственных авторских иллюстраций, созданных в процессе создания исследований и создания образовательных программ.

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

Собираю 2 дизайн-концепта разных по настроению – светлый и темный, но одинаковых по ощущениям и визуальным образам. Использую отсылку к космосу и атмосферу погружения. Композиция в обоих вариантах простая симметричная от центра, поскольку тема проекта и контент являются сложными для восприятия – дизайн создаю простым и легким.

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

Поскольку наша страница является своего рода “планетой информации”– использую образы планет с четкими формами и эфемерными в блоках иллюстраций и блоках с основными 3-мя разделами сайта. В футере сайта использую отсылку к слоям атмосферы. Как если бы, находясь в космосе,
мы бы видели все эти слои других планет разного цвета издалека.

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

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