Портал МегаФон
Дизайн-концепция основного портала для крупнейшего телеком-оператора
задача
Разработать сайт к 100-летию ВХУТЕМАСа и 130-летию художника и дизайнера Александра Родченко для RT Creative Lab — диджитал-студии инновационных медиа-проектов. Образовательный проект знакомит с работами профессоров разных направлений и студентов курсов.
клиент
RT Creative Lab
отрасль
Медиа
год запуска
2021
что сделали
Дизайн сайта
Frontend-разработка
Backend-разработка
награды
Золотой сайт
1 место, «Лучший дизайн компании, сервиса», 21 марта 2022
Золотой сайт
1 место, «Развлекательный ресурс, медиапортал», 21 марта 2022
Золотой сайт
2 место, «Образовательный портал, научно-популярный сайт, блог», 21 марта 2022
Red Dot
Education & E-Learning, 1 августа 2022
White Square
Бронза, Digital — Non profit/charity, 22 декабря 2022
Рейтинг Рунета
1 место, Обучение, 23 ноября 2023
Смотрели на вещи под нестандартным углом
В разработке дизайн-концепции ориентировались на главные принципы мастерских: смотреть на вещи под нестандартным углом и использовать пространство максимально эффективно.
Применили цветокодирование
Разработали свой цвет для каждой мастерской, чтобы было легко ориентироваться. Это подкрепляется также и цветокодированием на внутренних страницах материалов. Например, в фоновых блоках на лонгриде или лектории.
Двухуровневая фильтрация на главной странице
Продумали оптимальную навигацию сайта, которая даёт свободу в выборе контента. Пользователь может изучить материалы, сгруппированные по отдельным разделам.
Расширили структуру сайта
Представили на сайте семь типов контента в четырёх мастерских. Предусмотрели 10 форматов карточек, комбинация которых в различных вариантах делает сетку динамичной.
Категорирование в меню по типу материала и по мастерской
На уровне отдельных элементов мы возвращаемся к стилистике времен мастерских. Например, кнопки приобретают объем по наведению — объем как самостоятельная дисциплина изучался в рамках одного из ключевых курсов мастерских.
Вновь вдохновились Родченко
Возникла задача обыграть образовавшиеся пустые пространства блоков на карточках превью. Источником вдохновения послужила одна из схем построения с пропедевтического курса Александра Родченко. Зигзагообразная фигура закрыла необходимые пустоты и сохранила общий облик сетки без загромождения лишними объектами.
Особое внимание уделили картотеке — небольшим шпаргалкам по различным темам ВХУТЕМАСа.
Учли разнообразие материалов
В рамках проекта нам нужно было разработать страницу для лонгрида — одного из типов контента. Его формат должен был подходить для материалов на разные темы. Стремясь сделать макет универсальным, пришли к разностороннему выравниванию — оно позволяет маневрировать между блоками и переключать внимание пользователя в рамках одной сетки.
Проработали оптимальную вёрстку
Контент-менеджер проекта самостоятельно решает, какие блоки и в каком порядке ему выводить. Для этого при frontend-разработке использовали вёрстку с учётом блочной структуры, а на backend-стороне дали возможность пользователю собирать информацию легко, как конструктор.
На баннеры-иллюстрации накладываются композиции из геометрических фигур Александра Родченко.
отзыв
Кирилл Карнович-Валуа
Креативный директор и основатель
RT Creative Lab
Команда Red Collar — это мировой уровень веб-дизайна. С ребятами очень интересно было работать над культурно-историческим проектом ВХУТЕМАС.ACADEMY, где из идей и задач родился веб-проект со своим уникальным стилем и необычным пользовательским опытом. Ребята регулярно получают сложнейшие международные награды, и наше сотрудничество не раз показало, что планка качества у них — на высоте.
смотрите также
связаться