БАТЕНЬКА, ДА ВЫ ТРАНСФОРМЕР
Предложение, анализ, мысли подтверждающие тот факт, что я, Наташа Файбисович, нужна вам как арт-директор
Меню
Шрифт, которым написаны пункты меню используется на сайте в написании «ВСЕ ПРОПИСНЫЕ». Тогда почему в меню «все строчные»?
Почему при наведении на пункт меню он красится в серый цвет, а не в цвет секции? Учитывая, что если мы заходим на материал, то тогда активный пункт меню красится в цвет секции?
Почему второй ряд меню при наведении красится в красный цвет? В чём особенность этих пунктов? Почему они повторяют цвет «ресурсов»? Почему радио тоже такого же красного цвета?
Линии
Почему вертикальные линии между материалами тоньше, чем горизонтальные линии, использующиеся на всём сайте?
Материалы
Почему окрашивание заголовка в цвет секции, к которой относится материал не получает поддержку в цветах на иллюстрации? Было бы здорово, если бы хотя бы один элемент на картинке был окрашен в цвет секции

Смотри разницу ниже
Плохо
Хорошо (много голубого)
Хорошо (мало голубого)
Почему акцентные буквы используются только в материале первого блока? Ведь одна из ценностей использованного Батенькой шрифта — это как раз эти необычные буквы

Между смысловыми частями в тексте очень мало места, описаниям статей сложно дышать, текст считывается плохо

Смотри ниже решение
Плохо
Хорошо (расстояние примерное)
Дополнительные карточки
Абсолютно не читабельная карточка
Читабельная карточка, но выпадающая из решения сайта — слишком блёклая. Почему не делать фон плотным, как в секциях?
Рассылка
Кегль в описании рассылки и в просьбе оставить электронную почту различается на пару пикселей, что заставляет дёргаться глаз и грязнит. Более того, кегль как в почте не используется больше нигде кроме как в подвале
Второй блок с рассылкой, но с другим заголовком по форме с висящими предлогами. На сайте этого, в принципе, довольно много. С этим нужно бороться!

Качество изображения ножниц, кстати, очень низкое, из-за чего они становятся мутными + им не хватает контраста на фоне пунктира
Подвал
Перечень тем и «Найти то, что потеряно» почему-то написано кеглем, который используется в электронной почте, но не в описаниях к материалам. Почему?
Главный экран
Все тексты, которые есть на этом экране прилеплены друг другу. Фотографию автора из-за большого заголовка не видно, или частично не видно, поэтому, необходимость так сжимать информацию не оправдана

Непонятно, почему на главном экране иллюстрация не навылет, ведь все иллюстрации больше упираются в рамки экрана

Как может быть смотри ниже
Было
Стало
Иллюстрации
Почему-то у всех полноэкранных иллюстраций справа есть белая вертикальная полоска
Главный экран
Если и слева и справа текст «обнимают» изображения, то такой узкий текст оправдан, его легко читать
При этом, если с одной или с другой стороны картинки нет, то композиция заваливается, как здесь, влево
Или вправо
Разделители, которые используются для глав, к сожалению, давят на следующий абзац

Что делать понятно, двигать подзаголовок с линиями и начало следующей главы ниже
Если перед подзаголовком цветной блок, то увеличивать расстояние ещё критичнее, иначе этот блок просто пляшет на подзаголовке, восприятие ухудшается
Инструкция
Это отличный приём выделения рассылки или важной инструкции. Почему так не делается на главном экране?
Допольнительно
Предлоги ушли вразнос (висят) вместе с разделительными линиями (слишком тонкие)
Социальные сети
Facebook
Хорошо, что на аватарке используется яркий цвет. Это выделяет посты в ленте. К сожалению, сами посты не сильно выделяются. Что если обязательно писать заголовок на картинке, которая подгружается на fb? Можно ли пост делать не кликабельным, а просто текст + картинка, а ссылку на материал ставить в первом комментарии?

Использование цвета секции на фоне или внутри иллюстрации как акцентный + заголовок фирменным шрифтом с необычными буквами может повысить узнаваемость постов в ленте
Конечно, это не самый радостный пост со страницы, но, по крайней мере, от него «пахнет» Батенькой, что, совершенно точно, останавливает взгляд при просмотре
VK
Из-за того, что во вконтакте аватар на белом фоне, а не на жёлтом, его тяжелее выцепить из ленты

С точки зрения рекомендаций по оформлению, они такие же как и на fb
Instagram
Instagram, пожалуй, выделяется на фоне других аккаунтов больше всего. Но! Не хватает системы, непонятно, когда используется текст на картинках, а когда нет. Непонятно, почему какие-то изображения с затемнение тёмным, а какие-то нет

Идея с галереей с иллюстрациями из материала очень классная
Мобильная версия
Меню
Материалы
Меню, материалы
Почему нету плавающего меню в мобильной версии? Как иначе попасть в секции, например?

С точки зрения подачи материалов не хватает расстояния между ними: получается путаница у заголовков, текстов и изображений
Вывод:
Для улучшения работы сайта и на десктопной версии и на мобильной необходимо:
1) привести в порядок шрифтовую систему — где и когда какие шрифты, начертания и кегли используются, следить за висящими предлогами;
2) дать больше воздуха «смысловым» блокам — использовать одинаковые разделители, следить за расстояниями между текстами и изображениями;
3) избавиться от грязи — не использовать изображения плохого качества, следить за их размерами и разрешением;
4) выстроить цветовую систему — избавиться от повторений и закрепить цветовые решения за всеми кусочками одной секции, например;
5) сократить длину главной страницы — мобильную версию раза в 3, десктопную в 2; иначе, к сожалению, становится скучно листать однотипные блоки !!!

Рекомендации по повышению узнаваемости в социальных сетях написаны внутри анализа. Предложение ко всем: на сайте можно нажать на секцию или автора, чтобы почитать все материалы, которые были им сделаны. А в соцсетях такого нет. Что если в соцсетях разработать систему уникальных хештегов, чтобы можно было найти материалы по секциям, авторам и иллюстраторам?

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

Спасибо, что дали возможность!
Наташа