Регина Смирнова и Даниил Максименков.

Скринкаст: композиционное проектирование

Это процесс работы над итоговым заданием студентов продвинутой версии курса Сергея Гурова Теория и практика композиционного проектирования.

Группа B: Регина Смирнова и Даниил Максименков.

Задача

Разработать дизайн сайта-портфолио архитектора и дизайнера Константина Ремеза. Отразить авторские принципы подхода к работе. Найти решение, которое могло бы сочетать идентичность, эффектность взаимодействия и простоту/удобство его поддержки, наполнения и масштабирования.

Решение

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

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

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

В концепте был сделан упор на бесшовные переходы между страницами и разделами сайта, и на многомерность пространства, дальше/ближе, как в архитектуре.

«Мы работали в группе над кейсом от реального заказчика, а Сергей выступал в качестве арт-директора. Работа была похожа на студийную: когда сначала вы делаете несколько концепций, все вместе их обсуждаете и ищете интересное решение, потом делаете внутренние страницы, анимацию, продумываете презентацию решения заказчику. Хорошая возможность прокачать визуал и поработать с сильным арт-директором».

Поделиться
facebook
vk
twitter

Онлайн-школа дизайна и иллюстрации Bang Bang Education

Раз в неделю мы присылаем письмо с подборкой новых выпусков «Точки зрения».