drag

кейс

ВХУТЕМАС

Сайт медиаплатформы, запущенный к 100-летию творческих мастерских

vkhutemas.academy
задача

Разработать сайт к 100-летию ВХУТЕМАСа и 130-летию художника и дизайнера Александра Родченко для RT Creative Lab — диджитал-студии инновационных медиа-проектов. Образовательный проект знакомит с работами профессоров разных направлений и студентов курсов.

клиент

RT Creative Lab

отрасль

Медиа

год запуска

2021

что сделали

Дизайн сайта
Frontend-разработка
Backend-разработка

Смотрели на вещи под нестандартным углом

В разработке дизайн-концепции ориентировались на главные принципы мастерских: смотреть на вещи под нестандартным углом и использовать пространство максимально эффективно.

Применили цветокодирование

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

Двухуровневая фильтрация на главной странице

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

Расширили структуру сайта

Представили на сайте семь типов контента в четырёх мастерских. Предусмотрели 10 форматов карточек, комбинация которых в различных вариантах делает сетку динамичной.

Категорирование в меню по типу материала и по мастерской

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

Вновь вдохновились Родченко

Возникла задача обыграть образовавшиеся пустые пространства блоков на карточках превью. Источником вдохновения послужила одна из схем построения с пропедевтического курса Александра Родченко. Зигзагообразная фигура закрыла необходимые пустоты и сохранила общий облик сетки без загромождения лишними объектами.

Особое внимание уделили картотеке — небольшим шпаргалкам по различным темам ВХУТЕМАСа.

Учли разнообразие материалов

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

Проработали оптимальную вёрстку

Контент-менеджер проекта самостоятельно решает, какие блоки и в каком порядке ему выводить. Для этого при frontend-разработке использовали вёрстку с учётом блочной структуры, а на backend-стороне дали возможность пользователю собирать информацию легко, как конструктор.

На баннеры-иллюстрации накладываются композиции из геометрических фигур Александра Родченко.

отзыв

Кирилл Карнович-Валуа
Кирилл Карнович-Валуа
Креативный директор и основатель
RT Creative Lab

Команда Red Collar — это мировой уровень веб-дизайна. С ребятами очень интересно было работать над культурно-историческим проектам ВХУТЕМАС.ACADEMY, где из идей и задач родился веб-проект со своим уникальным стилем и необычным пользовательским опытом. Ребята регулярно получают сложнейшие международные награды, и наше сотрудничество не раз показало, что планка качества у них — на высоте.

смотрите также

ВГУ

Преемственность традиций: новый логотип и айдентика для вуза с вековой историей

Humans.uz

Разработка, дизайн-поддержка сайта и 3D-объекты для финансового мультипродукта

MegaLabs

Дизайн-система и frontend-разработка платформы для проведения вебинаров

связаться

Расскажите о своей задаче

Мы Red Collar, а как зовут вас? Чтобы связаться, нам нужен ваш e-mail Ого, какой тяжелый файл! Больше 10 MБ ждем на hello@redcollar.ru Пожалуйста, проверьте, правильно ли написан e-mail

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