личный сайт-библиотека

eduspace

Азия, космос и иероглифы для создателя образовательных программ
Объем работ:
  • Главная посадочная страница
  • Страница раздела (3 шт)
  • 404
Технические задачи:
  • формы захвата
Дата публикации сайта:
  • апрель 2023

Задача

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

Дизайн решения

Научная информация зачастую представляется как огромное количество скучного текста. На нашем же сайте эту информацию мы хотим подавать дозировано и сохраняя интерес к исследованию. Таким видит процесс познания сама заказчица и хочет передать этот интерес к познанию и своим посетителям.
Заказчик хотел, чтобы дизайн-концепции я создала на своё усмотрение, на основании тех смыслов, которые заложены в проект. Из важных пожеланий – использование собственных авторских иллюстраций, созданных в процессе создания исследований и создания образовательных программ.
Для того, чтобы лучше понять какие визуальные образы использовать, провела дополнительный созвон. Задавала абстрактные вопросы для поиска ассоциативных визуальных образов и уточнения ощущений, которые должен произвести сайт на посетителей. Составила карту таких ассоциаций и интерпретаций образов, которые буду использовать в дизайне:
{поиск ассоциаций}
Собираю 2 дизайн-концепта разных по настроению – светлый и темный, но одинаковых по ощущениям и визуальным образам. Использую отсылку к космосу и атмосферу погружения. Композиция в обоих вариантах простая симметричная от центра, поскольку тема проекта и контент являются сложными для восприятия – дизайн создаю простым и легким.
{дизайн-концепты}
сайт исследователя
сайт космос
Заказчице понравились оба концепта, но выбрала остаться больше в светлой цветовой гамме. Я продолжила развивать идеи, соединив приемы из обоих концепций в одну итоговую, обосновывая решения таблицей с ассоциациями:
Поскольку наша страница является своего рода “планетой информации”– использую образы планет с четкими формами и эфемерными в блоках иллюстраций и блоках с основными 3-мя разделами сайта. В футере сайта использую отсылку к слоям атмосферы. Как если бы, находясь в космосе,
мы бы видели все эти слои других планет разного цвета издалека.
{макет главной страницы}
дизайн сайта креатив
дизайн сайта космос
Страницы направлений, как и статьи, сделаны стандартными блоками для удобства добавления нового контента заказчицей.
{макет внутренней страницы}
{обложки внутренних страниц}
{страница 404}
{мобильная версия}
разработка сайтов
дизайн сайтов лаконичный
Анимация
На главном экране размещаю подложку из иероглифов и цитат статей, который становятся читаемы только при наведении. Также при наведении подсвечиваются планеты-кнопки для перехода в нужный раздел сайта.
{десктопная версия}
{мобильная версия}
Сайт доступен по ссылке – eduspace.pro
Проект спустя 2 года:
  • Работает как презентационный сайт
Made on
Tilda