Дизайн главной страницы: лента материалов, новостной блок, опросы и промо-предложение — в светлой и тёмной теме с единой логикой компонентов.
Разработать дизайн главной страницы юридического интернет-журнала — ленту материалов, новостной блок, опросы и предложение протестировать сервис — в светлой и тёмной версии.
Юридический контент часто выглядит сухо и недоверчиво — либо казённо, как официальный документ, либо шумно, как обычный новостной агрегатор. Нужно было найти баланс: подача, которая считывается как экспертная и заслуживающая доверия, но при этом легко сканируется — читатель должен за секунды понять, что за материал перед ним и стоит ли открывать.
Отдельная задача — органично встроить рекламный блок с предложением протестировать сервис, не превращая его в баннер, который хочется проскроллить мимо.
Изучили конкурентов в сегменте медиа (VC.ru, Т—Ж) — какие приёмы работают в подаче ленты. Структуру собрали в три колонки: слева — компактная навигация (лента, подписки, сообщения), в центре — сама лента материалов, справа — новостной блок и вспомогательные виджеты (курсы валют, соцсети).
Карточка материала строится вокруг доверия к автору, а не только к заголовку: аватар, имя, время публикации и счётчик просмотров стоят прямо над заголовком, кнопка «Подписаться» — тут же, без дополнительного клика. Теги под описанием (#ИИ_в_бизнесе, #СудебнаяПрактика) дают читателю быстрый ориентир по теме ещё до того, как он вчитался в текст.
Блок с предложением протестировать сервис поставили в самое заметное место страницы — сразу под шапкой, а не в подвале или боковой колонке, где его легко проскроллить не заметив.
Тёмную тему делали не как инверсию цветов поверх готового макета, а с сохранением той же иерархии внимания: карточки, счётчики и теги остаются на тех же местах и с тем же весом, меняется только цветовая база. Рекламный баннер сознательно оставили в исходной светлой стилистике в обеих темах — это решение в пользу рекламодателя: его баннер узнаваем одинаково, независимо от темы.
Единая логика компонентов между темами: меняется только цветовая база, иерархия внимания сохраняется. Прокрутите макеты внутри окон.
Готовый UI-дизайн главной страницы в двух темах — светлой и тёмной, с единой логикой компонентов между ними и согласованной подачей ленты, новостей и промо-блока.
Дизайн выполнен дизайнером команды Парсли